Summary
Add a settings toggle on the student interface for: larger text (1.25x, 1.5x scale), high-contrast mode, and the ability to turn off auto-play TTS.
Why
Inclusive design is increasingly mandated in Indian educational software. Students with mild visual impairment or reading difficulties (dyslexia prevalence ~10–15%) benefit substantially. Effort is low; coverage is high.
Implementation Notes
- Preferences stored in localStorage
- Text size: CSS custom property
--text-scale applied to root
- High contrast: add
.high-contrast class to body, override CSS variables
- TTS auto-play: add
autoPlayTTS preference, check before calling speak() in QuestionCard
- Settings accessible via a gear icon on the student test header
Acceptance Criteria
Summary
Add a settings toggle on the student interface for: larger text (1.25x, 1.5x scale), high-contrast mode, and the ability to turn off auto-play TTS.
Why
Inclusive design is increasingly mandated in Indian educational software. Students with mild visual impairment or reading difficulties (dyslexia prevalence ~10–15%) benefit substantially. Effort is low; coverage is high.
Implementation Notes
--text-scaleapplied to root.high-contrastclass to body, override CSS variablesautoPlayTTSpreference, check before callingspeak()in QuestionCardAcceptance Criteria