Модуль добавляет на сайт кнопку «Версия для слабовидящих». По клику сверху открывается панель, где посетитель выбирает размер шрифта, цвета, показ картинок и озвучивание. Выбор запоминается на год и действует на всех страницах. Шаблон сайта переделывать не нужно.
Администратору модуль показывает, что мешает доступности самого сайта: проверка находит типичные нарушения по критериям 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 рабочего дня
Для покупки товара в нашем интернет-магазине выберите понравившийся товар и добавьте его в корзину. Далее перейдите в Корзину и нажмите на «Оформить заказ» или «Быстрый заказ».
Если оформляете быстрый заказ: напишите ФИО, телефон и e-mail. Вам перезвонит менеджер и уточнит условия заказа. По результатам разговора вам придет подтверждение оформления товара на почту или через СМС. Теперь останется только ждать доставки и радоваться новой покупке.
Оформление заказа в стандартном режиме выглядит следующим образом. Заполняете полностью форму по последовательным этапам: адрес, способ доставки, оплаты, данные о себе. Советуем в комментарии к заказу написать информацию, которая поможет курьеру вас найти. Нажмите кнопку «Оформить заказ».
Оплачивайте покупки удобным способом. В интернет-магазине доступно 3 варианта оплаты:
- Наличные при самовывозе или доставке курьером. Специалист свяжется с вами в день доставки, чтобы уточнить время и заранее подготовить сдачу с любой купюры. Вы подписываете товаросопроводительные документы, вносите денежные средства, получаете товар и чек.
- Безналичный расчет при самовывозе или оформлении в интернет-магазине: карты МИР. Чтобы оплатить покупку на сайте, система перенаправит вас на сервер платежной системы. Здесь нужно ввести номер карты, срок действия и имя держателя.
- Электронные системы при онлайн-заказе: ЮMoney. Для совершения покупки система перенаправит вас на страницу платежного сервиса. Здесь необходимо заполнить форму по инструкции.
- Безналичная оплата на наш расчетный счет по выставленному счету.
Экономьте время на получении заказа. В интернет-магазине доступно 4 варианта доставки:
- Электронная поставка - все необходимые сведения о лицензии, праве пользования, кодах, ключах и др. высылаются покупателю на его e-mail.
- Курьерская доставка. Когда товар будет отправлен с нашего склада, Вам придет уведомление. В день доставки с Вами заблаговременно свяжется курьер для уточнения времени и деталей доставки. Доставка производится "до двери". Осмотрите упаковку на целостность и соответствие указанной комплектации.
- Постамат. Когда заказ поступит на точку, на Ваш телефон или e-mail придет уникальный код. Заказ нужно оплатить в терминале постамата. Срок хранения — 3 дня.
- Доставка Почтой России. Когда заказ придет в отделение, на Ваш адрес придет извещение о посылке. Перед оплатой Вы можете оценить состояние коробки: вес, целостность. Вскрывать коробку самостоятельно Вы можете только после оплаты заказа. Один заказ может содержать не больше 10 позиций и его стоимость не должна превышать 100 000 р.
Дополнительная информация.
Изучите полный алгоритм продления лицензий на модули 1С-Битрикс: Маркетплейс, включая активацию льготных купонов. Мы детально разбираем все условия: обязательный 30-дневный срок для сохранения максимальной выгоды, пропорциональное ценообразование (12,5%, 25%, 50% от цены модуля) и ограничение по минимальной сумме в 500 рублей. Этот гайд поможет вам эффективно планировать бюджет и гарантировать актуальность вашего проекта.
