Он включает в себя интуитивную панель управления и функцию динамической адаптации интерфейса и отображения контента.
Посетитель может включить адаптированный режим и настроить отображение сайта под свои потребности.
Адаптация сайта без дублирования контента:
Модуль изменяет отображение уже существующих страниц сайта и не требует создания отдельной версии, копирования материалов или поддержки двух наборов контента.
Простое подключение:
После установки достаточно включить в настройках модуля кнопку: «Включить версию для слабовидящих».
Также можно использовать собственную кнопку, встроенную в шаблон сайта. Подробнее в разделе "Установка".
Гибкие настройки для посетителя:
Пользователь может самостоятельно выбрать удобный размер текста, межстрочный интервал, тип шрифта, цветовую схему, режим отображения изображений и другие параметры.
Дополнительные инструменты доступности:
Модуль поддерживает синтез речи, голосовое управление, монохромный режим и печать страницы из панели.
Настройка из административной части:
Администратор может управлять параметрами панели, стандартной кнопкой и сценариями подключения без доработки структуры сайта.
Технологическая эффективность:
Решение не создает отдельные копии страниц, что снижает риск дублирования контента и упрощает сопровождение сайта.
Модуль разработан с учётом требований ГОСТ Р 52872-2019 и законодательства РФ в сфере защиты прав инвалидов.
- Исправлена работа кнопки «Озвучить все» на страницах без контейнера #viPanelUtterContent.
- Добавлены более универсальные селекторы контента по умолчанию: main, #content, .content, #bx_eshop_wrap, #viPanelUtterContent.
- Исправлено применение настроек отображения по умолчанию из административной части без сброса текущих пользовательских настроек при обновлении.
- Пользовательские настройки селекторов при обновлении не изменяются.
- Изменен порядок настроек панели в административной части: настройки автоматической кнопки, настройки по умолчанию и расширенные параметры сгруппированы понятнее.
- Для новых установок стандартная кнопка модуля будет включена по умолчанию после включения версии для слабовидящих.
- Убрана поддержка внешнего шрифта брайля, теперь он генерируется на стороне клиента
- Исправлены мелкие недочёты.
- Добавлена возможность настройки панели в настройках модуля
- Добавлен параметр `openPanelQueryParam` - строка, указывает на имя query-параметра, при наличии которого во время открытия страницы панель автоматически будет открыта. Значение по умолчанию `openVI`
- Добавлена возможность автоматически добавить на страницу кнопку для открытия/закрытия панели.
- Обновление кода модуля
- Исправлены ошибки работы
- Добавлен английский язык
- Обновление кода модуля
- В конфигурацию панели добавлены новые ключи - isShouldUtterControls, isFixed, targetSelectors
- Кнопки разделены на основные и дополнительные. Дополнительные по умолчанию скрыты, появляются при нажатии на кнопку "Дополнительные настройки" (кнопка с иконкой шестерёнки)
- Улучшена доступность (добавлены aria и role атрибуты)
- Добавлена стилизация размера заголовка при открытой панели
- Добавлены стили для лучшей навигации и управления панелью с клавиатуры
- Добавлена кнопка "Сбросить настройки"
- В конфиг добавлено поле captchaElementsSelectors, оно используется для того, чтобы элементы капчи игнорировались панелью (не скрывалась картинка, не становилась ч/б и тд)
- Добавлены параметры brailleFontPath, fontSizeSettings
- Обработка кейса, когда у пользователя отсутствует язык озвучки
- В начальный конфиг модуля добавлено поле ignoreElementsSelectors
- Добавлено голосовое управление для команд увеличить/уменьшить межстрочный интервал
- Добавлена возможность включить/выключить функцию "Озвучивание нажатой клавиши", по умолчанию включено
- Обновление кода модуля
- Обновление кода модуля
- Обновление кода модуля
- Добавлены цвета
- Добавлен шрифт брайля
- Добавлен межстрочный интервал
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-параметр.
Пример:
При переходе по такой ссылке панель будет открыта автоматически.
Перед обращением в службу поддержки Цифрового Элемента, пожалуйста, ознакомьтесь с Документацией по настройке и работе 1С-Битрикс для пользователя.
Используя описание модуля и документацию 1С-Битрикс, вы сможете самостоятельно настроить решение, найти ответы на часто задаваемые вопросы и устранить большинство ошибок.
Поддержка осуществляется через форму на сайте https://d-element.ru/support/.
Техподдержка не осуществляется по телефону, Skype, Telegram и другим мессенджерам и социальным сетям.
Техническая поддержка:
1) Консультация по работе и установке модуля в рамках типового функционала осуществляется бесплатно!
2) Установка и настройка решения на вашем проекте осуществляется по запросу за дополнительную оплату.
При каждом обращении обязательно предоставьте следующие данные:
- Адрес сайта.
- Логин и пароль для доступа к 1С-Битрикс с правами администратора. Как предоставить доступ сотруднику техподдержки?
- Адрес сервера, логин и пароль для доступа к сайту по FTP или SSH с правами на чтение и запись.
- Четкое описание проблемы и алгоритм действий для ее воспроизведения.
- Снимки экрана или видеозапись подтверждения ошибки. Обзор программ для создания скриншотов и скринкастов
Выполнение этих рекомендаций ускорит обработку вашей заявки.
Поддержка осуществляется по будням с 07:00 до 16:00 по московскому времени. Скорость ответа зависит от загруженности команды и сложности вопроса, но в среднем составляет 2-3 рабочих дня.
Для покупки товара в нашем интернет-магазине выберите понравившийся товар и добавьте его в корзину. Далее перейдите в Корзину и нажмите на «Оформить заказ» или «Быстрый заказ».
Если оформляете быстрый заказ: напишите ФИО, телефон и e-mail. Вам перезвонит менеджер и уточнит условия заказа. По результатам разговора вам придет подтверждение оформления товара на почту или через СМС. Теперь останется только ждать доставки и радоваться новой покупке.
Оформление заказа в стандартном режиме выглядит следующим образом. Заполняете полностью форму по последовательным этапам: адрес, способ доставки, оплаты, данные о себе. Советуем в комментарии к заказу написать информацию, которая поможет курьеру вас найти. Нажмите кнопку «Оформить заказ».
Оплачивайте покупки удобным способом. В интернет-магазине доступно 3 варианта оплаты:
- Наличные при самовывозе или доставке курьером. Специалист свяжется с вами в день доставки, чтобы уточнить время и заранее подготовить сдачу с любой купюры. Вы подписываете товаросопроводительные документы, вносите денежные средства, получаете товар и чек.
- Безналичный расчет при самовывозе или оформлении в интернет-магазине: карты МИР. Чтобы оплатить покупку на сайте, система перенаправит вас на сервер платежной системы. Здесь нужно ввести номер карты, срок действия и имя держателя.
- Электронные системы при онлайн-заказе: ЮMoney. Для совершения покупки система перенаправит вас на страницу платежного сервиса. Здесь необходимо заполнить форму по инструкции.
- Безналичная оплата на наш расчетный счет по выставленному счету.
Экономьте время на получении заказа. В интернет-магазине доступно 4 варианта доставки:
- Электронная поставка - все необходимые сведения о лицензии, праве пользования, кодах, ключах и др. высылаются покупателю на его e-mail.
- Курьерская доставка. Когда товар будет отправлен с нашего склада, Вам придет уведомление. В день доставки с Вами заблаговременно свяжется курьер для уточнения времени и деталей доставки. Доставка производится "до двери". Осмотрите упаковку на целостность и соответствие указанной комплектации.
- Постамат. Когда заказ поступит на точку, на Ваш телефон или e-mail придет уникальный код. Заказ нужно оплатить в терминале постамата. Срок хранения — 3 дня.
- Доставка Почтой России. Когда заказ придет в отделение, на Ваш адрес придет извещение о посылке. Перед оплатой Вы можете оценить состояние коробки: вес, целостность. Вскрывать коробку самостоятельно Вы можете только после оплаты заказа. Один заказ может содержать не больше 10 позиций и его стоимость не должна превышать 100 000 р.
Дополнительная информация.
Изучите полный алгоритм продления лицензий на модули 1С-Битрикс: Маркетплейс, включая активацию льготных купонов. Мы детально разбираем все условия: обязательный 30-дневный срок для сохранения максимальной выгоды, пропорциональное ценообразование (12,5%, 25%, 50% от цены модуля) и ограничение по минимальной сумме в 500 рублей. Этот гайд поможет вам эффективно планировать бюджет и гарантировать актуальность вашего проекта.
