协助视障者、肢障者的网页设计技术
无障碍网站设计规範由国家通讯传播委员会NCC制定
无障碍网站设计对于网站品质与SEO提升有一定帮助

网页无障碍就是利用网页设计技术，减少身心障碍者使用网站的不便，让任何族群的使用者都能正确使用网站，减少信息鸿沟。全球信息网络协会\ & # 8217；W3C非常重视无障碍的推广，也制定了指南供设计师参考。

然而，许多网页设计师将重点放在布局设计和开发上，而不是无障碍网页设计。但是，今天跟大家分享的主要原因是想告诉大家，无障碍网页设计并没有想象中那么遥远，它也与搜索引擎优化(SEO)和UI/UX的设计息息相关。

[div][div]

千禧年推出的第一代标准。

首先回顾一下第一代无障碍网页设计，颁布于1999年(1988年)。那时候网页设计的环境已经很蓬勃了。许多企业和单位积极建立网站，甚至中国的中小学都有网页设计教学。然而，百家争鸣，所以网页设计有许多固有的缺陷。

最常见的问题是，设计师为了使用最新的多媒体技术，安装了无尽的网页插件，网站很难正常执行所有结果；有不同版本的浏览器，比如Windows XP内置的IE6浏览器。但当时Windows的IE市场份额太大，网页设计师不得不调试IE6的问题，间接导致了更多的设计错误。

好在痛苦的过程终究会过去。智能手机和Windows 10让这个设计的黑暗时期成为历史，但它也留下了许多重要的资产。以今天的标准来看，“第一代”无障碍网页设计可能有些陈旧，但它在标准的制定上留下了很多经典，比如禁止使用闪烁字符和跑马灯来呈现信息。在过去，这些网页设计技术非常耀眼和常见，但对于普通人来说，阅读消息非常不利，更不用说视障人士和身心障碍者了。幸运的是，很少有人使用这些技术。

如今，第一代无障碍网页设计标准已被废止，但仍在网站上供参考。有兴趣的可以去“考古”看看。

[div][div]

无障碍网页设计2.0的概念

无障碍网页设计标准2.0版本上线已经两年了。新规范沿用了之前1.0版本的许多内容。除了刚才提到的禁止眨眼和选取框，1.0版本中强调的图片/电影的内容需要额外的媒体辅助，以帮助视障人士判断网站内容，也出现在2.0标准中。简单来说，图片和视频要用ALT文字标注。如果视障人士看不到音视频，也可以通过文字阅读辅助软件获取网站信息。

新标准还包括了标题标签的设置，即在一篇文章中，要有主标题、副标题和段落的区分。比如一篇文章的主题，也就是主标题要标上< H1 & gt；标记，子标记可用

其实敏锐的站长应该注意到，上述ALT语法和Heading语法在网站设计中的应用，也是SEO搜索引擎优化(SEO)的基础功夫。如果能把无障碍网页设计2.0的新概念同时应用到网站上，既能帮助身心障碍者浏览网站，又能同时优化网站质量，一举两得。

[div][div]

与UI/UX密切相关

无障碍网页设计与UI/UX密切相关。比如“键盘焦点应该永远可见”这一点，是指通过键盘浏览网站的各种功能(比如菜单)时，提示焦点(比如对比轮廓)不应该随着键盘操作而消失。可以去国家通信传播委员会(NCC)的无障碍网络空间服务网的网站。当你连续按下键盘上的“TAB”键时，可以看到显眼的橙色提示框在不同的项目中跳跃。这种UI界面设计其实在家电的菜单中很常见(因为家电没有触摸板和鼠标，但是逐渐有了)，但是很少有网站用这个概念。

关于UX用户体验，无障碍网页设计2.0有一个非常典型的UX优化设计理念:“输入错误要用文字向用户描述，如果可能的话，要向用户提供清晰的线索”。比如申请新账号输入密码时，贴心的网站会告诉用户密码至少需要N个字符，或者其他说明才能满足密码申请标准。一般网站很少这样做，但是很多电子商务网站依靠友好的账号应用界面，赢得了大量的新用户注册，创造了业绩。

[div][div]