← ClaudeAtlas

accessibility-auditlisted

Audit and build interfaces to WCAG 2.2 AA — keyboard operability, focus management, semantic structure and landmarks, accessible names, colour contrast, forms and error handling, ARIA patterns, reduced motion, zoom and reflow, and testing with real assistive technology. Use when the user says "accessibility", "a11y", "WCAG", "screen reader", "keyboard navigation", "contrast", "ARIA", "focus", "alt text", "accessible", "ADA", "Section 508", "EAA" or "European Accessibility Act"; when building or reviewing any UI component, form, modal, menu or data table; and as a mandatory pass in any audit of a project with a user interface. By Devleck.
Kin9Zeus/senior-engineer-skills · ★ 3 · Code & Development · score 77
Install: claude install-skill Kin9Zeus/senior-engineer-skills
# Accessibility Audit Accessibility is not a feature for a minority. Temporary and situational impairments — a broken arm, bright sunlight, a noisy room, a trackpad that stopped working — mean everyone uses accessible design eventually. It is also increasingly a legal requirement rather than a nice-to-have. **Automated tools catch roughly a third of WCAG issues.** They are necessary and nowhere near sufficient. The findings that matter come from the manual pass. --- ## The four-test triage — run this first Ten minutes, and it finds most serious problems. ### 1. Unplug the mouse Complete the critical journey with `Tab`, `Shift+Tab`, `Enter`, `Space` and the arrow keys. - Can you reach every interactive element? - Can you *see* where you are at all times? (A visible focus indicator is not optional — `outline: none` with no replacement is a `P1` on its own.) - Does the focus order follow the visual order? - Can you escape every component — modal, menu, date picker — without a mouse? - Does anything trap focus permanently? - Is there a skip link to bypass the navigation? ### 2. Zoom to 400% At 400% zoom on a 1280px viewport (equivalent to a 320px-wide window): - Does all content remain available? - Is there horizontal scrolling? (Reflow failure.) - Do fixed elements cover the content? - Does text truncate or overlap? ### 3. Turn on a screen reader NVDA (Windows, free), VoiceOver (macOS/iOS, built in), TalkBack (Android). Twenty minutes learning the basic commands