mcpField
A
accessibility-auditor

accessibility-auditor

github.com/onewave-ai测试与质量400330 次安装1 周前更新
代码仓库

关于 accessibility-auditor

面向网站团队的无障碍审查技能，用于检查 WCAG 2.1 AA。它结合自动扫描、键盘与屏幕阅读器检查，以及修复指导。

主要功能

  1. 01自动化无障碍检查
  2. 02键盘导航检查清单
  3. 03使用 NVDA 或 VoiceOver 检查屏幕阅读器
  4. 04WCAG A 级和 AA 级审查
  5. 05常见缺陷修复与 ARIA 模式

适用场景

  1. 01审查网站的 WCAG 2.1 AA 问题
  2. 02测试键盘访问与焦点行为
  3. 03检查屏幕阅读器播报的名称、角色和状态
  4. 04修复问题后重新运行自动检查

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/onewave-ai/claude-skills --skill accessibility-auditor

安装后在 Claude Code 中输入/accessibility-auditor确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/
aria-patterns.md
automated-testing.md
common-fixes.md
wcag-checklist.md

详细介绍

无障碍审查

审查网站的无障碍缺陷，并使其符合 WCAG 2.1 AA 标准。

目录

  • references/automated-testing.md - CLI 命令、jest-axe、Playwright 和相关工具
  • references/wcag-checklist.md - WCAG A/AA 级标准和键盘测试清单
  • references/common-fixes.md - 修复最常见的 7 类缺陷及 sr-only 类的模式
  • references/aria-patterns.md - 适用于选项卡、手风琴、菜单、警报和进度的 ARIA 标记

工作流

  1. 运行自动化检查。执行 CLI 扫描，并根据 references/automated-testing.md 添加 jest-axe 或 Playwright 断言。
  2. 测试键盘操作。使用 Tab 键遍历页面，并根据 references/wcag-checklist.md 中的清单，验证顺序、激活、退出、焦点可见性以及是否存在焦点陷阱。
  3. 使用屏幕阅读器测试。使用 NVDA 或 VoiceOver 浏览页面，并确认名称、角色和播报的状态。
  4. 检查 WCAG 标准。审查 references/wcag-checklist.md 中的每项 A 级和 AA 级标准。
  5. 应用修复。使用 references/common-fixes.md 和 references/aria-patterns.md 中的模式解决所有问题，然后重新执行第 1 步，确认不存在违规项。

评论

支持 Markdown