# Accessibility Guidelines

Complete WCAG compliance guide and accessibility best practices.

## WCAG 2.1 Levels

**Level A (Minimum):**
- Basic accessibility features
- Text alternatives for images
- Keyboard accessible

**Level AA (Standard):**
- 4.5:1 contrast for text
- Resize text to 200%
- Focus visible
- **Most websites target AA**

**Level AAA (Enhanced):**
- 7:1 contrast for text
- Audio descriptions for video
- Sign language for audio

## Quick Checklist

✅ Alt text for images
✅ Keyboard navigable (Tab, Enter, Esc, Arrows)
✅ Focus visible (outline or custom)
✅ Color contrast meets AA (4.5:1 text, 3:1 UI)
✅ Headings in logical order (h1 → h2 → h3)
✅ ARIA labels for interactive elements
✅ Forms have labels
✅ Error messages clear and helpful
✅ Reduce motion respected
✅ Screen reader tested

## Testing Tools

- **axe DevTools** (browser extension)
- **WAVE** (web accessibility evaluation)
- **Lighthouse** (Chrome DevTools)
- **Screen readers:** NVDA (Win), VoiceOver (Mac/iOS), JAWS (Win)

---

*See SKILL.md for implementation details*