Help us improve
Share bugs, ideas, or general feedback.
Reviews accessibility of web pages, code implementations, and design mockups. Reports severity-ranked issues with fixes.
npx claudepluginhub masup9/a11y-specialist-skills --plugin a11y-specialist-skillsHow this skill is triggered — by the user, by Claude, or both
Slash command
/a11y-specialist-skills:reviewing-a11y URL, file path, or Figma URL to reviewURL, file path, or Figma URL to reviewThis skill is limited to the following tools:
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
[日本語版 (Japanese)](./SKILL.ja.md)
Audits Figma designs or web pages for WCAG 2.1 AA compliance, checking color contrast, keyboard navigation, touch targets, labels, and screen reader support.
Conducts interactive WCAG accessibility audits on entire solutions, directories, or live URLs, checking compliance levels A/AA/AAA with optional Playwright visual scans.
Audits designs for WCAG 2.2 AA violations (contrast, focus, target size, keyboard semantics, motion, cognition). Auto-activates on designer tasks.
Share bugs, ideas, or general feedback.
Identify what the user wants reviewed, then perform the accessibility review by following the corresponding reference guide.
Analyze the user's request to determine the review target:
Indicators:
http:// or https://Action: Follow the page review guide
Indicators:
.jsx, .tsx, .vue, .html, .js, etc.)Action: Follow the code review guide
Indicators:
Action: Follow the design review guide
If unclear, ask the user:
I can review accessibility for:
1. **Live web pages** (provide URL) - I'll test the rendered page
2. **Code implementation** (provide file paths) - I'll analyze the source code
3. **Design mockups** (provide Figma URL or images) - I'll review visual designs
Which would you like me to review?
Once you identify the target, read the reference guide matching the user's language and execute its process directly.
Read the page review guide:
- English: references/page-review.md
- Japanese: references/page-review.ja.md
Follow the guide using available browser interaction, web retrieval, or user-provided content.
Read the code review guide:
- English: references/code-review.md
- Japanese: references/code-review.ja.md
Follow the guide by inspecting the target files and related implementation.
Read the design review guide:
- English: references/design-review.md
- Japanese: references/design-review.ja.md
Follow the guide using available image, document, or Figma retrieval capabilities.
When the review completes:
User: "Review https://example.com for accessibility"
1. Identify: This is a web page (URL provided)
2. Read: references/page-review.md
3. Execute: Inspect the page by following the guide
4. Return: Present findings
User: "Check src/components/Button.tsx for a11y issues"
1. Identify: This is code (file path provided)
2. Read: references/code-review.md
3. Execute: Inspect the target and related code by following the guide
4. Return: Present findings
User: "Review this design: https://figma.com/file/abc123"
1. Identify: This is a design (Figma URL)
2. Read: references/design-review.md
3. Execute: Inspect the design by following the guide
4. Return: Present findings
All reviews should reference:
Common success criteria to reference:
Do not turn missing evidence into a conclusive finding. List unsupported checks as manual verification.