fixing-accessibility
Audit and fix HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use when adding interactive controls, forms, dialogs, or reviewing WCAG compliance.
97
96%
Does it follow best practices?
Impact
99%
1.06xAverage score across 3 eval scenarios
Passed
No known issues
Evaluation results
97%
6%User Registration Form: Accessibility Remediation
Form accessibility fixes
Error aria-describedby
100%
100%
aria-invalid on errors
100%
100%
Required fields announced
100%
100%
Helper text associated
100%
100%
Inputs labeled
100%
100%
aria-live for errors
100%
100%
Minimal changes
100%
90%
Native elements preserved
100%
100%
No unnecessary ARIA
70%
80%
Disabled submit explanation
40%
100%
100%
10%Document Editor Toolbar: Accessibility Remediation
Icon buttons and keyboard access
Icon button aria-label
100%
100%
Decorative icons hidden
100%
100%
Native button elements
100%
100%
No positive tabindex
100%
100%
Focus visibility preserved
100%
100%
Links meaningful text
0%
100%
Minimal changes
80%
100%
No redundant ARIA
100%
100%
All controls tab-reachable
100%
100%
Report covers violations
100%
100%
100%
1%Settings Page: Dialog and Accordion Accessibility Remediation
Modal focus management and live regions
Modal traps focus
100%
100%
Initial focus in modal
100%
100%
Focus restored on close
100%
100%
Escape closes modal
100%
100%
aria-expanded on toggles
100%
100%
aria-controls on toggles
100%
100%
aria-busy on loading
90%
100%
Prefer established primitives
100%
100%
Minimal changes
100%
100%
Report format
100%
100%
- Repository
- ibelick/ui-skills
- Commit
95d0e08
- Evaluated
- Agent
- Claude Code
- Model
- Claude Sonnet 4.6
Table of Contents
Is this your skill?
If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.