关于 accessibility-test-plan
accessibility-test-plan 是制定无障碍测试方案的技能,覆盖 WCAG 标准、辅助技术和用户测试。它结合自动化与手动方法,并提供测试矩阵和问题报告指引。
主要功能
- 01使用 Axe、Lighthouse 和 WAVE 自动检测
- 02键盘、屏幕阅读器与缩放测试
- 03覆盖多设备辅助技术
- 04邀请残障人士参与测试
- 05WCAG 检查清单与问题报告
适用场景
- 01为关键用户流程规划无障碍测试
- 02将无障碍检查纳入 CI/CD
- 03记录并确定无障碍问题优先级
安装
复制下面的命令,在终端中运行。
$
npx skills add https:/ / github.com/ infrasity-labs/ dev-gtm-claude-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