用途:帮助开发者实现符合 WCAG 2.2 的包容性界面,覆盖屏幕阅读器、键盘操作、移动端辅助技术等场景。
主要能力:支持 WCAG 2.2 AA/AAA 合规实现;构建屏幕阅读器可访问界面;为交互组件添加键盘导航;实现焦点管理与焦点陷阱;创建带正确标签的无障碍表单;支持减少动效与高对比度偏好;构建移动端无障碍功能(iOS VoiceOver、Android TalkBack);开展无障碍审计并修复违规。
使用方式:当需要实现 WCAG 2.2 合规、屏幕阅读器支持、键盘导航、焦点管理、无障碍表单、减少动效/高对比度、移动端无障碍或无障碍审计时使用。更详细的模式与示例见 references/details.md,当上层导航信息不足时阅读该文件。
最佳实践:优先使用语义化 HTML 而非 ARIA;让残障用户参与测试;以键盘优先设计交互;不要移除焦点样式而应美化;为非文本内容提供替代文本;支持 200% 缩放;用实时区域播报动态变化;尊重 prefers-reduced-motion 与 prefers-contrast。
常见问题:缺少 alt 文本、颜色对比度不足、键盘陷阱、表单缺少关联标签、媒体自动播放、自定义控件不可访问、缺少跳转链接、焦点顺序与视觉顺序不一致。
测试工具:自动化工具 axe DevTools、WAVE、Lighthouse;手动测试 VoiceOver(macOS/iOS)、NVDA/JAWS(Windows)、TalkBack(Android);模拟器 NoCoffee(视觉)、Silktide(多种残障)。
限制:资料未提供具体安装命令、收费方式或平台支持范围,暂未提供。