Доступность

Что можно настроить

• Размер шрифта — 4 уровня (обычный / +25% / +50% / +75%). Масштабируется весь интерфейс, включая кнопки и отступы.
• Цветовая схема — 4 пресета по ГОСТу: обычная (тёмно-синий на бежевом), чёрный на белом, белый на чёрном, синий на бежевом.
• Межбуквенный интервал — 3 уровня для лучшей читаемости длинных слов.
• Шрифт без засечек — переключение на Arial для людей с дислексией.
• Скрыть изображения — отключение фотографий и декоративной графики, чтобы текст не отвлекал.

Настройки сохраняются в этом браузере и применяются автоматически при каждом заходе. Чтобы сбросить — откройте панель и нажмите «Сбросить все настройки».

Управление с клавиатуры

• Tab — переход к следующему элементу управления. По нажатию первой клавиши появится ссылка «Перейти к контенту» — она пропускает меню и переносит фокус сразу к основному содержимому.
• Shift + Tab — переход к предыдущему элементу.
• Enter / Space — активация кнопки или ссылки.
• Esc — закрытие модальных окон (cookie-баннер, панель доступности).

Что мы делаем для скрин-ридеров

• Семантичная разметка <header>, <nav>, <main>, <article>, <footer>
• Alt-тексты на всех значимых изображениях; декоративные иконки скрыты атрибутом aria-hidden
• Активный пункт меню помечен aria-current="page"
• Все интерактивные элементы — кнопки и ссылки (никаких кликабельных div-ов)
• Формы корректно связаны с подписями через <label>
• Модальные окна используют role="dialog" aria-modal="true"

Уменьшенная анимация

Если в системе включена настройка «уменьшить движение» (Reduce Motion на macOS/iOS, «Уменьшить анимацию» на Windows), мы автоматически отключаем переходы и анимации, чтобы не вызывать дискомфорта у пользователей с вестибулярными нарушениями.

Что-то не работает?

Если вы столкнулись с проблемой доступности — невидимым фокусом, нечитаемой ссылкой, недоступным элементом — напишите нам через форму обратной связи или в Telegram. Мы исправим в ближайшее время.