浅谈无障碍网站设计2.0介绍

无障碍网站设计(Web Accessibility)是运用网站设计的技术，减少身心障碍人士使用网站的不便性，使任何族群的用户，都能正确使用网站，减少信息的落差，万维网联合会'W3C相当重视无障碍的推广，也制定了指南提供给设计师参考使用。然而许多网站设计师会将精神投注在版型设计开发，较少涉及无障碍网站设计。不过今天与大家分享的主因是告诉大家，其实无障碍网站设计并没有想象的遥远，也与搜索引擎优化(SEO)、UI/UX的设计也有很大的关联。

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

首先回顾一下第一代的无障碍网站设计，颁布时间是1999年(民国88年)，当年网站设计的环境已经十分的蓬勃，许多企业与单位积极成立网站，甚至连国中小学也有网站设计教学，但技术百家争鸣，因此出现许多网站设计先天的缺陷。最常见的问题是设计者为了使用最新的多媒体技术，导致网站的插件(Plugin)无止尽的安装，网站难以正常执行所有结果；还有浏览器版本不同，例如Windows XP内建IE6浏览器的毛病丛生，但当时Windows的IE市占率过大，网站设计师不得不针对IE6的问题除错，又间接的导致更多设计错误。

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

2、无障碍网站设计2.0的概念

2.0版本的无障碍网站设计标准上线，是这两年的事情。新规范沿用了许多先前1.0的内容，除了刚刚说的禁用闪烁(Blink)与跑马灯(marquee)外，像是1.0版本就相当强调的图片/影片的内容，需要有额外的媒体辅助说明，以利于视障者判断网站内容，也出现在2.0的标准之中。简单的说就是图片与影片应当添加ALT文字批注，若视障者无法看到影音也可以透过文字阅读辅助软件取得网站信息。新的标准还包括Heading标签的设置，也就是一篇文章中，应当要有主标、副标与段落的区分，举例来说，一个文章的主题也就是主标应当以<H1>进行标示，副标可用<H2>或<H3>标示，而不是一篇文章纯文本(Paragraph)一串到底，以提升文章的质量。其实敏锐的站长应该注意到了，上述的ALT语法与Heading语法运用于网站设计上，也是SEO搜索引擎优化(SEO)的基础功夫，如果能够同时将无障碍网站设计2.0的新概念运用在网站上，不仅可以帮助身心障碍人士浏览网站，又能同时优化网站的质量，一举两得。

3、与UI/UX关系紧密

无障碍网站设计更与UI/UX关系十分密切，举例「键盘焦点应永久可视」这一点，意即透过键盘浏览网站的各项功能(例如选单)时候，提示的焦点(如反差外框)应该不会随着键盘的操作消失。各位可以到国家通讯传播委员会(NCC)的无障碍网络空间服务网网站看看，当你连续按下键盘上的”TAB”按键之后，可以看到显眼的橘色提示框在不同的项目跳动。这样的UI接口设计其实十分常见于家电选单上(因为家电没有触控面板与鼠标，但也慢慢有了)，但却较少有网站使用这样的概念。关于UX使用者体验的部分，无障碍网站设计2.0就有一则关于「输入错误应使用文字向用户描述，并且在可能的情况下，提供使用者明确线索的提示」，就是十分典型的UX优化设计概念。举例来说，申请新账号输入密码时，贴心的网站会告知用户密码的至少需要n个字符，或是其他说明以满足密码申请标准，一般网站很少做到这一点，但不少电子商务网站靠着友善的账号申请接口，赢得了大量的新用户注册并且创造业绩。

4、创造友善网络环境

目前无障碍网站设计的推行情况，以政府机关较为积极，许多公家机关的网站设计招标需求，即明确要求需符合无障碍网站设计的标准，不少厂商没有相关的经验与技术，尤其是使用架站工具，套模板厂商，面对广大无障碍需求只能兴叹。虽然无障碍网站设计2.0的标准有「4原则12指引3等级66成功准则」，许多网站开发设计者看到洋洋洒洒的条例就傻眼了，但事实上并没有那么可怕，所有的标准不仅有清楚的说明，还有检查工具Freego能够就基础的问题进行自动检查。通过标准的网站，可以获得一个标章认证，这对于设计师来说也是一项肯定与荣誉。

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