打造真正无障碍的网页设计：WCAG 2.2 AAA级成功准则主要包括哪些内容？

据世界卫生组织(WHO)资料显示，全球约有13亿人患有某种形式的残疾，相当于全球人口的16%。因此，要保证他们能够平等地获取资讯，提供无障碍的操作体验无疑是关键所在。

WCAG（WebContentAccessibilityGuidelines）是国际公认的无障碍网页标准，旨在帮助所有使用者都能平等、方便地访问及使用网页内容，其中AAA级代表最高阶别的无障碍要求。

接下来，香港网页（HKWEB）将与大家深入探讨WCAG 2.2 AAA级的具体要求，并提供五种实用的检测方法，帮助开发者打造真正无障碍的网页体验。

WCAG 2.2 AAA级成功准则：从细节到全域性的无障碍设计



WCAG 2.2 AAA级成功准则涵盖了网页设计的方方面面，从多媒体内容的呈现到使用者互动的便捷性，每一项要求都旨在消除残障人士在使用网路服务时可能遇到的障碍。以下是一些核心准则的深入解析：

1. 多媒体内容的无障碍呈现

手语与补充声音描述：手语作为一种国际通用的表达方式，能够有效反映视像字幕中无法表达的情绪、语调等资讯，协助听障人士理解声音内容。而补充声音描述则能帮助视障人士更好地理解视像内容的细节，如人物动作、表情等。

其他媒体选择：针对听障和视障使用者，需提供视像内所有资讯的全面描述，包括画面背景、人物动作、表情以及没有说话的声音等，并为所有对话提供文字稿，以便透过辅助技术解读。

2. 使用者介面的清晰与易用

高对比度与清晰的文字排版：AAA级标准要求网页设计的对比度需提高至7.1:1，远高于AA级的4.5:1。同时，文字行间距至少保持1.5倍，段落之间的距离则是行距的1.5倍，以确保文字内容的清晰可读。

可定制的网页外观：使用者应能自行选择前景和背景的颜色，以适应不同的视觉需求。此外，每行的字元数应少于80个英文字母或40个中文字，避免资讯过载。

3. 互动设计的包容性

全键盘操作支援：确保所有网页内容都可以利用键盘操作获取，无论情况如何。这对于无法使用滑鼠或触控屏的残障人士而言至关重要。

不设时限与中止干扰：网页内容的设计应确保专案或使用时间不受限制，并提供「关闭网页自动更新」的功能，以避免专注力失调症患者或使用读屏软体的人士因网页自动更新而感到混淆。

4. 内容的可理解性与可预测性

清晰的链接目的与章节标题：使用者应能从链接上的文字便能得知链接的目的，避免因链接文字模糊而产生困惑。同时，使用章节标题将内容分成多个部分，有助于使用者快速浏览资讯。

避免遮挡的焦点与清晰的焦点外观：当焦点移到某个专案时，应确保焦点专案全部可见，且焦点游标出现时有足够的尺寸和颜色对比度，以便使用键盘操作网页的使用者能够确定他们在网页上的位置。

想重温WCAG A级和AA级的内容，可浏览：

●  WCAG 2.2 A级成功准则主要包括哪些内容？

●  WCAG 2.2中AA级成功准则的具体要求

五种检测网页无障碍程度的方法：从自动化到人工测试



检测网页无障碍程度的核心目的，是确保所有使用者，包括残障人士、老年人、使用特殊装置的人群等，都能平等、高效、安全地使用网路服务。以下五种方法，从自动化编码扫描到真实使用者测试，全方位覆盖了网页无障碍检测的各个环节。

1. 自动化编码扫描：快速找出技术问题

自动化编码扫描是检测网页无障碍程度的第一步。透过使用软体工具来检测HTML、ARIA标签等是否符合无障碍标准，可以快速侦测出网站中那些有碍浏览网页的问题。常用的工具包括AChecker、Axe DevTools和WAVE等，它们能够全面检测WCAG合规性，并提供详细的报告和修复建议。

2. 目视检查：模拟使用者体验

目视检查是模拟使用者体验的重要环节。在访问页面时，透过关闭层叠样式表（CSS）、尝试使用内建的浏览器文字放大功能以及只用键盘在网页上四处移动等方法，可以发现许多或会对残疾人士造成困扰的网页浏览障碍。此外，使用Colour Contrast Analyser、WCAG Contrast Checker等工具检查文字与背景的对比度，也是目视检查中不可或缺的一环。

3. 读屏软体测试：体验视障者操作

读屏软体是视障人士浏览网页的重要工具。透过直接关闭显示器，尝试透过读屏软体浏览网站，可以亲身体验视障者在使用网页时可能遇到的困难。常用的读屏软体包括JAWS、NVDA、VoiceOver和Windows Light（晨光）等，它们能够解读网页上的标题、导览列、影象以及较复杂的功能，如输入表格和图表。

4. 辅助工具模拟：检测特殊需求

除了读屏软体外，残疾人士还会使用各种其他工具与网页进行互动。例如，萤幕放大工具可以协助使用者放大萤幕某个部分及调整对比度；语音控制工具则能帮助严重丧失活动机能的人士透过语音指令与网页进行友好互动。常用的辅助工具包括ZoomText Magnifier和Dragon NaturallySpeaking等，透过模拟这些工具的使用场景，可以进一步检测网页的无障碍程度。

5. 真实使用者测试：最直接的反馈

真实使用者测试是检测网页无障碍程度的最彻底方法。透过邀请各类残疾人士参与网页测试，可以了解那部分是他们难以浏览的，并收集到最直接、最真实的反馈。鉴于这种检测方法需要较多时间和资源进行，因此建议先采用上述四种检测方法，尽量修正所有问题，然后才在最后阶段透过使用者检测，找出其他潜在问题。

无障碍网页设计不仅是法律要求（如欧盟EN 301 549、美国ADA），更是企业社会责任的体现。透过WCAG 2.2 AAA级标准与多元检测方法，我们能确保网站适用于所有人，创造更平等的网路世界。