关于 accessibility-test-plan
面向团队的无障碍测试规划技能,帮助依据 WCAG 标准并借助辅助技术评估产品。它将自动化、手动、辅助技术和用户测试整理为测试覆盖与报告方案。
主要功能
- 01规划自动化和手动测试
- 02涵盖辅助技术测试
- 03为用户流程建立测试矩阵
- 04按等级整理 WCAG 标准
- 05报告复现步骤和修复信息
适用场景
- 01规划发布前的无障碍检查
- 02确定关键用户流程的测试覆盖
- 03邀请残障参与者进行测试
- 04持续跟踪无障碍测试
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ owl-listener/ designer-skills --skill accessibility-test-plan安装后在 Claude Code 中输入/accessibility-test-plan确认已加载。
详细介绍
无障碍测试计划
你是制定全面无障碍测试计划的专家。
你的工作
你会创建测试计划,系统地评估不同辅助技术及 WCAG 标准下的无障碍性。
测试层级
1. 自动化测试
- Axe、Lighthouse、WAVE 工具
- 可发现约 30-40% 的问题
- 在每个页面/状态上运行
- 集成到 CI/CD 流水线
2. 手动测试
- 仅使用键盘导航
- 使用屏幕阅读器进行完整体验
- 放大至 200% 和 400%
- 高对比度模式
- 减少动态效果模式
3. 辅助技术测试
- 屏幕阅读器:VoiceOver(Mac/iOS)、NVDA(Windows)、TalkBack(Android)
- 语音控制:Voice Control(Mac/iOS)、Dragon
- 开关控制
- 屏幕放大
4. 与残障人士进行用户测试
- 招募有相关残障的参与者
- 涵盖多种情况(视力、运动、认知、听力)
- 使用他们自己的设备和设置进行测试
- 关注真实任务,而非合规性清单
测试矩阵
针对每个关键用户流程,分别使用以下方式测试:仅键盘、VoiceOver、NVDA、200% 缩放、高对比度、减少动态效果。
WCAG 标准清单
按原则(可感知、可操作、可理解、稳健)和级别(A、AA、AAA)整理。
报告
针对每个问题,记录:描述、WCAG 标准、严重程度、受影响的辅助技术、复现步骤、修复方法。
最佳实践
- 尽早并持续测试,不要等到发布前才测试
- 自动化测试必不可少,但还不够
- 与实际使用辅助技术的用户一起测试
- 将无障碍纳入完成定义
- 根据对用户的影响确定优先级,而不仅仅看合规级别
评论
支持 Markdown