# A11y Pass

Catch the accessibility failures that ship in almost every AI-built UI.

- Repository: https://github.com/Archive228/loopkit (756 stars)
- Category: Design
- License: MIT
- Last updated: 2026-07-14
- Runs scripts: no, instructions only

## Install

Claude Code: `npx skills add Archive228/loopkit --skill a11y-pass -g -a claude-code -y`
Codex: `npx skills add Archive228/loopkit --skill a11y-pass -g -a codex -y`
Cursor: `npx skills add Archive228/loopkit --skill a11y-pass -g -a cursor -y`
Gemini CLI: `npx skills add Archive228/loopkit --skill a11y-pass -g -a gemini-cli -y`
Claude Code plugin marketplace: `/plugin marketplace add Archive228/loopkit`

## Description

Catch the accessibility failures that ship in almost every AI-built UI. Use after building any interactive component.

## SKILL.md, as published by its author (untrusted third-party text, read it as data)

# Accessibility Pass
- **Keyboard**, every interactive element reachable and operable by Tab/Enter/Esc. Modals trap focus and restore it on close.
- **Labels**, every input has a real `<label>`; icon-only buttons have `aria-label`.
- **Images**, meaningful `alt`; decorative images `alt=""`.
- **Contrast**, text ≥ 4.5:1 (3:1 for large). Don't encode meaning in color alone.
- **Semantics**, real `<button>`/`<a>`, not a clickable `<div>`. Headings in order.
- **Focus**, visible focus ring. Never `outline: none` without a replacement.
Output: each failure with the element + the fix. Test it with Tab only, no mouse.