无障碍网页设计思路

今天遇到一个非常有意义的问题，即无障碍网页的设计思路。自己以前从来没有考虑过这些问题，然而通过检索发现，无障碍网页设计真的非常重要。

在信息化如此发达的今天，我们的生活几乎已经离不开网上订票、公交查询、新闻阅读、网络购物等等多种信息化服务。可是还有许多视力有障碍的人士，他们同样需要这些多种多样的信息化服务来丰富他们的生活。现在已经有一些读屏软件可以让视力有障碍的人们通过声音的方式来浏览网页。然而，由于网页的页面结构本身在设计时的一些疏漏或不周，为视力有障碍的人们阅读网页带来一些困难。因此，从网页设计伊始即融入无障碍网页设计思想，将造福于千千万万有上网需求的有视力障碍的人们。

我搜集到一些重要的设计思路，分享给web前端开发人员，希望大家都从自己做起，共同为有视力障碍的人士力所能及地做一些事情。

（一）中华人民共和国通信行业标准《信息无障碍－身体机能差异人群－网站设计无障碍技术要求》

工业和信息化部在2008年发布了中华人民共和国通信行业标准《信息无障碍－身体机能差异人群－网站设计无障碍技术要求》（以下简称“行标” ）。行标中所涵盖的人群范围非常广，不仅包括我上面提到的视力有障碍的人士，还包括其他各类身体机能存在差异的人群。下面是行标中的相应描述：

人们在获取信息方面的障碍主要体现在视觉、听觉、运动和认知障碍上，健全人由于某些原因也可能无法正常访问网页，具体类型如下：

• 可能无法看见、听见、移动，不方便或完全无法处理某些类型的信息； 
• 可能在阅读理解文本方面有困难； 
• 可能无法使用键盘或鼠标；  
• 使用的可能是只能显示文本的显示器、小显示器或者低速的 Internet 网络连接；
• 可能不会流畅地说或理解文档书写所使用的语言； 
• 眼睛、耳朵或手在忙于做其他事情（例如驾车、在噪音环境下工作等）； 
• 可能使用了早期版本的浏览器、完全不同的浏览器、语音浏览器或不同的操作系统

信息无障碍服务的目的是要帮助任何人在任何条件下获取网络信息，要保证网页可以被任何人直接或借助辅助工具访问到，要求网页设计做到以下几点：

• 网页内容必须是可感知的；
• 网页内容中的界面组件必须是可操作的；
• 网页内容和控件必须是可理解的；
• 网页内容必须足够健壮，能够与当前及未来的用户代理（包括辅助技术）协同工作

行标中没有规定实现无障碍网页设计的具体技术，而是给出相应的指导原则及评价标准。每项原则之下的规范的合格标准被划分为三个等级：

• 第 1  级合格标准
  • 实现最低级别的无障碍访问。
  • 可以合理地应用到所有 Web  内容中。
• 第 2  级合格标准
  • 实现强化级别的无障碍访问. 
  • 可以合理地应用到所有 Web  内容中。
• 第 3  级合格标准
  • 实现附加的增强的无障碍访问。
  • 并非必须应用到所有 Web  内容中。

1. 内容的可感知性

1. 为所有非文本内容提供替代文本
   • 目的是确保所有非文本内容可用文本形式展现。在这里，“文本形式”指的是电子文本，而不是文本的图像。电子文本有一个独特的优势，那就是它可以从视觉、听觉、触觉上或者它们中的任何组合方式上被感知。从而，以电子文本表示的信息可以以用户最容易接受的方式传达给用户。此外，它还可以很方便地被放大和朗读，或者以任何触觉方式呈现，从而使得内容可以更容易地被理解和传播。
2. 为多媒体信息提供同步替代文本
   • 本规定的目的是帮助获取信息有障碍的人了解多媒体的信息内容。在很多对话中，音频描述不能恰当地插入到对话中存在的停顿当中。为多媒体内容提供同步替代内容的第 1 级合格标准中规定的方法允许用户访问多媒体中全部的信息。这种方法还允许用户在音频描述由于某些原因不可用的条件下以非可视化方式访问可视化信息。对于包含交互功能的多媒体信息，交互元素（比如连接）应该可以被嵌入到全部多媒体信息的文本替代内容中。本节（在第 3 级合格标准中）也包含多媒体内容的手语翻译以及扩展音频描述的方法。在扩展音频描述中，视频播放可以被定时冻结，以便更多的音频描述内容可以被插入到对话之间的停顿中。
3. 保证信息和结构可以与表现相分离
   • 本规定的目的是确保全部信息能以一种所有用户都能感知的方式来传递。如果所有的信息能够以一种可以由软件决定的格式来传递，那么它就可以以不同的方式（可视的、可听的、可接触的）呈现给用户。如果信息被内嵌到一种特定的方式而使得信息不能和显示分离，那么信息就不能按照用户的需要改变成其他格式。本规定中的合格标准都