Виджет-ассистент

Панель доступности для ваших посетителей

Кнопка в углу сайта открывает настройки: размер текста, контраст, читаемый шрифт, линейка для чтения, озвучивание. Всё работает в браузере посетителя: без cookies, без внешних запросов, настройки сохраняются на устройстве. Подключается одной строкой.

Или нажмите Alt+A на любой странице этого сайта.

Установка

Вставьте строку перед закрывающим тегом body. Параметры необязательны: data-position задаёт угол (right или left), data-statement – адрес вашей декларации доступности, data-color – цвет кнопки.

<script src="https://cdn.seoptimer.ru/v1/assist.js" data-position="right" data-statement="/accessibility" defer></script>

Для Битрикс, WordPress и Tilda строка вставляется в настройки шаблона или в блок «HTML-код». Скрипт весит около 11 КБ, загружается отложенно и не влияет на скорость страницы.

Что умеет

Размер текста

Пять ступеней до 175 % без поломки макета: масштабируется сам текст, а не вся страница.

Интервалы

Межстрочный и межбуквенный интервал в три шага, как требуют критерии 1.4.12 WCAG.

Читаемый шрифт

Декоративные начертания заменяются простым гротеском, иконочные шрифты не трогаем.

Цветовые схемы

Тёмная, светлая, повышенный контраст, чёрно-белая, инверсия и настройка насыщенности.

Ссылки и фокус

Подсветка всех ссылок и яркая рамка фокуса для навигации с клавиатуры.

Линейка и курсор

Полоса для чтения следует за указателем, курсор увеличивается в полтора раза.

Стоп анимации

Останавливает видео, слайдеры и CSS-анимации; изображения можно скрыть целиком.

Озвучивание

Чтение абзаца по клику и всей страницы голосом браузера, без отправки текста на сервер.

Честно про закон

Заменяет ли виджет доступность самого сайта?

Нет. ПП РФ № 102 и ГОСТ Р 52872-2019 требуют, чтобы доступным был основной интерфейс: альтернативные тексты, подписи полей, клавиатура, контраст. Виджет помогает посетителям с ослабленным зрением и утомляемостью, но не исправляет код. Сначала проверка и исправление, затем виджет как дополнение.

Собирает ли виджет данные посетителей?

Нет. Настройки хранятся в localStorage на устройстве посетителя, cookies не ставятся, на наши серверы ничего не отправляется. Озвучивание использует встроенный синтез речи браузера.

Сколько стоит?

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

Сообщим о тарифах и новых функциях

Пишем редко и по делу: запуск мониторинга, декларация доступности, новые возможности виджета.