/a11y-pass

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

BOOST

archive228@archive228

GitHub

From plugin

loopkit

75553 skills1 agent4 commands2 MCP

Install

$ npx -y skills add Archive228/loopkit --skill a11y-pass --agent claude-code

How it fires

How this skill gets triggered: by you, by Claude, or both.

Fires itselfAuto-invocation. Claude auto-loads it when your prompt matches the work.
You can call itInvoke it directly when you want it.
Slash command/a11y-pass

Context preview

The summary Claude sees to decide when to auto-load this skill.

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

SKILL.md

a11y-pass.SKILL.md

name: a11y-pass
description: Catch the accessibility failures that ship in almost every AI-built UI. Use after building any interactive component.
when_to_use: forms, buttons, modals, images, color choices, keyboard interaction

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.

Read it on GitHub ↗

Ships withloopkit

33 battle-tested skills + minimal .claude harness for any coding agent (Claude Code, Cursor, Codex, Gemini CLI).

Get the whole plugin

Stats

Node Bash SQL Git GitHub

+4 tags

Markdown Anthropic Gemini MCP

755

Stars

124