WCAG 2.2：有哪些变化，以及为什么你现在就应该更新审计

WCAG 2.2 于 2023 年 10 月成为 W3C 的正式推荐标准，但大多数产品团队尚未更新他们的审计。我听到的最常见理由是：“我们去年刚按 2.1 做过——真的又要重做吗？“简短的回答是：是的。更长的回答是：这取决于你的产品在多大程度上涉及新准则所针对的那些模式。

本文不是一份罗列所有新准则并加以抽象解释的清单。它是一份实用指南，帮助你了解哪些准则会切实影响最常见的产品，以及如何循序渐进地应对这些变化，而不阻碍你的开发团队。

九项新准则一览

与 2.1 版本相比，WCAG 2.2 引入了九项新的成功准则。其中七项属于 A 级或 AA 级——这意味着它们是标准符合性所必需的。两项属于 AAA 级。影响最大的几项值得深入了解。

2.4.11——焦点未被遮挡（Focus Not Obscured）（AA）。 当一个组件获得键盘焦点时，它不得被其他内容完全遮挡——例如页面顶部的固定横幅、底部的通知栏。这是我在带有固定页眉的产品中最常发现被违反的准则。

2.4.13——焦点外观（Focus Appearance）（AA）。 最技术化，也最被低估的一项。焦点指示器的最小面积必须等于组件周长乘以 2px，并且获得焦点与未获得焦点状态之间的对比度至少为 3:1。经典的 1px 轮廓线已不再足够。你需要一个可见的、粗的、对比度良好的焦点环。

2.5.7——拖拽动作（Dragging Movements）（AA）。 所有需要拖拽的功能都必须提供一种可用单一指针操作的无障碍替代方式。这会影响可排序列表、自定义滑块、支持拖动选择的日历，以及任何依赖拖拽手势的界面。

2.5.8——目标尺寸（最小）（Target Size (Minimum)）（AA）。 最小可点击目标必须至少为 24×24 CSS 像素。许多常见的图标按钮模式都低于这一阈值。

3.3.7——冗余输入（Redundant Entry）（A）。 在多步骤流程中已经输入过的信息，不得再次要求输入。这会影响结账流程、配置向导以及任何多步骤表单。

去哪里寻找最常见的违规

并非所有产品受影响的程度都相同。针对 WCAG 2.2 的高风险模式包括：

• 带有固定页眉的导航——经常违反 2.4.11
• 自定义焦点轮廓被移除或最小化——违反 2.4.13
• 没有替代方式的拖放——违反 2.5.7
• 小于 24px 的图标按钮——违反 2.5.8
• 重复索要数据的多步骤表单——违反 3.3.7

如何组织更新审计

没有必要从头重做一次完整的审计。我使用的方法是差异审计：以现有 2.1 审计的文档为起点，专门核查九项新准则，以及准则 4.1.1（解析，Parsing）的移除——WCAG 2.2 已正式废弃该准则。

流程分为四个阶段：盘点高风险模式；手动键盘测试；在移动设备上测量触控目标；审查多步骤流程。

无障碍不是做一次就完的冲刺。它是持续的维护，就像安全一样。每一次发布都可能引入新的违规。

焦点外观的实践：数字

准则 2.4.13 需要计算。公式是：焦点指示器面积 ≥ 组件周长 × 2px。对于一个 120px×40px 的按钮，周长为 320px，因此最小面积必须为 640px²。3px 的轮廓线完全安全。1px 的轮廓线——至今仍是许多团队的默认设置——则不行。

实际上，改用对比色的 2–3px 焦点环并不是重写——只是在设计系统中修改几行 CSS。如果你使用的是令牌体系，只需全局更新焦点令牌即可。

欧洲的监管背景

European Accessibility Act 已于 2025 年 6 月对数字产品和服务生效。技术参考标准 EN 301 549 将 WCAG 2.1 作为最低基准，但许多国家层面的实施正在向 2.2 看齐。在受监管行业——医疗、金融、公共管理——运营的团队，面临的是远超良好设计实践范畴的法律义务。

现在就更新你的审计，不只是正确的做法。在一个迅速收紧的监管环境中，这也是对日益增长的法律风险的防护。