docs: Create comprehensive accessibility implementation plan
Created detailed 2-week plan to achieve WCAG 2.1 AA compliance:
**Plan Overview:**
- 4 phases over 2 weeks
- Phase 1: Foundation (keyboard nav, ARIA, focus management)
- Phase 2: Content & Forms (alt text, contrast, live regions)
- Phase 3: Testing & Polish (automated tests, screen readers)
- Phase 4: Advanced Features (reduced motion, text scaling)
**Key Deliverables:**
- ESLint jsx-a11y configuration
- Axe-core integration for automated testing
- Comprehensive keyboard navigation
- Screen reader compatibility
- WCAG 2.1 AA compliance (100 Lighthouse score)
**Technical Requirements:**
- Install eslint-plugin-jsx-a11y, jest-axe, @axe-core/react
- Focus trap utilities and management
- Accessibility helper functions
- Reduced motion support
**Testing Strategy:**
- Automated: ESLint, jest-axe, Playwright, Lighthouse CI
- Manual: Keyboard nav, screen readers (NVDA, JAWS, VoiceOver)
- Browser matrix for cross-platform testing
**Success Metrics:**
- 100/100 Lighthouse accessibility score
- 0 Axe-core violations
- All user flows keyboard accessible
- Screen reader compatible
**Priority Order:**
- Day 1: ESLint setup, focus indicators, skip link
- Days 2-3: Keyboard nav, focus mgmt, forms, headings
- Days 4-5: Alt text, contrast, live regions, tests
- Week 2: Screen reader testing, documentation, polish
🎯 Goal: Make Maternal App accessible to ALL parents
🤖 Generated with [Claude Code](https://claude.com/claude-code)
Co-Authored-By: Claude <noreply@anthropic.com>
Andrei
9772ed3349