Web 可访问性标准(WCAG)
字数 959 2025-11-23 04:38:12
Web 可访问性标准(WCAG)
-
WCAG 的基本定义
WCAG(Web Content Accessibility Guidelines)是一套由 W3C 制定的国际标准,旨在确保网站、应用程序和数字内容对残障人士(如视觉、听觉、运动或认知障碍)的可访问性。其核心原则可概括为 POUR:- 可感知性:内容需通过多种感官(如视觉、听觉)被用户感知。例如,为图片提供替代文本,为视频添加字幕。
- 可操作性:所有功能必须可通过不同方式操作(如键盘、语音输入)。
- 可理解性:内容和交互界面应清晰易懂,避免意外行为。
- 稳健性:内容需兼容当前和未来的辅助技术(如屏幕阅读器)。
-
WCAG 的版本与级别
- WCAG 2.0、2.1、2.2:2.1 在 2.0 基础上增加了移动设备、认知障碍的支持;2.2 进一步优化了低视力用户的需求。
- 合规级别:
- A 级:基础要求,无此支持则内容完全不可访问。
- AA 级:广泛适用的标准,多数法律要求基于此级别。
- AAA 级:最高标准,适用于特定高需求场景。
-
关键实施示例
- 文本替代:为所有非文本内容(如图标、图表)提供
alt属性,描述其功能或内容。 - 键盘导航:确保所有交互元素(如表单、按钮)可通过
Tab键访问,并显示焦点指示器。 - 颜色与对比度:文本与背景的对比度需至少满足 AA 级(4.5:1),且不单独依赖颜色传递信息。
- 错误处理:表单输入错误应提供文字说明和纠正建议。
- 文本替代:为所有非文本内容(如图标、图表)提供
-
辅助技术兼容性
- 屏幕阅读器:通过 ARIA(可访问富互联网应用)标签增强动态内容的语义,例如用
aria-live标记实时更新区域。 - 语音识别软件:确保交互元素具有清晰的标签,避免依赖鼠标悬停操作。
- 屏幕阅读器:通过 ARIA(可访问富互联网应用)标签增强动态内容的语义,例如用
-
测试与合规验证
- 自动化工具:使用 Lighthouse、axe 等工具检测代码级问题(如缺失
alt文本)。 - 人工测试:结合键盘导航、屏幕阅读器(如 NVDA、VoiceOver)模拟残障用户操作。
- 用户参与:邀请残障人士参与测试,弥补工具无法覆盖的体验缺陷。
- 自动化工具:使用 Lighthouse、axe 等工具检测代码级问题(如缺失
-
法律与行业影响
- 欧美法规(如美国《康复法案》第508条、欧盟《欧洲无障碍法案》)强制要求公共部门网站符合 WCAG AA 级。
- 合规性可降低法律风险,同时拓展用户群体,提升品牌包容性。