onewave-ai avatar

Accessibility Auditor

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.

skills.sh installs
338
GitHub stars
422
last updated
Aug 21, 2026

Install

$ npx -y skills add onewave-ai/claude-skills --skill accessibility-auditor --agent claude-code

Installs into .claude/skills of the current project.

Files

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 tooling
  • references/wcag-checklist.md - WCAG Level A/AA criteria and keyboard testing checklist
  • references/common-fixes.md - Fix patterns for the 7 most common defects plus the sr-only class
  • references/aria-patterns.md - ARIA markup for tabs, accordion, menu, alert, progress

Workflow

  1. Run automated checks. Execute the CLI scans and add jest-axe or Playwright assertions per references/automated-testing.md.
  2. 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.
  3. Test with a screen reader. Walk the page with NVDA or VoiceOver and confirm names, roles, and announced state.
  4. Check WCAG criteria. Audit each Level A and AA criterion in references/wcag-checklist.md.
  5. Apply fixes. Resolve each finding with the patterns in references/common-fixes.md and references/aria-patterns.md, then re-run step 1 to confirm zero violations.

Sponsors

Details

Repository
github.com/onewave-ai/claude-skills
Category
Design & UI/UX
First seen
Jun 3, 2026

More from onewave-ai/claude-skills

All 108
1patricio0312rev avatarstorybook-setuppatricio0312rev/skillsSets up Storybook for component documentation with controls, actions, accessibility testing, and visual regression. Use when users request "Storybook setup", "c330skills.sh installs
2mike-coulbourn avatarbrand-color-psychologymike-coulbourn/claude-vibesProvides brand color psychology and strategic palette development frameworks including Color-in-Context Theory, 60-30-10 Rule, color harmony systems, archetype 312skills.sh installs
3pedronauck avatarstorybook-storiespedronauck/skillsCreate, update, or refactor Storybook stories following the project's standard patterns. Use when adding stories for new components, updating existing stories, 312skills.sh installs
4josiahsiegel avatartailwindcss-accessibilityjosiahsiegel/claude-plugin-marketplaceTailwind CSS accessibility patterns including WCAG 2.2 compliance, touch targets, focus management, and ARIA. PROACTIVELY activate for: (1) building accessible 299skills.sh installs
5travisjneuman avatarui-animationtravisjneuman/.claudeMotion design and animation for user interfaces. Use when creating micro-interactions, page transitions, loading states, or any UI animation across web and mobi296skills.sh installs
6zeroz-lab avatarcc-designzeroz-lab/cc-designHigh-fidelity HTML design and prototype creation. Use this skill whenever the user asks to design, prototype, mock up, or build visual artifacts in HTML — inclu287skills.sh installs