What problem does it solve? Web applications often ship with accessibility barriers like missing alt text, poor keyboard navigation, and invalid ARIA usage. Manually auditing and fixing these issues across many files is slow and error-prone. This Skill automatically identifies and fixes accessibility issues to meet WCAG 2.1 standards while preserving existing functionality and code style. ## Core Features & Use Cases - Scoped remediation: Fix issues in a single file, a directory, or the entire codebase depending on the path you provide. - Simple to complex fixes: From adding alt text, ARIA labels, and semantic HTML to implementing focus traps, keyboard handlers, and accessible modal, dropdown, and tab patterns. - Structured reporting: Every change is documented with before/after code examples, the WCAG guidelines addressed, and a testing checklist. - Use Case: Point it at your React components directory and it will convert clickable divs into proper buttons, add focus management to modals, fix heading hierarchy, and produce a summary report of remaining issues needing manual review. ## Quick Start Ask the assistant to fix accessibility issues in the src/components directory and report the WCAG guidelines addressed.
