对Web标准、可用性、可访问性的理解

一. Web标准

简单来说,就是结构、表现、行为三者分离。

  1. 结构:HTML、XHTML
  • HTML:超文本标记语言 (Hyper Text Markup Language)
  • XHTML:可扩展超文本标记语言(表现方式与HTML类似,不过语法上更加严格)
  • HTML5:最新一代的超文本标记语言
  1. 表现:CSS
    页面样式用CSS文件,与HTML分离,不使用 &nbsp;<br/>等标签。
  2. 行为:JavaScript、DOM

二. 可用性

良好的交互,人性化的设计,保证设计的网页高可用。

三. 可访问性

可访问性就是对所有人一视同仁,无论他们是否有残障。
四个可访问性标准(WCAG 2.0):

  • 可感知:人们可以通过适合自己的媒体来获知网页内容。比如应当让盲人得以收听页面内容。例如,图像应该有文本对应体。
  • 可操作:人们可以与 web 应用程序或内容进行交互。例如,用户应该可以不用鼠标也能与某个网站进行交互,并且可以通过屏幕阅读器来进行导航。
  • 可理解:使用者可以弄懂页面内容和用户界面。例如,正文不应该比它需要的更加复杂,且网站应以可预测的方式来运行。
  • 健壮性:所提供的一切服务都应当不受平台或操作系统的限制。这样就可以避免人们提供一些不太完善的服务,这些服务会因为硬件/软件的限制而导致大多数人都无法使用。例如,不同设备上的浏览器能够一起使用网站,且导航应该是一致的。
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 可用性(Usability):产品是否容易上手,用户能否完成任务,效率如何,以及这过程中用户的主观感受可好,是从用...
    raincoco阅读 968评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,273评论 19 139
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,301评论 4 61
  • 什么叫思考?--- 提问回答. 思考水平怎么体现?--- 多提问题,快速回答,回答正确. 讲话其实就是自问自答,没...
    金鱼鱼金阅读 218评论 0 0
  • 第68篇 《我在艳阳里歌颂艳阳》 太阳,你疯狂地照吧 把春风加热 把小草烤晕 把大地晒得起了皮 把天空晒得红彤彤 ...
    好郝说话阅读 338评论 0 5