mcpField
A
accessibility-test-plan

accessibility-test-plan

github.com/owl-listener测试与质量3.1k2.1k 次安装8 周前更新
代码仓库

关于 accessibility-test-plan

面向团队的无障碍测试规划技能,帮助依据 WCAG 标准并借助辅助技术评估产品。它将自动化、手动、辅助技术和用户测试整理为测试覆盖与报告方案。

主要功能

  1. 01规划自动化和手动测试
  2. 02涵盖辅助技术测试
  3. 03为用户流程建立测试矩阵
  4. 04按等级整理 WCAG 标准
  5. 05报告复现步骤和修复信息

适用场景

  1. 01规划发布前的无障碍检查
  2. 02确定关键用户流程的测试覆盖
  3. 03邀请残障参与者进行测试
  4. 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