浅谈无障碍网页设计2.0 。

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

无障碍网页设计(Web Accessibility)是运用网页设计的技术，减少身心障碍人士使用网站的不便性，使任何族群的用户，都能正确使用网站，减少资讯的落差，全球资讯网协会'W3C相当重视无障碍的推广，也制定了指南提供给设计师参考使用。

然而许多网页设计师会将精神投注在版型设计开发，较少涉及无障碍网页设计。不过今天与大家分享的主因是告诉大家，其实无障碍网页设计并没有想像的遥远，也与搜寻引擎优化(SEO)、UI/UX的设计也有很大的关联。

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

首先回顾一下第一代的无障碍网页设计，颁布时间是1999年(民国88年)，当年网页设计的环境已经十分的蓬勃，许多企业与单位积极成立网站，甚至连国中小学也有网页设计教学，但技术百家争鸣，因此出现许多网站设计先天的缺陷。

最常见的问题是设计者为了使用最新的多媒体技术，导致网页的插件(Plugin)无止尽的安装，网站难以正常执行所有结果；还有浏览器版本不同，例如Windows XP内建IE6浏览器的毛病丛生，但当时Windows的IE市占率过大，网页设计师不得不针对IE6的问题除错，又间接的导致更多设计错误。

好在阵痛的过程终会过去，智慧手机与Windows 10让这段设计黑暗期走向历史，但也留下了很多重要的资产。以今天的标准来看「第一代」无障碍网页设计或许有一点老旧，但在标准的制订上留下了许多经典，例如禁止使用闪烁(Blink)的文字，以及跑马灯(marquee)的方式呈现讯息，以往这些网页设计技术十分炫技也很常见，但却十分不利於一般人阅读讯息，更别说视障者、身心障碍者，所幸上述技术已经鲜少有人使用了。

今天，第一代的无障碍网页设计规范已经废除，但仍放在网站上供人参考，有兴趣的人可以去「考古」观摩一下。

无障碍网页设计2.0的概念

2.0版本的无障碍网页设计标准上线，是这两年的事情。新规范沿用了许多先前1.0的内容，除了刚刚说的禁用闪烁(Blink)与跑马灯(marquee)外，像是1.0版本就相当强调的图片/视频的内容，需要有额外的媒体辅助说明，以利於视障者判断网站内容，也出现在2.0的标准之中。简单的说就是图片与视频应当添加ALT文字注解，若视障者无法看到影音也可以透过文字阅读辅助软体取得网站资讯。

新的标准还包括Heading标签的设置，也就是一篇文章中，应当要有主标、副标与段落的区分，举例来说，一个文章的主题也就是主标应当以<H1>进行标示，副标可用<H2>或<H3>标示，而不是一篇文章纯文字(Paragraph)一串到底，以提升文章的品质。

其实敏锐的站长应该注意到了，上述的ALT语法与Heading语法运用於网站设计上，也是SEO搜寻引擎优化(SEO)的基础功夫，如果能够同时将无障碍网页设计2.0的新概念运用在网站上，不仅可以帮助身心障碍人士浏览网站，又能同时优化网站的品质，一举两得。

与UI/UX关系紧密

无障碍网页设计更与UI/UX关系十分密切，举例「键盘焦点应永久可视」这一点，意即透过键盘浏览网站的各项功能(例如选单)时候，提示的焦点(如反差外框)应该不会随着键盘的操作消失。各位可以到国家通讯传播委员会(NCC)的无障碍网路空间服务网网站看看，当你连续按下键盘上的”TAB”按键之後，可以看到显眼的橘色提示框在不同的项目跳动。这样的UI介面设计其实十分常见於家电选单上(因为家电没有触控面板与滑鼠，但也慢慢有了)，但却较少有网站使用这样的概念。

关於UX使用者体验的部分，无障碍网页设计2.0就有一则关於「输入错误应使用文字向使用者描述，并且在可能的情况下，提供使用者明确线索的提示」，就是十分典型的UX优化设计概念。举例来说，申请新帐号输入密码时，贴心的网站会告知用户密码的至少需要n个字元，或是其他说明以满足密码申请标准，一般网站很少做到这一点，但不少电子商务网站靠着友善的帐号申请介面，赢得了大量的新用户注册并且创造业绩。

创造友善网路环境

目前无障碍网页设计的推行情况，以政府机关较为积极，许多公家机关的网站设计招标需求，即明确要求需符合无障碍网页设计的标准，不少厂商没有相关的经验与技术，尤其是使用架站工具，套版厂商，面对广大无障碍需求只能兴叹。

虽然无障碍网页设计2.0的标准有「4原则12指引3等级66成功准则」，许多网页开发设计者看到洋洋洒洒的条例就傻眼了，但事实上并没有那麽可怕，所有的标准不仅有清楚的说明，还有检查工具Freego能够就基础的问题进行自动检查。通过标准的网站，可以获得一个标章认证，这对於设计师来说也是一项肯定与荣誉。

iWare网页设计团队已经相当熟悉无障碍网页设计，从1.0版本开始就已经经手多件政府相关标案，近年也积极研究如何将无障碍网页设计2.0的标准，应用在新一代的网页设计上， 若您有相关的需求，欢迎与我们进行进一步的洽询。

国家通讯传播委员会 无障碍网页开发规范 https://www.handicap-free.nat.gov.tw/