wcag-audit

What problem does it solve?

This skill automates the discovery and reporting of common web accessibility (WCAG) issues by combining static code analysis with runtime testing to surface problems automated tools can detect and to highlight areas needing manual review.

Core Features & Use Cases

• Framework detection and scope selection: Detects React, Vue, or plain HTML projects and determines which files or changed diffs to scan.
• Two-layer auditing: Runs ESLint accessibility plugins for fast static checks and axe-core CLI against live URLs for runtime coverage.
• Actionable findings: Outputs severity-ranked issues, maps runtime violations back to source files when possible, and provides a manual-review checklist for gaps automation cannot cover.
• Use case: Use this skill after a UI implementation or before merge to catch missing alt text, color-contrast failures, ARIA misuse, and other common accessibility regressions.

Quick Start

Run a static ESLint accessibility scan on changed files and then run axe-core against the running app URL to generate a combined accessibility report.