What problem does it solve? Accessibility issues are often reported but never fixed, or fixed without verification that the fix worked and introduced no regressions. This Skill closes the audit-edit-verify loop by finding WCAG violations, editing the source code, and re-auditing to confirm the fixes landed. ## Core Features & Use Cases - Dual audit flows: Runs live-DOM audits against rendered pages when a browser MCP (chrome-devtools, playwright, puppeteer) is connected, catching SPA content, web-font contrast, and post-mount ARIA state; falls back to static HTML audits otherwise. - Source-mapped fixes: Maps violations to exact JSX file and line locations via React DevTools fiber data, or locates source files by grepping for stable hooks like data-testid, id, and aria-label. - Fixability-aware editing: Applies mechanical fixes verbatim from authoritative Fix directives, leaves TODO comments for contextual or visual issues that need human judgment, and verifies results with audit_diff. - Use Case: A developer receives a report of contrast and missing-alt violations on a React page. The Skill audits the live page, edits the offending components, and re-runs the diff to confirm all targeted violations are fixed with zero new ones. ## Quick Start Ask the assistant to audit and fix the accessibility issues in your page or component, then confirm the scope of files it may edit.
