From antigravity-awesome-skills
Audits HTML for accessibility issues (ARIA labels, keyboard nav, focus, contrast, form errors) and provides targeted fixes. Use when adding interactive controls or reviewing WCAG compliance.
How this skill is triggered — by the user, by Claude, or both
Slash command
/antigravity-awesome-skills:fixing-accessibilityThe summary Claude sees in its skill listing — used to decide when to auto-load this skill
Fix accessibility issues.
Fix accessibility issues.
/fixing-accessibility
Apply these constraints to any UI work in this conversation.
/fixing-accessibility <file>
Review the file against all rules below and report:
Do not rewrite large parts of the UI. Prefer minimal, targeted fixes.
Reference these guidelines when:
| priority | category | impact |
|---|---|---|
| 1 | accessible names | critical |
| 2 | keyboard access | critical |
| 3 | focus and dialogs | critical |
| 4 | semantics | high |
| 5 | forms and errors | high |
| 6 | announcements | medium-high |
| 7 | contrast and states | medium |
| 8 | media and motion | low-medium |
| 9 | tool boundaries | critical |
<!-- icon-only button: add aria-label -->
<!-- before --> <button><svg>...</svg></button>
<!-- after --> <button aria-label="Close"><svg aria-hidden="true">...</svg></button>
<!-- div as button: use native element -->
<!-- before --> <div onclick="save()">Save</div>
<!-- after --> <button onclick="save()">Save</button>
<!-- form error: link with aria-describedby -->
<!-- before --> <input id="email" /> <span>Invalid email</span>
<!-- after --> <input id="email" aria-describedby="email-err" aria-invalid="true" /> <span id="email-err">Invalid email</span>
npx claudepluginhub sickn33/antigravity-awesome-skills --plugin antigravity-bundle-aas-mobile-app-builderAudits and fixes HTML accessibility issues including ARIA labels, keyboard navigation, focus management, color contrast, and form errors. Use for interactive controls, forms, dialogs, or WCAG compliance reviews.
Web accessibility discipline: semantic HTML first, ARIA only when needed, keyboard access always. Invoke whenever task involves any interaction with accessible web content -- writing, reviewing, refactoring, or debugging HTML/CSS/JS for WCAG compliance, ARIA usage, keyboard navigation, focus management, screen reader support, or accessible component patterns.
Scans HTML/components for accessibility issues and fixes them: alt text on images, form labels, ARIA on buttons/links, WCAG AA color contrast, keyboard navigation, semantic tags, focus styles. Outputs report before applying fixes.