专业术语 · 概念
WCAG：网页内容无障碍指南的版本、级别与成功标准读法
解释 WCAG 2.2 的四原则、成功标准编号规则、A、AA、AAA 三个符合级别的含义与整页符合要求，并列出本库展现形式页常引用的成功标准及其官方级别，说明 AAA 不宜作为整站硬性要求。
- 缩写
- WCAG
- 领域
- accessibility · web-standards
WCAG 是 Web Content Accessibility Guidelines 的缩写，是 W3C 的国际标准，说明怎样让网页内容对残障人士更可访问。它按版本演进：WCAG 2.0（2008）、2.1（2018，新增 1 条准则与 17 条成功标准）、2.2（2023，新增 9 条成功标准）。W3C 页面写明后续版本只新增成功标准、不改变已有标准，符合 2.2 的内容同时符合 2.1 与 2.0。WCAG 2.2 另外删除了 4.1.1 Parsing。
结构与编号读法
WCAG 由四个原则组成：可感知（Perceivable）、可操作（Operable）、可理解（Understandable）、稳健（Robust），下设 13 条准则，准则下是可以被检验的成功标准（Success Criterion，SC）。编号 X.Y.Z 中，X 是原则（1 到 4），Y 是原则下的准则，Z 是序号；级别不编码在编号里，必须看标准本身。
A、AA、AAA 三个级别
W3C 的 Conformance 页说明：A 级要求页面满足全部 A 级标准，AA 级要求满足全部 A 与 AA 标准，AAA 级要求满足全部 A、AA 与 AAA 标准，级别越高要求越多。同页明确不建议把 AAA 作为整个站点的一般性硬性要求，因为有些内容无法满足全部 AAA 标准。符合还有几条前提：只针对完整页面，不能排除页面的一部分；多步骤流程中的所有页面都要达到所声明的级别；使用的技术必须是 accessibility-supported；不受支持的技术不得妨碍访问已符合的内容。
选择哪个版本与级别作为目标，属于产品与合规决策；各地法规要求哪个版本、哪个级别，本文未核验，需要合规确认。
本库常引用的成功标准
下表的编号、名称与级别均已读 WCAG 2.2 对应 Understanding 页。右列是本库中引用它们的展现形式页，各页只写其语境下的读法。
| 级别 | 成功标准 | 一句话读法 | 引用页 |
|---|---|---|---|
| A | 1.1.1 Non-text Content | 非文本内容要有等效用途的文字替代 | Hotspot |
| A | 1.4.1 Use of Color | 不能只靠颜色传达信息 | Badge、Swatch |
| A | 2.1.1 Keyboard | 全部功能都能用键盘操作 | Hotspot、Table |
| A | 2.2.1 Timing Adjustable | 内容设定的时限须可关闭、调整或延长（有例外） | Toast、Countdown Timer |
| A | 2.2.2 Pause, Stop, Hide | 自动开始且超过 5 秒的运动或更新内容要能暂停、停止或隐藏 | Countdown Timer、Progress Bar |
| A | 3.2.2 On Input | 改变输入不应在无预警时引发上下文变化 | Swatch |
| A | 4.1.2 Name, Role, Value | 组件的名称、角色、状态可被程序读取 | Swatch |
| AA | 1.4.3 Contrast (Minimum) | 正常文字对比度至少 4.5:1，大字 3:1 | Badge |
| AA | 1.4.10 Reflow | 在 320 CSS 像素宽下无需双向滚动 | Sticky Bar、Table、Drawer |
| AA | 1.4.11 Non-text Contrast | 界面组件与图形对比度至少 3:1 | Swatch、Rating Stars |
| AA | 1.4.13 Content on Hover or Focus | 悬停或聚焦出现的内容可关闭、可悬停、可持续 | Popover、Navigation Menu |
| AA | 2.4.11 Focus Not Obscured (Minimum) | 获得键盘焦点的组件不得被作者创建的内容完全遮住 | Sticky Bar |
| AA | 3.2.3 Consistent Navigation | 重复出现的导航在各页保持相对顺序一致 | Navigation Menu |
| AA | 4.1.3 Status Messages | 状态消息可通过角色或属性呈现，且不必获得焦点 | Toast |
| AAA | 2.3.3 Animation from Interactions | 由交互触发的动效可以关闭 | Scroll Reveal |
| AAA | 2.4.8 Location | 提供用户在网站中位置的信息 | Navigation Menu |
其中 1.4.3 的 4.5:1 与 3:1、1.4.10 的 320 像素与 256 像素高度，是 Understanding 页写出的数值；这些数值并不意味着只要满足数字，整条标准就通过，仍要看例外与测试方法。
怎样使用
发布前的检查应逐条对照 SC 全文与例外，不能只凭一句话读法。本库的做法是先补齐已声明级别内的缺项，再挑选与场景相关的 AAA 标准作为加分项。各展现形式的无障碍小节以本文的级别为准，综述见 展现模式选择地图；自定义控件的角色与状态写法参见 ARIA。
参考资料
- W3C WAI：WCAG Overview
- W3C：Understanding Conformance (WCAG 2.2)
- W3C：WCAG 2.2
- 各成功标准的 Understanding 页，位于
https://www.w3.org/WAI/WCAG22/Understanding/，例如 Pause, Stop, Hide、Status Messages