Web Accessibility/网站设计的无障碍设计 - 残障人士访问网站的必备条件
Web Accessibility，在网站设计中无障碍设计，是保障残障人士访问网站的必备条件，意味着残障人士能够理解这个互联网视界，并在其中实现导航和进一步的操作。
所以，一般的公益性网站、政府类网站等，都要求必备无障碍访问要求，这个也是网络可达性推动组织WAI (Web accessibility initiative) 的目标，即提升网站的可及性，让残疾用户也可以同样地使用网络，相对来讲，英文网站对残障人士的设计相对多一些，国内相对少一些，我们本文就无障碍设计，简单讲一下网站的可访问性以及实现方式。
关于英文网站的构建，可以我们参考其他相关文章，
什么是无障碍设计（Web Accessibility）
全世界大约有15%的各种各样的残障人士，因此网站能让残障人士访问，就变成了一个至关重要的环节。因此，W3C组织专门有一个针对残障人士的网站规范，具体可以访问如下链接
https://www.w3.org/WAI/standards-guidelines/wcag/
为什么无障碍设计如此重要？
很多人认为无障碍设计就是增加一些对普通人无用的功能，会带来一些额外的开发负担，确实有一些额外的工作量，但是无障碍设计会带来一些额外的好处，尤其是对一些英文网站，外贸站。
- 增加流量（残障人士访问）
- 提高搜索引擎的权重，Google会对无障碍设计的网站提高Rank，因此可以带来更多的流量
- 提高整个网站UI/UX的评级
- 合法合规（符合Americans with Disabilities Act，美国残疾人法案），国内的很多政府机构网站也开始有无障碍设计的要求了。
无障碍设计的标准
The World Wide Web Consortium，W3C组织专门对网站的无障碍设计有一个专门的标准，这个标准叫做 WCAG (Web Content Accessibility Guidelines)，WCAG分为2.0、2.1、2.2，具体可以访问下面的链接：
https://www.w3.org/WAI/standards-guidelines/wcag/
整体来说分为一下几个等级：
- A级，最基础的WCAG标准。
- AA级，在A的基础上，附加额外的一些功能，基本上达到AA的，就可以算一个真正的无障碍访问网站。
- AAA级，完美的级别，但是一般需要很多工作才能实现。
无障碍设计原则
网站的无障碍设计一般分为4个大类，我们叫做POUR（Perceivable、Operable、Understandable、Robust），翻译成中文就是可察觉、可操作、可理解、强壮和兼容性。
可察觉性：
- 文字替代：对于非文字的内容提供可替代的文字
- 可识别的多媒体内容：为多媒体提供字幕/录音稿
- 可适应的：内容应在不丢失含义的前提下被不同的方式表示（例如更简单的排版）
- 可辨别的：让用户能“看到”和“听到”内容（包括前景和背景）
可操作性：
- 键盘可以访问性
- 给用户足够的时间去阅读和使用内容
- 不要使用可能诱发癫痫的内容（例如闪动的内容）
- 帮助用户在网页上导航、找到内容和定位当前位置
- 输入辅助：帮助用户避免和改正错误
可理解性：
- 已读易懂
- 可以预测内容
- 有辅助输入
强壮性：
- 兼容性：要兼容所有的浏览器和所有的操作系统，以便用户能友好的访问。
怎么去测试网站的无障碍访问功能
一般情况下，我们可以自行测试，比如使用tab等，当然也有一些现有的工具可以直接测试，比如
- Wave https://wave.webaim.org/
- Lighthouse Chrome自带的工具
当然，我们一般会用Wordpress或者Drupal这样的CMS工具，很多无障碍功能已经具备了，我们不需要自己开发，直接拿来模块配置就可以，因此这也就是我们使用Drupal的原因了，尤其是英文站点，对Google的优化是相当厉害。
相关的无障碍设计网站：
- https://www.w3.org/
- https://www.w3.org/WAI/
- https://www.w3.org/WAI/standards-guidelines/wcag/
- https://www.w3.org/WAI/WCAG21/quickref/
更多信息可以参考我们CMS的其他解决方案，
2. 在线视频教育学习平台介绍
QQ交谈客服1
