用途:帮助开发者构建符合 WCAG 2.2 AA 的无障碍界面,把无障碍当作必需项而非附加功能。
主要能力:给出对比度要求(普通文本 4.5:1,大文本与 UI 组件、焦点指示 3:1);列出 WCAG 2.2 新增 AA 标准,如目标尺寸至少 24x24 CSS 像素、焦点不被遮挡、焦点外观、拖拽替代、避免重复输入、帮助位置一致、登录不依赖认知测试;整理常用键盘模式(Tab/Shift+Tab、Enter/Space、方向键、Escape、Home/End)、元素选择建议、常用 ARIA 属性(aria-label、aria-labelledby、aria-describedby、aria-live、aria-expanded、aria-hidden、aria-invalid、aria-required、aria-busy);提供按感知、可操作、可理解、健壮四原则归纳的检查清单,以及反模式与常见错误对照表。
使用方式:按资料中的检查清单逐项核对界面;用键盘单独操作页面;用屏幕阅读器与浏览器组合测试(如 JAWS+Chrome、NVDA+Chrome/Firefox、VoiceOver+Safari、TalkBack+Chrome、Narrator+Edge);用 axe DevTools、Lighthouse 做自动扫描;用 jest-axe 或 vitest-axe 做单元测试。资料建议将设计系统、React 模式与测试相关工作分别委派给对应技能。
适用场景:Web 前端开发、组件库与设计系统、表单与对话框、单页应用路由焦点管理、媒体与颜色可访问性。
限制:自动扫描只能发现约 30% 的问题,必须补充键盘与屏幕阅读器测试;资料未提供具体安装命令、收费信息或平台支持范围。