[P2] Accessibility audit (WCAG 2.1 AA)

[hazeliscoding]

Problem

The UI/UX doctrine has an accessibility section, but no concrete a11y work is planned. The kawaii aesthetic uses heavily custom components, making this non-trivial.

Requirements

• Keyboard navigation audit for all interactive elements
• Screen reader testing (NVDA/VoiceOver) for key flows: registration, login, anime search, dashboard
• Focus management in modals (search modal, invite modal)
• aria-live regions for dynamic content updates (toast messages, search results)
• Color contrast verification for all theme tokens (light and dark mode)
• Ensure all images have alt text (cover images, avatars)

Acceptance Criteria

• All interactive elements are keyboard-accessible with visible focus indicators
• Screen reader can navigate the entire app without confusion
• Modals trap focus correctly and restore focus on close
• Dynamic updates are announced to screen readers
• Color contrast meets WCAG AA ratio (4.5:1 text, 3:1 large text)

References

• Roadmap §12 — Frontend Engineering
• docs/ui-ux-doctrine.md §6 — Accessibility Standards