A11y Quick Check
Free gateway skill from the Frontend Finisher bundle by GarphenGate.
The fifteen-minute check for the eight accessibility issues most UIs ship with — hands-on, evidence required.
Procedure
- Take one page or flow, and run the eight checks in order, each with its concrete test:
- Keyboard path: tab through the whole flow — everything reachable, focus visible, no traps.
- Image meaning: informative images have alt text that carries the meaning; decorative ones are marked decorative.
- Form labels: every input has a programmatic label, not just placeholder text.
- Contrast: body text and controls meet AA ratios, measured, not eyeballed.
- Heading structure: one h1, levels don't skip, structure matches the visual hierarchy.
- Link and button names: every control's accessible name says what it does out of context.
- Zoom: page at 200% zoom loses no content or function.
- Motion and flashing: animations respect reduced-motion, nothing flashes.
- Record pass or fail per check with the evidence (the element, the measured ratio, the keystroke where focus vanished).
- Emit the card below with the top fix identified by user impact.
Check card:
A11Y QUICK CHECK: <page> — <n>/8 passed (engineering check, not certification)
1. Keyboard pass|fail — <evidence>
...
8. Motion pass|fail — <evidence>
Top fix: <the failure blocking the most users, with the smallest change>
Full pass recommended if: <2+ fails, or any keyboard fail>
Rules
- Never mark a check passed without its hands-on test performed or its evidence pasted; assumed passes are marked "unchecked", not passed.
- Never present 8/8 as accessible; the card says these eight common issues were checked, and links the deeper pass for the rest.
- Evidence names elements specifically; "some buttons" is not a finding location.
Degradation
Given markup only and no live page, run checks 2, 3, 5, and 6 statically, mark 1, 4, 7, 8 "requires live page" with the exact manual steps, and score only what was actually checked.
Like this? This is the free gateway skill for Frontend Finisher by Moltline Studio. The paid listing: https://www.agensi.io/skills/frontend-finisher-bundle
1---2name: frontend-finisher3description: Check a UI against the eight accessibility issues most products ship with, in fifteen minutes. Use on any page before it goes public, or as a first look at an inherited frontend.4---56# A11y Quick Check78*Free gateway skill from the Frontend Finisher bundle by GarphenGate.*910The fifteen-minute check for the eight accessibility issues most UIs ship with — hands-on, evidence required.1112## Procedure13141. Take one page or flow, and run the eight checks in order, each with its concrete test:15 1. Keyboard path: tab through the whole flow — everything reachable, focus visible, no traps.16 2. Image meaning: informative images have alt text that carries the meaning; decorative ones are marked decorative.17 3. Form labels: every input has a programmatic label, not just placeholder text.18 4. Contrast: body text and controls meet AA ratios, measured, not eyeballed.19 5. Heading structure: one h1, levels don't skip, structure matches the visual hierarchy.20 6. Link and button names: every control's accessible name says what it does out of context.21 7. Zoom: page at 200% zoom loses no content or function.22 8. Motion and flashing: animations respect reduced-motion, nothing flashes.232. Record pass or fail per check with the evidence (the element, the measured ratio, the keystroke where focus vanished).243. Emit the card below with the top fix identified by user impact.2526Check card:2728```29A11Y QUICK CHECK: <page> — <n>/8 passed (engineering check, not certification)301. Keyboard pass|fail — <evidence>31...328. Motion pass|fail — <evidence>33Top fix: <the failure blocking the most users, with the smallest change>34Full pass recommended if: <2+ fails, or any keyboard fail>35```3637## Rules3839- Never mark a check passed without its hands-on test performed or its evidence pasted; assumed passes are marked "unchecked", not passed.40- Never present 8/8 as accessible; the card says these eight common issues were checked, and links the deeper pass for the rest.41- Evidence names elements specifically; "some buttons" is not a finding location.4243## Degradation4445Given markup only and no live page, run checks 2, 3, 5, and 6 statically, mark 1, 4, 7, 8 "requires live page" with the exact manual steps, and score only what was actually checked.4647---4849*Like this? This is the free gateway skill for **Frontend Finisher** by Moltline Studio. The paid listing: https://www.agensi.io/skills/frontend-finisher-bundle*
GarphenGate