WCAG
WCAG 是万维网联盟(W3C)旗下 WAI 工作组制定的《Web 内容无障碍指南》(Web Content Accessibility Guidelines),一套让网页对残障用户(视觉、听觉、肢体、认知障碍)同样可用的技术规范。它本身不是法律,但美国 Section 508、欧盟 EN 301 549 等无障碍法规都以它作为技术依据。目前常用的是 2.1 版,2.2 已于 2023 年发布,3.0 仍是草案。
WCAG 围绕四条原则(缩写 POUR)组织,每条原则下有可测试的成功准则:
Perceivable可感知:如图片提供替代文本、文字与背景对比度足够;Operable可操作:键盘能完整操作、避免诱发癫痫的闪烁;Understandable可理解:文案与交互清晰、可预测;Robust健壮:标记规范,能被屏幕阅读器等辅助技术正确解析。
每条准则分 A、AA、AAA 三级,AA 是业界与多数法规普遍采用的基准。常见误区是把 WCAG 与 ARIA 混为一谈:前者是「要达到什么效果」的衡量标准,后者只是实现无障碍的手段之一。其中最易量化的准则是文字对比度——AA 级要求正文至少 4.5:1、大字号至少 3:1,可用本站 contrast-checker 直接核对配色是否达标。
常见问题
WCAG 2.1 AA 级对文字对比度的具体要求是多少?
正文(小于 18pt,或小于 14pt 的粗体)前景色与背景色对比度至少 4.5:1;大字号文本至少 3:1。此外 2.1 还要求非文本的 UI 组件、图形对象边界至少达到 3:1。
WCAG 和 ARIA 是一回事吗?
不是。WCAG 是衡量网页无障碍程度的目标标准,规定「要达到什么效果」;ARIA(WAI-ARIA)是给 HTML 补充语义、帮助辅助技术识别的一组属性,是实现无障碍的手段之一。用 ARIA 是为了满足 WCAG,而非替代它。
网站应该达到 A、AA 还是 AAA 级?
实践中以 AA 为基准,绝大多数无障碍法规和企业合规要求都锚定在 AA。AAA 有不少条款(如 7:1 对比度)很难在全站落地,通常只作为局部加分项,不强制要求整站达标。