Accessibility Auditor
FlaggedAudits web pages and components for WCAG 2.1/2.2 compliance, identifies accessibility violations, and generates fix recommendations with code examples.
$ Copy the SKILL.md file to your project's .claude/skills/ directory About This Skill
Accessibility Auditor performs comprehensive WCAG 2.1 and 2.2 compliance checks on web pages, components, and entire codebases. It identifies violations across all four WCAG principles — Perceivable, Operable, Understandable, and Robust — and provides actionable fix recommendations with code examples.
How It Works
- Markup analysis — Scans HTML for missing alt text, improper heading hierarchy, missing form labels, and landmark region issues
- ARIA validation — Checks ARIA roles, states, and properties against WAI-ARIA spec requirements
- Color contrast — Evaluates text/background color pairs against WCAG AA and AAA contrast thresholds
- Keyboard audit — Analyzes tab order, focus indicators, and keyboard trap risks
- Report generation — Produces a prioritized violation report with severity levels (Critical, Serious, Moderate, Minor)
Best For
- Teams preparing for accessibility compliance deadlines (ADA, EAA)
- Reviewing pull requests for accessibility regressions
- Auditing third-party component libraries before adoption
- Training developers on common accessibility patterns
Standards Coverage
Covers WCAG 2.1 Level A and AA criteria fully, with partial AAA coverage. Includes checks from WCAG 2.2 additions including focus appearance, dragging movements, and consistent help patterns.
Use Cases
- Pre-launch accessibility compliance audits
- Reviewing component libraries for ARIA pattern correctness
- Generating remediation reports for stakeholders
- Keyboard navigation and focus management analysis
Pros & Cons
Pros
- +Comprehensive WCAG 2.1/2.2 coverage
- +Prioritized violations with severity levels
- +Provides fix code examples, not just problem descriptions
- +Covers both automated checks and manual review guidance
Cons
- -Cannot test dynamic interactions — screen reader testing still needed
- -Color contrast checks require computed style values, not just source CSS
Related Skills
Color Palette Generator
Generates harmonious color schemes with WCAG accessibility checks, contrast ratio validation, and export to CSS custom properties or design tokens.
Responsive Layout
Implements responsive design patterns using CSS Grid, Flexbox, and container queries with mobile-first breakpoint strategies.
FAQ
What does Accessibility Auditor do?
What platforms support Accessibility Auditor?
What are the use cases for Accessibility Auditor?
100+ free AI tools
Writing, PDF, image, and developer tools — all in your browser.
Next Step
Use the skill detail page to evaluate fit and install steps. For a direct browser workflow, move into a focused tool route instead of staying in broader support surfaces.