fixing-accessibility
Installation
Summary
Audit and fix HTML accessibility issues across ARIA labels, keyboard navigation, focus management, and WCAG compliance.
- Covers nine rule categories prioritized by impact: accessible names, keyboard access, focus management, semantics, forms and errors, announcements, contrast, media, and tool boundaries
- Provides targeted fixes for common patterns like icon-only buttons, form error linking, and focus trapping in modals
- Includes quick reference for when to apply (interactive controls, forms, dialogs, custom interactions) and common code-level fixes with before/after examples
- Emphasizes minimal, surgical changes over large UI rewrites and prefers native HTML elements over ARIA workarounds
SKILL.md
fixing-accessibility
Fix accessibility issues.
how to use
-
/fixing-accessibilityApply these constraints to any UI work in this conversation. -
/fixing-accessibility <file>Review the file against all rules below and report:- violations (quote the exact line or snippet)
- why it matters (one short sentence)
- a concrete fix (code-level suggestion)
Do not rewrite large parts of the UI. Prefer minimal, targeted fixes.