用途:当用户询问无障碍(a11y)、WCAG 合规级别、屏幕阅读器、aria 标签与角色,或需要审计组件、页面、站点并获取可访问的替代实现模式时使用。
主要能力:按范围识别(组件/页面/站点)后执行自动化审计,核对 WCAG 2.1 AA 人工检查点,按严重程度归类违规,给出修复示例并验证修复效果。
使用方式:可用 axe-core CLI(npm install -D @axe-core/cli,npx axe http://localhost:3000 --exit)、Lighthouse(npx lighthouse http://localhost:3000 --only-categories=accessibility --output=json)与 ESLint 插件(npm install -D eslint-plugin-jsx-a11y)进行自动检测;再结合人工检查,包括键盘遍历、焦点可见性、Escape 关闭弹层、方向键导航等,并用屏幕阅读器(VoiceOver、NVDA、JAWS)与浏览器扩展(axe DevTools、WAVE、Accessibility Insights)验证。
覆盖要点:alt 文本、标题层级、颜色对比度(正文 4.5:1、大字 3:1)、表单标签、焦点指示、语义化按钮、跳转链接,以及弹窗与下拉菜单的焦点陷阱、aria-modal、aria-expanded 等模式。
限制:自动化工具可能误报,需人工复核;动态内容需在 JavaScript 加载后重跑审计;第三方组件不可访问时只能记录并推动供应商处理;复杂组件建议参照 WAI-ARIA Authoring Practices。