fix-accessibility
Fix accessibility defects to WCAG 2.2 AA — missing labels, invisible focus, keyboard traps, contrast, alt text, announcements, reflow — using native semantics first, then verify with axe plus manual keyboard and screen-reader checks. Use for any accessibility finding.
69
87%
Does it follow best practices?
Run evals on this skill
Adds up to 20 points to the overall score
Passed
No findings from the security scan
Fix Accessibility
Procedure
- Prefer native elements:
<button>,<label for>,<a href>over ARIA patches. - Labels: every input gets a real label; a placeholder is not a label.
- Focus: a visible
:focus-visiblestyle, logical order, no traps, Escape closes dialogs, focus returns to the trigger. - Images: meaningful
alt; decorative images usealt="". - Contrast and reflow: AA contrast in all themes, usable at 200% zoom and 320px width.
- Errors and status: tie messages with
aria-describedby; userole="status"for live updates. - Verify: axe (no serious or critical issues) plus a keyboard-only run of the journey; VoiceOver spot check if available.
Exit criteria
axe is clean, and the manual keyboard checklist is recorded for every touched route.
Counterpart of tester skill: qa-accessibility.
- Repository
itsablabla/qa-bug-agent-skills
- Revision
9a6f628
- Last updated
- First committed
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.