WCAG: Web 内容无障碍指南
WCAG 全称 Web Content Accessibility Guidelines，中文一般译作「Web 内容无障碍指南」，是 W3C 发布的一套规范，规定网页要做到什么程度，才能让视力、听力、行动或认知有障碍的人也能正常使用。这里的「障碍」范围比想象中宽：色弱、老花、在强光下看手机、手腕受伤只能用键盘，都算在内。 我第一次认真对照它，是给自己的项目调灰色辅助文字的颜色：原来的灰字在白底上对比度 4.7:1，刚好过线；在浅灰背景上只有 4.3:1，没过线。下面是我整理的要点。 版本 版本 发布时间 说明 WCAG 2.0 2008-12 后来被采纳为国际标准 ISO/IEC 40500:2012 WCAG 2.1 2018-06 在 2.0 上增加移动端、低视力、认知相关的条款 WCAG 2.2 2023-10 再增加 9 条（如焦点不能被遮挡、点击目标最小尺寸），删除了过时的 4.1.1 Parsing WCAG 3.0 草案 打算换一套评分模型，还没定稿，不能拿来做合规依据 2.x 各版本向后兼容：满足 2.2 就自动满足 2.1 和 2.0。现在各国法规引用最多的是 2.1 AA，新项目直接按 2.2 AA 做就行。 四个原则：POUR 所有条款归在四个原则下： Perceivable（可感知）：信息要能被感知到。图片有替代文字，视频有字幕，文字和背景有足够对比度，不能只靠颜色传达信息。 Operable（可操作）：界面要能被操作。所有功能都能用键盘完成，焦点位置看得见，不设置让人来不及反应的时间限制。 Understandable（可理解）：内容和操作方式要能看懂。页面声明语言，表单出错时说明错在哪、怎么改，同样的控件在不同页面行为一致。 Robust（健壮）：能被各种浏览器和辅助技术（如读屏软件）正确解析。主要靠语义化 HTML 和正确使用 ARIA。 三个等级：A、AA、AAA 每条「成功标准」（success criterion）都标了等级： A：最低要求，做不到会让一部分人完全用不了。例如 2.1.1 键盘可操作。 AA：通行的合规目标，法规和公司规范基本都要求到这一级。例如 1.4.3 文字对比度 4.5:1。 AAA：最高要求，W3C 自己也说不建议把整站 AAA 作为目标，因为有些内容做不到。例如 1.4.6 文字对比度 7:1。 说「符合 WCAG 2.2 AA」，意思是 A 级和 AA 级的条款全部满足。 ...