Реализация веб-версии для слабовидящих на основе React и CSS-глобальных стилей

Аннотация

В данной работе рассматривается подход к реализации версии сайта для слабовидящих на основе фронтенд-стека React и глобальных CSS-стилей. Описывается механизм переключения режима с помощью кнопки в шапке сайта, использование состояния приложения и локального хранилища браузера для сохранения выбора пользователя, а также применение CSS-класса высшего уровня к элементу document.documentElement для переопределения типографики, цветовой палитры и размеров элементов управления на всех страницах. Приводится практический пример реализации: использование состояния isAccessibilityMode, сохранение его значения в localStorage, а также определение каскада стилей .accessibility-mode для увеличения шрифта, улучшения контраста, усиления визуальной заметности ссылок и кнопок, адаптации хедера и футера к потребностям слабовидящих пользователей. Показано, что предложенный подход позволяет реализовать единый режим повышенной доступности без изменения структуры компонентов и логики маршрутизации.