Stats
Actions
Tags
'%20stop-opacity%3D'0.16'%2F%3E%3Cstop%20offset%3D'1'%20stop-color%3D'rgb(200%2C90%2C60)'%20stop-opacity%3D'0.03'%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Crect%20width%3D'320'%20height%3D'200'%20fill%3D'url(%23g)'%2F%3E%3Ccircle%20cx%3D'250'%20cy%3D'56'%20r%3D'92'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.06'%2F%3E%3Ccircle%20cx%3D'64'%20cy%3D'172'%20r%3D'58'%20fill%3D'rgb(200%2C90%2C60)'%20fill-opacity%3D'0.05'%2F%3E%3C%2Fsvg%3E)
From loopkit
Audits interactive components for common accessibility failures: keyboard navigation, labels, contrast, semantics, and focus. Run after building any UI.
How this skill is triggered — by the user, by Claude, or both
Slash command
/loopkit:a11y-passWhen to use
forms, buttons, modals, images, color choices, keyboard interaction
The summary Claude sees in its skill listing — used to decide when to auto-load this skill
- **Keyboard** — every interactive element reachable and operable by Tab/Enter/Esc. Modals trap focus and restore it on close.
<label>; icon-only buttons have aria-label.alt; decorative images alt="".<button>/<a>, not a clickable <div>. Headings in order.outline: none without a replacement.
Output: each failure with the element + the fix. Test it with Tab only, no mouse.npx claudepluginhub archive228/loopkitAutomatically checks code and elements for accessibility issues when users ask about WCAG compliance or accessibility. Performs focused checks on components, forms, or pages.
Audits web/app accessibility covering semantics, keyboard flow, focus, labels, ARIA, contrast, and responsive behavior. Useful for frontend changes or existing UI needing accessibility review.
Audits and fixes 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.