Каталог решений

Покупка продления купона

Общая сумма:
0 руб.
Продолжить покупки

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

Описание решенияМодуль добавляет на сайт кнопку «Версия для слабовидящих». По клику сверху открывается панель, где посетитель выбирает размер шрифта, цвета, показ картинок и озвучивание. Выбор запоминается на год и действует на всех страницах. Шаблон сайта переделывать не нужно.Администратору модуль показывает, что мешает доступности самого сайта: проверка находит типичные нарушения по критериям 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: он даёт посетителю инструменты, а администратору список найденных проблем.Режим включается для посетителя целиком: настроить его для отдельных разделов сайта нельзя.

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

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

от Xlogic
Купить продление
Скриншоты
Описание

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

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

Пользовательское соглашение

Описание

Описание решения

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

Администратору модуль показывает, что мешает доступности самого сайта: проверка находит типичные нарушения по критериям 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: он даёт посетителю инструменты, а администратору список найденных проблем.
  • Режим включается для посетителя целиком: настроить его для отдельных разделов сайта нельзя.
Отзывы (0)
Обсуждения (0)
Здесь пока никто ничего не написал. Будьте первым.
Установка

Установка

  1. Установите модуль в разделе «Marketplace > Установленные решения» и нажмите «Установить».
  2. На экране после установки нажмите «Перейти к настройкам модуля» или «Проверить доступность сайта».
  3. Откройте сайт в публичной части. Внизу справа появится кнопка «Версия для слабовидящих». Если кеширование страниц включено, сбросьте кеш: «Настройки > Производительность > Автокеширование > Очистить кеш».

Настройки

Раздел: «Настройки > Настройки продукта > Настройки модулей > Версия для слабовидящих».

  • «Выводить кнопку автоматически на всех страницах сайта» — включено по умолчанию. Выключите, если разместите кнопку компонентом сами.
  • «Положение плавающей кнопки» — справа или слева внизу. Выберите сторону, где нет чата и других плавающих кнопок.
  • «Показывать озвучивание текста» — убирает с панели кнопки «Озвучить» и «Стоп», если они не нужны.
  • «Не показывать кнопку на страницах» — адреса и маски, по одной на строку, например /personal/*. Действует на автоматический вывод.
  • Вкладка «Доступ» — какие группы пользователей могут менять настройки.

Проверка доступности сайта

Раздел: «Сервисы > Доступность сайта».

  1. Впишите адреса страниц, по одному на строку, начиная с «/», например /, /catalog/, /contacts/. Не больше 50.
  2. Нажмите «Проверить». Страницы проверяются в вашем браузере, данные никуда не отправляются.
  3. Изучите таблицу: страница, критерий WCAG, уровень (ошибка или предупреждение), описание и элемент. Фильтр оставляет только ошибки, «Скачать CSV» сохраняет отчёт.

Кнопка в нужном месте шаблона

  1. Выключите автоматический вывод.
  2. В шаблоне сайта (например, в header.php) вставьте:

<?php
$APPLICATION->IncludeComponent(
   'xlogic:vi.panel',
   '.default',
   [
      'MODE' => 'inline',
      'SPEECH' => 'Y',
      'CACHE_TIME' => 36000000,
   ],
   false
);?>

Поддержка
Техническая поддержка: e-mail xlogic.studio@yandex.ru
Сайт: xlogic.ru
Время работы: пн–пт с 10:00 до 19:00 (МСК, UTC+3).
Время реакции на заявку: в течение 1 рабочего дня

Другие решения разработчика

Решение добавлено в корзину

Перейдите в корзину и оформите заказ или продолжите покупки
Перейти в корзину
Продолжить покупки