wcag
WCAG 2.1 与 2.2 对比:变了什么,为何重要
清晰梳理 WCAG 2.1 到 WCAG 2.2 的每一处变化——新增的成功标准、被移除的内容,以及你的网站必须修复哪些问题才能持续合规。
WCAG 2.2 于 2023 年 10 月成为 W3C 推荐标准。如果你的网站当初是按 WCAG 2.1 审计的,那么它可能已经在一些标准上不合格,而这些标准如今正是欧盟、英国乃至越来越多美国执法行动所依据的法律合规基准。本指南逐一梳理每一处变化——新增了什么、移除了什么,以及每条标准在实践中意味着什么。
快速回顾:WCAG 2.1 新增了什么
WCAG 2.1(2018 年发布)在原有的 2.0 标准之上扩展了 17 条新的成功标准,聚焦三类此前服务不足的群体:
- 移动用户——触摸手势、屏幕方向、指针精度
- 低视力用户——重排(reflow)、非文本对比度、文本间距
- 认知与语言障碍用户——超时、状态消息
WCAG 2.2 直接建立在 2.1 之上。2.1 的每一条要求依然适用。问题在于:2.2 在此之上又加了什么?
WCAG 2.2 新增了什么:9 条新的成功标准
2.4.11 焦点不被遮挡(最小)——AA 级
当某个组件获得键盘焦点时,它不得被其他内容(固定页眉、Cookie 横幅、聊天组件)完全遮住。获得焦点的元素至少要有一部分保持可见。
常见失败: 用户用 Tab 键浏览页面时,固定导航栏遮住了获得焦点的表单字段。
2.4.12 焦点不被遮挡(增强)——AAA 级
这是 2.4.11 的更严格版本——获得焦点的组件必须完全可见,而不只是部分可见。
2.4.13 焦点外观——AA 级
键盘焦点指示器必须达到最低的尺寸与对比度门槛:
- 焦点指示器的面积至少要相当于组件周围 2 CSS 像素宽的边框
- 获得焦点与未获得焦点两种状态之间的对比度至少为 3:1
这比已有的 2.4.7(焦点可见)更进一步,后者只要求焦点指示器存在即可。
常见失败: 一条 1px 的细虚线轮廓、对比度偏低——它能通过 2.4.7,但通不过 2.4.13。
2.5.7 拖动动作——AA 级
任何需要拖动才能完成的操作,也必须能通过单一指针(轻点或单击)完成。这惠及那些无法稳定控制拖动操作的运动障碍用户。
示例: 一个可排序列表必须为无法拖动条目的用户提供替代方式(例如上移/下移按钮)。
2.5.8 目标尺寸(最小)——AA 级
可交互目标(按钮、链接、表单控件)必须至少为 24×24 CSS 像素——或者与相邻目标之间保持足够间距,使总的激活区域达到该门槛。
这是最小版本。增强版标准(2.5.5,从 2.1 沿用而来,属 AAA 级)建议 44×44 像素。
常见失败: 纯图标按钮、关闭(×)图标,以及排列紧凑的导航菜单中的行内文字链接。
3.2.6 一致的帮助——A 级
如果网站提供了某种帮助机制(电话号码、聊天链接、联系表单、FAQ 链接),那么在包含它的各个页面上,它必须出现在相同的相对位置。认知障碍用户往往依赖可预测的位置安排。
3.3.7 冗余输入——A 级
用户在同一会话中已经提交过的信息,不得要求再次输入——除非重新输入是必要的(例如密码确认字段),或者该数据涉及安全敏感信息。
示例: 一个多步骤结账流程,如果用户已在第 1 步填写了账单地址,就不应在第 3 步再次索要。
3.3.8 无障碍身份验证(最小)——AA 级
身份验证步骤不得依赖认知功能测试——识别物体、转录字符或解谜——除非提供了替代方式,或者该测试是识别用户自己掌控的内容(例如用户上传的一张照片)。
常见失败: 要求辨认扭曲文字且不提供音频替代的 CAPTCHA,或”点选所有包含红绿灯的图片”这类挑战。
3.3.9 无障碍身份验证(增强)——AAA 级
增强版连”用户自己掌控的内容”这一例外也一并取消。身份验证流程中不允许出现任何认知功能测试。
WCAG 2.2 移除了什么:4.1.1 解析
WCAG 2.1 包含 4.1.1 解析(A 级),它要求 HTML 格式良好——元素 ID 唯一、标签正确嵌套、起止标签成对完整。现代浏览器在静默修正格式错误的 HTML 方面已经做得太好,以至于这条标准在实践中变得无法衡量。
在 WCAG 2.2 中,4.1.1 解析被标记为过时,并始终视为已满足。你不再需要为它做审计,不过编写干净的 HTML 仍然是最佳实践。
汇总表
| 标准 | 级别 | 主题 |
|---|---|---|
| 2.4.11 焦点不被遮挡(最小) | AA | 键盘焦点 |
| 2.4.12 焦点不被遮挡(增强) | AAA | 键盘焦点 |
| 2.4.13 焦点外观 | AA | 焦点指示器 |
| 2.5.7 拖动动作 | AA | 指针输入 |
| 2.5.8 目标尺寸(最小) | AA | 触摸目标 |
| 3.2.6 一致的帮助 | A | 可预测性 |
| 3.3.7 冗余输入 | A | 表单 |
| 3.3.8 无障碍身份验证(最小) | AA | 登录 / CAPTCHA |
| 3.3.9 无障碍身份验证(增强) | AAA | 登录 / CAPTCHA |
| 已移除 |
谁需要升级?
几乎所有人。 WCAG 2.2 如今已是以下法规所引用的基线:
- European Accessibility Act(EAA),自 2025 年 6 月起生效
- EN 301 549 协调标准(已更新为引用 WCAG 2.2)
- 英国《公共部门机构无障碍条例》(更新后的指引)
- 许多美国州法以及美国司法部(DOJ)的非正式执法立场
如果你最近一次完整审计是对照 WCAG 2.1 AA 做的,请把升级精力集中在这五条影响面最广的标准上:2.4.11、2.4.13、2.5.8、3.3.8,以及 3.3.7(如果你有多步骤表单或结账流程)。
如何审计这些新标准
如今大多数自动化扫描器已能标记 2.5.8(目标尺寸)以及 2.4.13(焦点外观)的部分情形。然而,以下各项需要人工测试:
- 2.4.11 / 2.4.12——在固定页眉/页脚生效的状态下,用 Tab 键遍历每个页面,确认获得焦点的元素可见
- 2.4.13——用浏览器开发者工具或对比度检查器测量焦点指示器的尺寸与对比度
- 2.5.7——找出每一处拖动交互,核实存在仅用指针即可完成的替代方式
- 3.2.6——检查帮助链接在各页面上是否出现在一致的位置
- 3.3.7——走一遍所有多步骤流程,确认没有任何数据被索要两次
- 3.3.8——测试每一个登录、注册和验证环节,看是否存在认知功能测试
WCAG 2.2 并不是一次推倒重来的改版——它是一组有针对性的补充,解决的是 2.1 遗漏的真实障碍。好消息是,大多数新增的 AA 级标准都可以通过有重点的修复工作来解决,而不需要整站重建。
相关阅读:如何让网站符合 WCAG 2.2 合规 · 人工无障碍审计指南