Опишите доработку или сценарий — обсудим вместе с другими клиентами.
Версия для слабовидящих
Технические данные
Совместимые редакции
- Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Старт
- Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Стандарт
- Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Малый бизнес
- Программа для ЭВМ "1С-Битрикс: Управление сайтом". Лицензия Бизнес
Описание
Описание решенияМодуль добавляет на сайт кнопку «Версия для слабовидящих». По клику сверху открывается панель, где посетитель выбирает размер шрифта, цвета, показ картинок и озвучивание. Выбор запоминается на год и действует на всех страницах. Шаблон сайта переделывать не нужно.
Администратору модуль показывает, что мешает доступности самого сайта: проверка находит типичные нарушения по критериям 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: он даёт посетителю инструменты, а администратору список найденных проблем.
- Режим включается для посетителя целиком: настроить его для отдельных разделов сайта нельзя.
Установка
- Установите модуль в разделе «Marketplace > Установленные решения» и нажмите «Установить».
- На экране после установки нажмите «Перейти к настройкам модуля» или «Проверить доступность сайта».
- Откройте сайт в публичной части. Внизу справа появится кнопка «Версия для слабовидящих». Если кеширование страниц включено, сбросьте кеш: «Настройки > Производительность > Автокеширование > Очистить кеш».
Настройки
Раздел: «Настройки > Настройки продукта > Настройки модулей > Версия для слабовидящих».
- «Выводить кнопку автоматически на всех страницах сайта» — включено по умолчанию. Выключите, если разместите кнопку компонентом сами.
- «Положение плавающей кнопки» — справа или слева внизу. Выберите сторону, где нет чата и других плавающих кнопок.
- «Показывать озвучивание текста» — убирает с панели кнопки «Озвучить» и «Стоп», если они не нужны.
- «Не показывать кнопку на страницах» — адреса и маски, по одной на строку, например /personal/*. Действует на автоматический вывод.
- Вкладка «Доступ» — какие группы пользователей могут менять настройки.
Проверка доступности сайта
Раздел: «Сервисы > Доступность сайта».
- Впишите адреса страниц, по одному на строку, начиная с «/», например /, /catalog/, /contacts/. Не больше 50.
- Нажмите «Проверить». Страницы проверяются в вашем браузере, данные никуда не отправляются.
- Изучите таблицу: страница, критерий WCAG, уровень (ошибка или предупреждение), описание и элемент. Фильтр оставляет только ошибки, «Скачать CSV» сохраняет отчёт.
Кнопка в нужном месте шаблона
- Выключите автоматический вывод.
- В шаблоне сайта (например, в header.php) вставьте:
<?php $APPLICATION->IncludeComponent( 'xlogic:vi.panel', '.default', [ 'MODE' => 'inline', 'SPEECH' => 'Y', 'CACHE_TIME' => 36000000, ], false );?> |
Сайт: xlogic.ru
Время работы: пн–пт с 10:00 до 19:00 (МСК, UTC+3).
Время реакции на заявку: в течение 1 рабочего дня
Установите этот модуль прямо сейчас!
Для этого укажите адрес сайта:
Подтвердите что сама лицензия у вас куплена
