Инструменты

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

Name: Версия для слабовидящих
Brand: Цифровой Элемент
SKU: mod-delement.visuallyimpaired
Price: 4900 RUB
Availability: InStock

от Цифровой Элемент delement.visuallyimpaired

4 900 ₽

Электронная передача по России, без платы за доставку, после подтверждения заказа и не позже 5 дней. Условия.

Редакция Битрикс

Демо

Скриншоты

Технические данные

Опубликовано:: 20.09.2023
Обновлено:: 16.09.2026
Версия:: 1.2.6
Установлено:: Менее 50 раз
Подходящие редакции:: «Первый сайт», «Старт», «Стандарт», «Малый бизнес», «Бизнес»
Адаптивность:: Да
Поддержка Композита:: Да
Совместимо с Сайты24: Нет

«Версия для слабовидящих» предоставляет комплексное решение для создания и управления версией сайта для слабовидящих.
Он включает в себя интуитивную панель управления и функцию динамической адаптации интерфейса и отображения контента.

Посетитель может включить адаптированный режим и настроить отображение сайта под свои потребности.

Адаптация сайта без дублирования контента:

Модуль изменяет отображение уже существующих страниц сайта и не требует создания отдельной версии, копирования материалов или поддержки двух наборов контента.

Простое подключение:

После установки достаточно включить в настройках модуля кнопку: «Включить версию для слабовидящих».
Также можно использовать собственную кнопку, встроенную в шаблон сайта. Подробнее в разделе "Установка".

Гибкие настройки для посетителя:

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

Дополнительные инструменты доступности:

Модуль поддерживает синтез речи, голосовое управление, монохромный режим и печать страницы из панели.

Настройка из административной части:

Администратор может управлять параметрами панели, стандартной кнопкой и сценариями подключения без доработки структуры сайта.

Технологическая эффективность:

Решение не создает отдельные копии страниц, что снижает риск дублирования контента и упрощает сопровождение сайта.

Модуль разработан с учётом требований ГОСТ Р 52872-2019 и законодательства РФ в сфере защиты прав инвалидов.

1.2.6 (16.09.2026)	При отсутствии `visibleUntil` применяется fallback `(max-width: 359px)`: панель скрыта до 359 CSS px включительно и показывается с 360 CSS px. Пустое значение больше не передаётся в `matchMedia` как совпадающий со всеми viewport media query В SSR-окружении без `window` или `document` вызов `new ViPanel()` стал тихим no-op без DOM-монтажа, callbacks и ошибок в консоли; рабочая модель создаётся отдельным клиентским вызовом после появления DOM Override `smol-toml@1.7.2` устраняет high-severity advisory в dev-цепочке `markdownlint-cli2` без отката самого Markdown-linter.
1.2.5 (21.08.2026)	Полностью переведена на React 19 Улучшена разметка самой панели для скрин-ридеров Исправлен баг, когда панель плохо рендерилась на мобильных устройствах Добавлена асинхронная локализация и руководство по добавлению иных языков Добавлены новые автотесты Добавлен централизованный вывод ошибок сверху Добавлена ссылка с подсказками по голосовому управлению
1.2.4 (13.07.2026)	Исправлена работа кнопки «Озвучить все» на страницах без контейнера #viPanelUtterContent. Добавлены более универсальные селекторы контента по умолчанию: main, #content, .content, #bx_eshop_wrap, #viPanelUtterContent. Исправлено применение настроек отображения по умолчанию из административной части без сброса текущих пользовательских настроек при обновлении. Пользовательские настройки селекторов при обновлении не изменяются.
1.2.3 (25.06.2026)	Изменен порядок настроек панели в административной части: настройки автоматической кнопки, настройки по умолчанию и расширенные параметры сгруппированы понятнее. Для новых установок стандартная кнопка модуля будет включена по умолчанию после включения версии для слабовидящих.
1.2.2 (24.06.2026)	Убрана поддержка внешнего шрифта брайля, теперь он генерируется на стороне клиента Исправлены мелкие недочёты.
1.2.1 (21.04.2026)	Добавлена возможность настройки панели в настройках модуля Добавлен параметр `openPanelQueryParam` - строка, указывает на имя query-параметра, при наличии которого во время открытия страницы панель автоматически будет открыта. Значение по умолчанию `openVI` Добавлена возможность автоматически добавить на страницу кнопку для открытия/закрытия панели.
1.1.1 (15.10.2025)	Обновление кода модуля Исправлены ошибки работы Добавлен английский язык
1.0.6 (16.04.2025)	Обновление кода модуля В конфигурацию панели добавлены новые ключи - isShouldUtterControls, isFixed, targetSelectors Кнопки разделены на основные и дополнительные. Дополнительные по умолчанию скрыты, появляются при нажатии на кнопку "Дополнительные настройки" (кнопка с иконкой шестерёнки) Улучшена доступность (добавлены aria и role атрибуты) Добавлена стилизация размера заголовка при открытой панели Добавлены стили для лучшей навигации и управления панелью с клавиатуры Добавлена кнопка "Сбросить настройки" В конфиг добавлено поле captchaElementsSelectors, оно используется для того, чтобы элементы капчи игнорировались панелью (не скрывалась картинка, не становилась ч/б и тд) Добавлены параметры brailleFontPath, fontSizeSettings Обработка кейса, когда у пользователя отсутствует язык озвучки В начальный конфиг модуля добавлено поле ignoreElementsSelectors Добавлено голосовое управление для команд увеличить/уменьшить межстрочный интервал Добавлена возможность включить/выключить функцию "Озвучивание нажатой клавиши", по умолчанию включено
1.0.4 (28.09.2023)	Обновление кода модуля
1.0.3 (27.09.2023)	Обновление кода модуля
1.0.2 (25.09.2023)	Обновление кода модуля
1.0.1 (18.09.2023)	Добавлены цвета Добавлен шрифт брайля Добавлен межстрочный интервал

Установка и работа:

1. Установите модуль.
2. В настройках включите “Включить версию для слабовидящих”.
3. После сохранения на сайте появится стандартная кнопка “Версия для слабовидящих”.

Через панель для слабовидящих посетитель может менять размер шрифта, цветовую схему, интервалы, отображение изображений и другие параметры доступности.

Стандартная кнопка
Кнопка выводится автоматически. В настройках можно изменить ее положение и текст.

Кастомная кнопка
Если нужна своя кнопка, отключите “Автоматически добавлять кнопку” и вставьте в нужное место шаблона: шапку, подвал, меню или включаемую область.

Кастомная кнопка может понадобиться, если стандартное расположение или внешний вид кнопки не подходит дизайну сайта.

Например, кнопку можно разместить:

В шапке рядом с меню;
В подвале сайта;
В версии для мобильного меню;
В уже существующем блоке быстрых ссылок;
С собственными стилями, иконкой или текстом.

Для этого нужно отключить автоматическую кнопку модуля и добавить свою кнопку с атрибутом data-js-vipanel-toggle.

Пример:

<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

При переходе по такой ссылке панель будет открыта автоматически.

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

Скриншоты

Технические данные

Вы смотрели