Версия для слабовидящих Битрикс

Модуль добавляет на сайт кнопку «Версия для слабовидящих». По клику сверху открывается панель, где посетитель выбирает размер шрифта, цвета, показ картинок и озвучивание. Выбор запоминается на год и действует на всех страницах. Шаблон сайта переделывать не нужно.

Администратору модуль показывает, что мешает доступности самого сайта: проверка находит типичные нарушения по критериям WCAG 2.1 и выдаёт список со страницей и элементом.

Какие задачи решает

• Посетитель со слабым зрением читает сайт в удобном размере и контрасте, не меняя настройки браузера.
• Владельцу не нужна вторая, «специальная» версия страниц: панель меняет вид тех же страниц на лету.
• Администратор получает список проблем (картинки без alt, ссылки без названия, низкий контраст) и передаёт его разработчику.

Что настраивает посетитель

• Текст: размер от 16 до 48 px с шагом 2 px, шрифт с засечками или без, три ступени интервала между буквами и между строками.
• Цвета: пять схем (чёрный на белом, белый на чёрном, тёмно-синий на голубом, коричневый на бежевом, зелёный на тёмно-коричневом).
• Изображения: показать, сделать чёрно-белыми или заменить текстом из alt.
• Чтение: рамки у ссылок и подчёркивание заголовков, крупный курсор, линейка чтения, остановка анимации, скрытие видео и встроенных блоков.
• Озвучивание: выделенный фрагмент или вся страница, выбор голоса и скорости, чтение абзаца по клику. Речь создаёт синтезатор браузера.
• Шрифт Брайля: текст страницы показывается символами Брайля (русский и латиница, цифры, знаки). Программы чтения с экрана получают обычный текст.
• Управление: «Сбросить», «Свернуть» (панель прячется, режим остаётся) и «Обычная версия». Панель работает с клавиатуры и закрывается по Esc.
• Фиксированные шапки сайта сдвигаются под панель, иконочные шрифты и значки остаются на месте.

Что получает администратор

• Плавающая кнопка на всех страницах публичной части, справа или слева внизу. Исключить можно любые адреса и маски.
• Проверка доступности сайта в разделе «Сервисы»: 21 проверка по критериям WCAG 2.1 (картинки без alt, ссылки и кнопки без названия, поля без подписей, контраст, заголовки и другое). Отчёт со ссылками на критерии можно отфильтровать и выгрузить в CSV.
• Компонент xlogic:vi.panel, если кнопку нужно разместить в шапке или другом месте шаблона. Класс xvi-open у любого элемента включает режим по клику, например у ссылки в меню.
• Отключение на отдельной странице константой XLOGIC_VI_DISABLE.
• Права доступа по группам пользователей, тексты на русском и английском, кеширование результата компонента.

Ограничения и требования

• Платных внешних сервисов нет, цены на дополнения нет.
• Панель меняет вид сайта поверх его стилей, поэтому на нестандартной вёрстке (фиксированные шапки, иконки на фоновых картинках, сложные слайдеры) возможны мелкие расхождения. Проверьте сайт в режиме для слабовидящих до запуска.
• Озвучивание работает силами браузера: качество голоса и набор языков зависят от устройства посетителя. Если в браузере нет синтезатора речи, кнопки озвучивания скрываются.
• Проверка доступности сайта находит часть нарушений по критериям WCAG 2.1 (на них опирается ГОСТ Р 52872), но не заменяет аудит и не исправляет вёрстку и тексты страниц. Страницы проверяются без выполнения JavaScript.
• Модуль не гарантирует соответствие сайта ГОСТ Р 52872 или WCAG: он даёт посетителю инструменты, а администратору список найденных проблем.
• Режим включается для посетителя целиком: настроить его для отдельных разделов сайта нельзя.