Skip to main content
skill CX Codex

accessibility-auditor · onewave-ai — Claude Code skill: what it does and setup

Audits web pages for accessibility defects and guides compliance with WCAG 2.1 AA. It runs automated checks, inspects keyboard navigation, and suggests markup fixes.

Install into Claude Code · Skills CLI (Vercel) All methods and platforms ↓
npx skills add OneWave-AI/claude-skills --skill accessibility-auditor -a claude-code
Open on GitHub

What accessibility-auditor does

The skill structures an accessibility audit against WCAG 2.1 Level A and AA standards. The workflow starts with automated CLI scans and assertions using jest-axe or Playwright. After that, you inspect keyboard tab order and screen reader behavior in NVDA or VoiceOver.

Reference documents provide fixes for the seven most frequent defects, a sr-only class, and ARIA markup for interactive components like tabs or accordions. Automated tooling alone never catches every problem: CLI scanners detect invalid syntax, but focus traps and announcement clarity demand manual verification.

After fixing identified issues, the workflow requires rerunning step-one automated scans until zero defects remain.

What it helps with

  • Configure accessibility assertions with jest-axe and Playwright
  • Audit web pages against WCAG 2.1 Level A and AA criteria
  • Detect keyboard focus traps and improper tab order
  • Add ARIA markup for tabs, accordions, and menus
  • Resolve frequent accessibility defects using the sr-only utility class

Example prompts for the agent

  • Audit this page for accessibility defects against WCAG 2.1 AA
  • Add jest-axe and Playwright assertions to test this form for a11y
  • Fix the tab order and ARIA attributes in our accordion component

How to install accessibility-auditor

1Skills CLI (Vercel)

npx skills add OneWave-AI/claude-skills --skill accessibility-auditor -a claude-code

2Manually: put the files in place

~/.claude/skills/accessibility-auditor/SKILL.md

Copy the whole skill folder; for one project use .claude/skills/accessibility-auditor/

Step by step, with commands for each platform: How to install skills in Claude Code: five ways

Questions about accessibility-auditor

How to install accessibility-auditor in Claude Code?

Run npx skills add OneWave-AI/claude-skills --skill accessibility-auditor -a claude-code in your terminal.

What does the accessibility-auditor skill do?

It guides a structured audit to bring websites to WCAG 2.1 AA compliance, offering automated testing recipes, manual checklists, and ARIA markup patterns.

Which automated testing tools are covered in the skill?

It covers CLI scanning utilities alongside test assertions built with jest-axe and Playwright.

Source text

SKILL.md · MIT
---
name: accessibility-auditor
description: Audit websites for accessibility issues and WCAG compliance. Use when checking accessibility, fixing a11y issues, or ensuring WCAG compliance.
---

# 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.

© OneWave-AI · MIT · OneWave-AI/claude-skills

Similar skills

Everything for Frontend and UI →

accessibility-auditor by other authors comes first.

From the same set95

Project sponsors

Companies that keep this analytics open
Gold sponsor

Impressions, clicks and code copies — open statistics. We keep the numbers public for the same reason NeBlask itself is public. Become a sponsor