accessibility-audit

WCAG 2.2 AA audits identify conformance gaps in React apps using static analysis (ESLint), runtime validation (jest-axe), and manual checks. This Skill combines these layers to detect issues like missing labels, color contrast failures, and keyboard navigation problems, then prioritizes them by risk-based severity.

Yes. This Skill includes MUI awareness to reduce false positives on Material-UI components while still catching real accessibility gaps. It validates MUI implementations against WCAG 2.2 Level AA standards alongside generic React patterns.

Static analysis (ESLint) catches code-level issues like missing attributes before runtime. Runtime testing (jest-axe, Playwright) validates actual DOM behavior and interactions. This Skill layers both to find gaps static tools miss and confirm fixes work in real browser environments.

Risk-based severity combines Impact (how many users are affected) and Likelihood (how often the issue occurs) to score issues as Critical, High, Medium, or Low. This lets you prioritize remediation on the gaps that matter most to your users.

Audits produce JSON and Markdown reports. JSON enables programmatic integration with CI/CD pipelines and dashboards; Markdown provides human-readable gap reports with remediation priorities and specific WCAG criteria references.

Yes. This Skill depends on ESLint (static checks), jest-axe (runtime DOM validation), and Playwright (browser automation) to perform the full multi-layer audit. All three are required for comprehensive WCAG 2.2 coverage.