cyberneticlibrary

Audit and fix WCAG 2.2 accessibility violations in frontend

a11y-auditpluginsetup L217,464
alirezarezvani/claude-skills
What it does

Detect and fix WCAG 2.2 accessibility violations in React, Next.js, Vue, Angular, Svelte, HTML

Best for

When shipping accessible UI requires automated detection of common WCAG violations before manual testing.

Inputs
  • · React/Next.js/Vue/Angular/Svelte/HTML component or page code
Outputs
  • · 20+ violation types detected (contrast, ARIA, focus, semantic, etc.)
  • · fix patterns per framework
  • · contrast checker with suggest mode
  • · CI-friendly exit codes
Requires
  • · stdlib Python scanner
  • · WCAG 2.2 reference
  • · Framework-specific parsers
Preconditions
  • · component source code available
  • · target framework identified
Failure modes
  • · False positives on dynamic content (generated by JS)
  • · Contrast checker assumes light theme
  • · Semantic fixes require human judgment (not all autofixed)
Trust signals
  • · Static scanner detects 20+ violation types
  • · Framework-specific fix patterns (React, Vue, Svelte, etc.)
  • · CI integration (exit codes for pipelines)