用途:在构建 UI 组件、表单、导航或交互元素时进行无障碍验证,目标是达到 WCAG 2.1 AA 商业最低标准,通过后继续构建或进入审查流程。变更不涉及可交互界面(纯文案、后端、脚本、数据迁移)或界面尚未实现时不适用。
三大支柱:一是键盘导航,交互元素需可通过 Tab、Shift+Tab、Enter/Space、Escape、方向键操作,焦点顺序与视觉顺序一致,模态框打开时焦点困在其中、关闭时回到触发元素;二是屏幕阅读器,图片需有 alt(装饰性为空),图标按钮加 aria-label,表单 label 与 input 关联,错误用 aria-describedby 关联;三是视觉,普通文本对比度至少 4.5:1,大文本 3:1,UI 组件 3:1,颜色不能作为唯一信息传达方式。
检查范围覆盖表单、图像、导航、页面结构与动态内容,并对模态框焦点、视频字幕、onClick div 充当按钮等红旗项停止交付。自动检查可用命令:npx axe-core、npx pa11y-ci、npx lighthouse,但自动工具仅覆盖约 30% 问题,仍需 Tab 遍历与 VoiceOver/NVDA 手动测试。审查结论要求自动检查评分不低于 90 且手动检查通过,关键失败(如键盘无法完成主流程、模态框焦点错误、input 缺 label)需阻止交付并修复重验。资料未提供具体平台、收费或安装方式等信息。