A11y Audit

You know those accessibility issues that slip through until someone runs a screen reader and everything falls apart? This runs automated checks against your web pages and flags common problems like missing alt text, poor contrast ratios, and broken ARIA attributes. It's basically a quick first pass that catches the obvious stuff before manual testing. Won't replace human accessibility testing, but it'll save you from shipping the embarrassing violations that automated tools can detect. Good for CI/CD integration or spot checks when you're refactoring components and want to make sure you didn't break anything.

skills.sh installs: 998
GitHub stars: 29.5K
last updated: Aug 21, 2026

View on GitHub

Install

$ npx -y skills add alirezarezvani/claude-skills --skill a11y-audit --agent claude-code

Installs into .claude/skills of the current project.

Files

Accessibility Audit

WCAG 2.2 Accessibility Audit and Remediation Skill

Description

The a11y-audit skill provides a complete accessibility audit pipeline for modern web applications. It implements a three-phase workflow -- Scan, Fix, Verify -- that identifies WCAG 2.2 Level A and AA violations, generates exact fix code per framework, and produces stakeholder-ready compliance reports.

For every violation it finds, it provides the precise before/after code fix tailored to your framework (React, Next.js, Vue, Angular, Svelte, or plain HTML).

What this skill does:

Scans your codebase for every WCAG 2.2 Level A and AA violation, categorized by severity (Critical, Major, Minor)
Fixes each violation with framework-specific before/after code patterns
Verifies that fixes resolve the original violations and introduces no regressions
Reports findings in a structured format suitable for developers, PMs, and compliance stakeholders
Integrates into CI/CD pipelines to prevent accessibility regressions