无障碍网站是什么?建置时要注意哪些规范与做法

更新时间

无障碍网站(无碍障网站)是指让身心障碍者——包括视障、听障、肢体障碍与认知障碍者——能够顺利取得网站资讯与完成操作的设计方式。在台湾,若网站属于各级政府机关或学校,且为新设或改版,依立法院2017年(民国106年)8月决议,须依据「网站无障碍规范2.0版」检测等级AA以上进行设计;一般企业网站目前没有同等强制要求,但采用无障碍设计能扩大可触及的用户群,也是常见的品质指标。以下说明规范背景、适用差异、实作要点与验收方式。

规范背景与适用对象

对象 是否强制 依据
各级政府机关、学校(新设或改版网站) 是 立法院2017年8月决议,须依「网站无障碍规范2.0版」检测等级AA以上设计
一般企业、财团法人 无强制 可自主采用,或依专案需求(如政府标案、补助案)要求

规范的核心目的是保障身心障碍者的资讯取得权利。对承接政府专案的单位而言,无障碍等级往往是验收条件之一;对一般企业而言,它更接近一种服务覆盖面的选择——网站能被更多人使用,也减少因操作障碍流失的访客。

常见无障碍设计要点

无障碍不是单一功能,而是一组互相配合的做法。建置时通常需要覆盖以下几个面向:

  • 键盘可操作:所有功能(选单、表单、按钮、弹窗)都能只用键盘完成,不依赖鼠标。焦点顺序需符合阅读逻辑,且当前焦点位置要可见。
  • 图片替代文字(alt):有意义的图片需提供描述性替代文字;纯装饰性图片则应留空,避免屏幕阅读器读出无意义内容。
  • 色彩对比度:文字与背景的对比需达到规范要求,确保低视力用户可辨识;同时避免只用颜色传递资讯(例如只用红绿区分状态)。
  • 语义化标签与结构:正确使用标题层级(h1–h6)、列表、表格标题、表单标签等,让辅助技术能理解页面结构。
  • 影片与多媒体:预录影片提供字幕,纯音频内容提供文字稿。
  • 表单可及性:每个输入栏位有对应的标签,错误提示明确且可被辅助技术读取。

这些要点彼此关联:只做替代文字却无法键盘操作,或对比度足够但结构混乱,都难以通过检测。

如何检测与验收

无障碍网站的验收通常分两个层次:

  1. 自动化检测:使用无障碍检测工具扫描页面,可快速找出缺少替代文字、对比度不足、标签缺失等机器可判断的问题。自动化工具能覆盖一部分检查项,但无法判断替代文字是否「有意义」、焦点顺序是否合理。
  2. 人工检测:由人工实际以键盘操作、搭配屏幕阅读器浏览,确认操作流程顺畅、资讯可理解。这是验收中不可省略的部分。

常见未通过的原因包括:图片缺少替代文字或替代文字无意义、表单栏位没有对应标签、键盘无法操作下拉选单或弹窗、焦点顺序错乱、对比度不足,以及标题层级跳级导致结构不清。这些问题在自动化扫描中往往能被部分检出,但最终仍需人工确认。

建置时的实务考量

若网站需要符合无障碍规范,建议在设计阶段就纳入,而不是等网站完成后再补。事后修改往往涉及版面调整、元件重写,成本高于一开始就采用无障碍友好的结构与元件。选择建置系统或委外团队时,可确认对方是否具备无障碍网站的制作经验,以及是否能在交付前提供检测报告。

以魁亨科技(IIFun)为例,其网站载明提供无障碍网页设计服务,并称有多年无障碍网站制作经验,曾协助政府机关与财团法人建置兼具视觉与无障碍规范的网站。这类经验可作为评估委外对象的参考条件之一,但实际是否符合规范,仍应以检测结果为准。