Accessibility Testing Agent Skill

Use this skill when you need to design accessibility testing against WCAG, keyboard navigation, and assistive technology scenarios; triggers include 可访问性测试 and accessibility testing.

27k tokens

context cost

the whole folder, loaded on every use

files

ships runnable scripts

copies elsewhere

how many repositories repackaged it

144

stars on the repo

on the repository, not the skill itself

Install

one command, takes just this skill from the repository

npx skills add https://github.com/naodeng/awesome-qa-skills --skill accessibility-testing

What comes with it

102 099 bytes besides the instruction

README.md

agents/openai.yaml

evals/cases/basic-success.yaml

evals/cases/edge-domain-boundary.yaml

evals/cases/edge-incomplete-input.yaml

evals/eval.yaml

examples/axe-playwright/.gitignore

examples/axe-playwright/README.md

examples/axe-playwright/package.json

examples/axe-playwright/playwright.config.ts

examples/axe-playwright/tests/forms.spec.ts

examples/axe-playwright/tests/homepage.spec.ts

examples/axe-playwright/tests/login.spec.ts

examples/axe-playwright/tests/modal.spec.ts

examples/axe-playwright/tests/navigation.spec.ts

examples/axe-playwright/tsconfig.json

examples/axe-playwright/utils/axe-helper.ts

output-formats.md

output-templates/template-csv.csv

output-templates/template-excel.tsv

output-templates/template-json.json

output-templates/template-markdown.md

output-templates/template-word.md

output-templates/template-xmind.md

prompts/accessibility-testing.md

quick-start.md

references/local/FAQ.md

references/troubleshooting.md

scripts/batch_convert_templates.py

scripts/convert_formats.py

scripts/convert_output_formats.py

scripts/convert_to_csv.py

scripts/convert_to_excel.py

scripts/convert_to_json.py

scripts/convert_to_markdown.py

scripts/convert_to_word.py

scripts/convert_to_xmind.py

scripts/parse_csv.py

scripts/parse_excel.py

scripts/parse_formats.py

The instruction itself

as written by the author

可访问性测试（中文版）

英文版： 见对应英文技能。

何时使用

需要在真实项目里处理 accessibility testing 相关任务。
需要一份可以直接用于执行、评审或跟进的结果。

执行流程

阅读并遵循「按需加载」中的主提示词（覆盖清单、输出结构、质量要求）。
只补充真正影响结果的项目上下文：范围、环境、限制、风险、依赖、期望产出。
信息不全时先给可用初版，并显式标出假设与信息缺口。
默认 Markdown；用户指定其他格式时再切换。

核心约束

按风险/业务影响排优先级，不要平均摊铺。
把「已确认事实」和「当前假设」分开写。
不要编造用户未提供的接口、字段、环境或根因细节。
结果必须可执行：场景具体、有优先级、能指导下一步。

按需加载

产出前必须阅读并遵循 prompts/accessibility-testing.md（最低覆盖清单、输出结构、质量要求）。
需要 Excel/CSV/JSON/Word 等格式时：读 output-formats.md，并按用户格式要求输出。
需要套用现成模板时：读 output-templates/ 中匹配的模板，不要自创冲突结构。
用户要示例或对标现有资产时：读 examples/ 中相关样例。
需要框架规范、排障、报告 schema 等深资料时：只读 references/ 里与当前问题相关的文件，不要整目录通读。
需要格式转换或辅助校验时：优先使用 scripts/ 中已有脚本，而不是重写一遍。
需要评测/回归本 skill 时：使用 evals/，并用 skill-up 校验与运行。
用户只要最短上手路径时：读 quick-start.md。

交付前自检

[ ] 已遵循主提示词的输出结构
[ ] 最低覆盖关注：范围和目标用户、键盘可操作性、焦点顺序和焦点可见性、读屏语义和标签、标题和区域结构、表单错误和校验反馈、对比度和非颜色提示、图片图标和替代文本…（细节以主提示词为准）
[ ] 已覆盖最低清单，或标明为何省略
[ ] 高风险项有明确优先级
[ ] 未编造用户未提供的细节
[ ] 假设与信息缺口已标明

常见误区

范围和上下文都不清楚时，不要假装已经完整可用。
不要把所有项写成同等重要。
不要跳过假设与信息缺口。
不要输出大段与当前工具链无关的空泛理论。

Other skills for the same job

different authors, same section of the catalogue

UI Visual Validator

by ComeOnOliver

×2

Rigorous visual validation expert specializing in UI testing, design system compliance, and accessibility verification. Masters screenshot analysis, visual regression testing, and component validation. Use PROACTIVELY to verify UI modifications have achieved their intended goals through comprehensive visual analysis.

Use when you need a deterministic inspection of a WordPress repository (plugin/theme/block theme/WP core/Gutenberg/full site) including tooling/tests/version hints, and a structured JSON report to guide workflows and guardrails.

6k tokens scripts

Frontend Accessibility

by ComeOnOliver

×1

Implement accessible user interfaces with semantic HTML, keyboard navigation, sufficient color contrast, screen reader support, ARIA attributes, and proper focus management. Use this skill when creating or editing React components (.tsx, .jsx files), when implementing forms with labels and inputs, when building interactive elements (buttons, modals, menus, dialogs), when implementing keyboard navigation, when choosing colors and ensuring contrast ratios, when adding ARIA attributes, when testing with screen readers, when implementing focus states and focus management, or when creating heading structures and page landmarks.

Build mobile-first responsive layouts with fluid containers, relative units, standard breakpoints, and touch-friendly design that adapts seamlessly across devices. Use this skill when creating or modifying layouts, implementing media queries, defining breakpoints, choosing sizing units, optimizing for mobile devices, or testing UI across screen sizes. Apply when working with responsive design, mobile layouts, tablet views, desktop views, viewport configuration, or any styling that needs to adapt to different screen sizes and device capabilities.

3k tokens

Visual QA

by code-yeongyu

MUST USE after building/changing any UI or when asked whether a page, component, or TUI looks right. Rigorous visual QA across web/page and terminal UIs. Prefer browser:control-in-app-browser for unauthenticated browser/page QA in Codex, then Playwright/agent-browser/dev-browser. Captures screenshot/TUI evidence with bundled diff scripts, runs design-system/functional and visual-fidelity/CJK reviewer passes, then synthesizes a good/bad verdict. Triggers: visual QA, screenshot/pixel diff, UI looks wrong, reference fidelity, design system check, responsive check, CJK text clipping, TUI alignment, box-drawing drift.

19k tokens scripts

Flutter Add Widget Preview

by flutter

vendor

Adds interactive widget previews to the project using the previews.dart system. Use when creating new UI components or updating existing screens to ensure consistent design and interactive testing.

29 production-ready scripts for iOS app testing, building, and automation. Provides semantic UI navigation, build automation, accessibility testing, and simulator lifecycle management. Optimized for AI agents with minimal token output.

137k tokens scripts

How to use it

Copy the folder

Take naodeng/awesome-qa-accessibility-testing from the repository into ~/.claude/skills for personal use, or into .claude/skills inside a project.

Check the name does not clash

The agent identifies a skill by the name field in its header. Two skills with the same name cannot sit side by side — one of them will be ignored.