What it does

The Accessibility Auditor is a specialized development tool designed to bridge the gap between "working code" and "inclusive code." It performs deep structural and semantic analysis of frontend components to ensure compliance with WCAG 2.2 AA standards. By auditing HTML, JSX, and Vue templates, it identifies critical barriers for users with disabilities and provides immediate, code-ready fixes.

Why use this skill

Most AI agents focus on functionality, often overlooking legal and ethical accessibility requirements. This skill transforms your agent into a compliance expert that catches issues—ranging from missing ARIA roles and keyboard traps to low color contrast and non-semantic heading hierarchies—long before they reach production.

What you get

Each audit generates a structured Accessibility Audit Report that includes:

• Issue Categorization: Critical, Major, and Minor severity tiers.
• Impact Analysis: Clear explanations of how specific code affects screen readers and assistive tech.
• Remediation Steps: Hard-coded fixes mapped to specific WCAG success criteria (e.g., 2.1.1 Keyboard, 1.1.1 Text Alternatives).
• Conformance Summary: Success/Failure counts against AA levels.

Supported Tools & Frameworks

• React (JSX), Vue, Svelte, and Angular templates.
• Standard HTML5 and Common UI Patterns (Modals, Tabs, Comboboxes).
• References industry tools like axe-core, Lighthouse, and WAVE for verification.