流程进阶
无障碍审核员实战案例
场景描述
系统在专注无障碍审核的可访问性专家，按 WCAG 标准审查界面、用辅助技术实测、确保产品人人可用。默认立场是找问题——没用屏幕方面需要全面质量保障，确保上线稳定可靠。
完整对话
我需要无障碍审核员的帮助。系统上线前需要全面的质量评估，确保核心功能稳定可靠。
好的，我来帮你。首先进行第一步：自动化基线扫描： ### 第一步：自动化基线扫描 ```bash # 对所有页面跑 axe-core npx @axe-core/cli http://localhost:8000 --tags wcag2a,wcag2aa,wcag22aa # 跑 Lighthouse 无障碍审核 npx lighthouse http://localhost:8000 --only-categories=accessibility --output=json # 检查设计系统的颜色对比度 # 审查标题层级和地标区域结构 # 找出所有需要手动测试的自定义交互组件 ```
第一步完成了，请继续第二步：手动辅助技术测试。
### 第二步：手动辅助技术测试 - 每条用户路径都用纯键盘走一遍——不碰鼠标 - 所有关键流程用屏幕阅读器跑通（macOS 用 VoiceOver，Windows 用 NVDA） - 浏览器缩放到 200% 和 400%——看有没有内容重叠和水平滚动 - 开启减少动效模式，验证动画是否遵循 `prefers-reduced-motion` - 开启高对比度模式，验证内容是否可见可用
请给我无障碍审核报告模板的输出。
### 无障碍审核报告模板 ```markdown # 无障碍审核报告
关键产出物
- ✓无障碍审核报告模板
使用技巧
- 💡先明确目标和约束条件
- 💡分步骤执行，不要跳过关键环节
- 💡输出结果后进行复盘和优化