Версия для слабовидящих
Получите быструю помощь по покупке, оплате, установке, настройке, продлению и другим вопросам, оставив заявку
💡 Нужна консультация и помощь по работе?
1. Установите модуль.
2. В настройках включите “Включить версию для слабовидящих”.
3. После сохранения на сайте появится стандартная кнопка “Версия для слабовидящих”.
Через панель для слабовидящих посетитель может менять размер шрифта, цветовую схему, интервалы, отображение изображений и другие параметры доступности.
Стандартная кнопка
Кнопка выводится автоматически. В настройках можно изменить ее положение и текст.
Кастомная кнопка
Если нужна своя кнопка, отключите “Автоматически добавлять кнопку” и вставьте в нужное место шаблона: шапку, подвал, меню или включаемую область.
Кастомная кнопка может понадобиться, если стандартное расположение или внешний вид кнопки не подходит дизайну сайта.
Например, кнопку можно разместить:
- В шапке рядом с меню;
- В подвале сайта;
- В версии для мобильного меню;
- В уже существующем блоке быстрых ссылок;
- С собственными стилями, иконкой или текстом.
Пример:
<button type="button" data-js-vipanel-toggle>Версия для слабовидящих</button>
Возможности настройки
Модуль предоставляет гибкие инструменты для адаптации интерфейса под требования проекта:
включение и отключение панели;
настройка отображения панели на различных устройствах;
управление фиксированным положением панели;
настройка синтеза речи и озвучивания контента;
выбор стартовых параметров отображения;
настройка цветовых схем;
управление отображением изображений;
настройка пользовательских CSS-селекторов;
автоматическое добавление кнопки открытия панели;
автоматическое открытие панели по специальной ссылке.
Параметр
Назначение
Значение по умолчанию
Включить версию для слабовидящих
Основной переключатель модуля
N
Включить настройки панели из вкладки «Настройки панели»
Подключение конфигурации панели на сайте
N
Видимость до CSS media-выражения
Ограничение отображения панели по размеру экрана
(max-width: 350px)
Путь до шрифта Брайля
Используемый шрифт Braille
/bitrix/fonts/Braille.woff2
Селекторы для озвучивания
Контент, доступный для синтеза речи
#viPanelUtterContent
Скрываемые элементы
Элементы, скрываемые при активации панели
пусто
Игнорируемые элементы
Исключаются из обработки модулем
пусто
Селекторы капчи
Отдельная обработка элементов капчи
[class*=‘captcha’]
Включить синтез речи по умолчанию
Стартовое состояние озвучивания
Y
Query-параметр открытия панели
Автоматическое открытие по URL
openVI
Фиксировать панель при прокрутке
Закрепление панели в верхней части страницы
Y
Целевые элементы для применения стилей
Базовые элементы изменения оформления
body
Маленький размер шрифта
Пользовательский размер малого текста
14px
Стандартный размер шрифта
Базовый размер текста
default
Большой размер шрифта
Пользовательский размер большого текста
20px
Автоматически добавлять кнопку
Автоматическая генерация кнопки открытия
N
Отступ кнопки сверху
CSS-свойство top
auto
Отступ кнопки снизу
CSS-свойство bottom
32px
Расположение кнопки
Левая или правая сторона экрана
right
Текст кнопки (панель закрыта)
Подпись кнопки до открытия панели
Версия для слабовидящих
Текст кнопки (панель открыта)
Подпись кнопки после открытия панели
Обычная версия
Начальный размер шрифта
Стартовый пресет размера текста
standard
Начальное семейство шрифта
Стартовый тип шрифта
sans-serif
Начальный межбуквенный интервал
Стартовый интервал между символами
default
Начальный межстрочный интервал
Стартовый интервал между строками
1.5
Начальная цветовая схема
Цветовая схема при открытии панели
black
Фильтр изображений
Обработка изображений
default
Отображение изображений
Показывать или скрывать изображения
default
Автоматическое открытие панелиДля специальных ссылок можно автоматически открывать панель версии для слабовидящих через URL-параметр.
Пример:
https://site.ru/?openVI=Y
При переходе по такой ссылке панель будет открыта автоматически.