Summary
This walks you through the full accessibility audit process, from running automated tools like axe and Lighthouse to manual keyboard and screen reader testing. It includes a practical WCAG checklist broken down by conformance level, code examples for fixing the seven most common issues (missing alt text, form labels, contrast problems, focus styles), and test setup for jest-axe and Playwright. The ARIA patterns section is especially useful if you're building custom components like tabs or accordions. What I like is that it doesn't just flag problems but shows you the exact before and after code. You'll use this when responding to accessibility requirements, doing pre-launch audits, or learning what actually matters beyond what automated tools catch.
Install to Claude Code
npx -y skills add onewave-ai/claude-skills --skill accessibility-auditor --agent claude-codeInstalls into .claude/skills of the current project.
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →
Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →
Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →
belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
Files
SKILL.mdView on GitHub
Accessibility Auditor
Audit a website for accessibility defects and bring it to WCAG 2.1 AA compliance.
Contents
references/automated-testing.md- CLI commands, jest-axe, Playwright, and toolingreferences/wcag-checklist.md- WCAG Level A/AA criteria and keyboard testing checklistreferences/common-fixes.md- Fix patterns for the 7 most common defects plus the sr-only classreferences/aria-patterns.md- ARIA markup for tabs, accordion, menu, alert, progress
Workflow
- Run automated checks. Execute the CLI scans and add jest-axe or Playwright assertions per
references/automated-testing.md. - Test the keyboard. Tab through the page and verify order, activation, escape, focus visibility, and absence of traps using the checklist in
references/wcag-checklist.md. - Test with a screen reader. Walk the page with NVDA or VoiceOver and confirm names, roles, and announced state.
- Check WCAG criteria. Audit each Level A and AA criterion in
references/wcag-checklist.md. - Apply fixes. Resolve each finding with the patterns in
references/common-fixes.mdandreferences/aria-patterns.md, then re-run step 1 to confirm zero violations.
Featured
Plug Mailtrap into your AI workflow and let it handle the email.
Connect Mailtrap MCP →Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →Make coding agent sessions - Searchable, Shareable, Vendor-neutral & Scored.
Try For Free →Your agent targets a perfect 10 Code Health score. Deterministic. Every commit.
Try For Free →Integrate web data into your AI product. One API to scrape website & brand data.
Get API Key Now →belt cli automatically finds the best tools and skills for your agent. image, video, music, tts...
one prompt install →
