a11y-checklisted

# Accessibility Audit Evaluate user-facing work against WCAG 2.1 AA. Accessibility is a design constraint, not a polish step (Downe Principle 11). ## WCAG 2.1 AA Checklist by Principle ### 1. Perceivable - [ ] All images have meaningful alt text (or alt="" for decorative) - [ ] Video has captions; audio has transcripts - [ ] Color is never the sole indicator of meaning - [ ] Color contrast: 4.5:1 normal text, 3:1 large text - [ ] Content is readable at 200% zoom without horizontal scroll - [ ] Text spacing can be adjusted without loss of content ### 2. Operable - [ ] All interactive elements reachable via keyboard (Tab/Shift+Tab) - [ ] Visible focus indicators on all focusable elements - [ ] No keyboard traps (can always Tab away) - [ ] Skip navigation link for repetitive content - [ ] Page titles are descriptive and unique - [ ] Focus order matches visual order - [ ] Touch targets are at least 44x44 CSS pixels ### 3. Understandable - [ ] Language of page is declared (lang attribute) - [ ] Form inputs have associated labels - [ ] Error messages identify the field and describe the fix - [ ] Instructions don't rely solely on sensory characteristics - [ ] Navigation is consistent across pages ### 4. Robust - [ ] Valid HTML (no duplicate IDs, proper nesting) - [ ] ARIA used correctly (roles, states, properties) - [ ] Custom components expose name, role, value to assistive tech - [ ] Status messages use aria-live regions ## Automated Testing Tools (by stack) | Stack | Tool