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
При переходе по такой ссылке панель будет открыта автоматически.
Он включает в себя интуитивную панель управления и функцию динамической адаптации интерфейса и отображения контента.
Посетитель может включить адаптированный режим и настроить отображение сайта под свои потребности.
Адаптация сайта без дублирования контента:
Модуль изменяет отображение уже существующих страниц сайта и не требует создания отдельной версии, копирования материалов или поддержки двух наборов контента.
Простое подключение:
После установки достаточно включить в настройках модуля кнопку: «Включить версию для слабовидящих».
Также можно использовать собственную кнопку, встроенную в шаблон сайта. Подробнее в разделе "Установка".
Гибкие настройки для посетителя:
Пользователь может самостоятельно выбрать удобный размер текста, межстрочный интервал, тип шрифта, цветовую схему, режим отображения изображений и другие параметры.
Дополнительные инструменты доступности:
Модуль поддерживает синтез речи, голосовое управление, монохромный режим и печать страницы из панели.
Настройка из административной части:
Администратор может управлять параметрами панели, стандартной кнопкой и сценариями подключения без доработки структуры сайта.
Технологическая эффективность:
Решение не создает отдельные копии страниц, что снижает риск дублирования контента и упрощает сопровождение сайта.
Модуль разработан с учётом требований ГОСТ Р 52872-2019 и законодательства РФ в сфере защиты прав инвалидов.
Закажите любой модуль у нас на сайте с бесплатной установкой и гарантией 14 дней
Мы работаем с физическими и юридическими лицами. И предоставляем сразу два варианта оплаты.
- Наличные. Вы подписываете товаросопроводительные документы, расплачиваетесь денежными средствами, получаете товар и чек.
- Безналичный расчет. Принимаем карты Visa и MasterCard. Доступен при курьерской доставке.
Ваш заказ можем доставить собственными ресурсами, при условии вашего нахождения в городе. Либо через 4 варианта доставки:
- Курьерская доставка. Курьерская доставка работает с 9:00 до 19:00. Когда товар поступит на склад, курьерская служба свяжется для уточнения деталей. Специалист предложит выбрать удобное время доставки и уточнит адрес.
- Самовывоз из магазина. Для получения заказа обратитесь к сотруднику в кассовой зоне и назовите номер.
- Сотрудничаем с постаматами. Срок хранения — 3 дня.
- Предоставляем почтовую доставку через почту России. Когда заказ придет в отделение, на ваш адрес придет извещение о посылке. Вскрывать коробку самостоятельно вы можете только после оплаты заказа.
Дополнительная вкладка для размещения информации о товарах, доставке или любого другого важного контента. Поможет вам ответить на интересующие покупателя вопросы и развеять его сомнения в покупке. Используйте её по своему усмотрению.
Вы можете убрать её или вернуть обратно, изменив одну галочку в настройках компонента. Очень удобно.
- Комментарии
- ВКонтакте