a11y-pass

Name: a11y-pass
Author: Archive228

712stars129forks

How to install a11y-pass?

archive228/loopkit/a11y-pass

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

Installs into the current project.

Summary

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

Files · 1

SKILL.md

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

6 picks

Type

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

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