..頁面可訪問性設計

Rex Song is specialized in usable, high quality web design.
Trained cognitive psychologist, design thinker, user experience evangelist.

可访问性(Accessibility)是互联网产品用户体验的指标之一,即网站的服务与内容能被用户访问到。
主演能够解决的问题:

  1. 应付极端环境下的正常浏览需求;
  2. 结构、表现、行为跨终端跨平台兼容支撑;
  3. 保障残障人士无障碍信息获取;
  4. 强化搜索引擎友好。
  • 原理方法论
  • 教案和知识结构
  • 咨询服务

可访问性指标,不仅仅是为残障人士构建“平等、参与、共享”平台。
而应该无论用户使用何种软硬配置、网络基础设施、语言文化背景、地理位置,以及他们的身体条件和智力经验水平。

可用之前先保证可访问3.16.2009
Accessibility在不同领域不仅有最佳翻译,并且还有更准确的技术方案定义。
给网站界面预留退路3.11.2009
不可控因素无处不在,分别总结“纯功能、内容+功能、纯内容”三类预留退路方案。
内容可访问性不是全部11.7.2009
“内容”可访问性只是web可访问性的站点、服务、功能、内容层次之一。
页面加载对访问的影响10.29.2009
并不是加载越快就越好,快慢先后都应该有讲究。
新开窗口应该浏览器控制4.16.2009
或者说target=_blank本身确实不合理,应该拆为target=_window和target=_tab两个定义。
宽屏不是用来阅读的4.5.2009
大屏幕、宽屏幕根本不是为方便“扫视”准备,而是为能放更多窗口。
三达不溜3.27.2009
很多网民根本就不知道,不敲入www也理应顺利访问网站才对。
简洁有语义的页面地址5.1.2006
语义化的网址更利于用户理解。

解决方案

使用Title提升可访问性4.2.2009
Title不是必须的,不应该是简单对链接信息的重复,同时也不仅仅适用于<a>标签。
使用Title提升可访问性二11.11.2009
Title分别与标签dfn和abbr配合使用的案例。
使用Alt提升可访问性4.3.2009
Alt不是必须的,准确用途是在看不到图片的情况下如何用文字传达给用户?
排版自适应提升可访问性4.7.2009
页面应该能适应不同浏览器和分辨率,分别总结“版面、视觉、内容”三类自适应方案。
减少新开窗口提升可访问性4.17.2009
可以广义概括为只要影响访问、操作流畅度的链接,都不建议target=_blank。
真链接提升可访问性7.15.2009
真链接配合浏览器可以使用的“前进、后退”按钮,才能构成B/S架构产品的完美体验。

网站可访问性有不同层次,各层次问题对最终用户体验影响所造成的严重程度不一样。
根据访问逻辑顺序,把可访问性问题分为四个层次:站点可访问性、服务可访问性、功能可访问性、内容可访问性。

V1.0
2010.5.21 update

参考文献

  1. 浅谈网站的可访问性:张俊,天津科技大学经济与管理学院 2007
  2. Web内容可访问性指南 1.0:Junchen WU 2006

目前,大多数发达国家针对大众信息传播网站均有相应的法案法规,规定了实现可访问性的最低要求。
针对残障人士而言,如果网站无法提供正常浏览,在发达国家可以依法起诉。中文网站与之对比,差距显而易见。
以下所列,是最常见的细则条文,能够提供相应的测试和改进技术咨询。

Web Content Accessibility Guidelines 1.0

来自WC3官方成立的Web Accessibility Initiative团体。
目前在欧洲,欧盟委员会已经认可了W3C的Web可访问性提议,并将其推荐给各成员国使用。

  1. 对听觉和视觉内容提供等同的替代内容;
  2. 不要仅依靠色彩来提供信息;
  3. 适当地使用标记和样式表;
  4. 阐明自然语言的使用;
  5. 创建编排良好的表格;
  6. 确保以新技术为特性的页面呈现正常;
  7. 确保用户对时间敏感内容更改的控制;
  8. 确保嵌入式用户界面的直接可访问性;
  9. 进行与设备无关的设计;
  10. 使用过渡解决方案;
  11. 推荐的技术和规范;
  12. 使用 W3C 技术和准则;
  13. 提供上下文和定向信息;
  14. 提供简洁的导航机制;
  15. 确保文档清楚简单。
Section 508

来自美国联邦政府的16条规则,前11条是来自WCAG的检查点。
1998年成为联邦法律,规定了所有由联邦政府发展、取得、维持或使用的电子信息技术必须无障碍。

  1. 对每个非文本元素都应该提供等同的文本。
  2. 任何多媒体演示的等同替代内容都应该与该演示同步。
  3. 保证所有通过颜色传达的信息无需颜色也可获得,比如通过上下文或者标记。
  4. 文档应该经过组织,这样它们无需关联的样式表也可阅读。
  5. 为服务器端图像映射的每个活动区域都提供冗余的文本链接。
  6. 提供客户端图像映射而非服务器端,除非区域不能使用可用的几何图形来定义。
  7. 为数据表标识行和列标题。
  8. 对于具有多个行列逻辑层次的数据表,应标记清楚关联数据单元格和标题单格。
  9. 使用有助于框架标识和导航的文本来为框架加上标题。
  10. 避免在频率大于2Hz并小于55Hz的情况下导致屏幕闪烁。
  11. 当以任何其他方法都无法达到符合性时,应该提供有等同信息或功能的纯文本页以使Web站点符合规定,并相应同步。
  12. 使用脚本语言来显示内容或创建界面元素时,应预留退路保证功能文本一致。
  13. 要求客户端用插件或应用程序来解释页面内容时,必须提供相应插件或程序链接。
  14. 允许用户使用辅助技术来访问并提交在线电子表单所需的信息、字段和功能,包括所有说明和提示。
  15. 提供方法允许用户跳过重复的导航链接。
  16. 当需要定时响应时,应该警告用户并给予其充分时间以表示需要更多的时间。