Панель доступности
Закройте потребности
каждого посетителя вашего сайта
То, что идёт дальше compliance: 32 инструмента и 8 профилей, которыми посетитель подстраивает сайт под себя. Поверх уже исправленного кода — а не вместо исправления.
7 дней бесплатно, без кредитной карты
Как это работает
Три шага от установки до результата
Установите скрипт на сайт
Одна строка кода перед закрывающим тегом body — и панель начинает работать. Через плагин WordPress, редактор темы Shopify, Google Tag Manager или вручную. Без изменения существующего HTML вашего сайта.
<!DOCTYPE html>
<html lang="uk">
<head>...</head>
<body>
...
<!-- Одна строка — и панель работает -->
<script
src="https://cdn.inclusiveweb.net/widget.js"
data-id="YOUR_ID"
async></script>
</body>
</html>Посетитель открывает панель
На сайте появляется плавающая кнопка доступности. Один клик — и открывается панель с 8 профилями и 32 инструментами.
Панель доступности
Сайт адаптируется мгновенно
Посетитель выбирает настройки — шрифт, контраст, маска чтения. Сайт адаптируется мгновенно, без перезагрузки.
Попробовать бесплатноУвеличенный шрифт, подсвеченные заголовки и ссылки. Маска чтения и контраст под ваши нужды. подробнее
Три слоя, а не три продукта
Аудит находит ошибки. Автофикс их исправляет. Панель идёт дальше — даёт каждому посетителю персональные настройки поверх уже доступного сайта.
Слой 1 — Аудит
Находит проблемы
Сканирует сайт по 90+ правилам WCAG 2.1/2.2 и показывает найденные ошибки доступности. Это диагностика — вы видите, что именно нарушает стандарт.
Слой 2 — Автофикс
Исправляет без изменения кода
Применяет исправления, найденные аудитом — alt-тексты, ARIA, контраст, заголовки. Вы подтверждаете каждую группу перед активацией.
Слой 3 — Панель
Идёт дальше compliance
Техническое соответствие WCAG ≠ удобство для всех. Пожилому нужен больший шрифт, человеку с дислексией — Lexend Deca, при мигрени — монохром. Панель даёт каждому посетителю персональные настройки поверх уже доступного сайта.
Пол и потолок
Compliance — это пол: то, что сайт должен иметь, чтобы не нарушить закон. Inclusion — это потолок: то, как каждый посетитель реально пользуется сайтом. Аудит и Автофикс строят пол. Панель поднимает потолок.
WCAG 2.2 AA + EAA 2025 требуют доступного контента. Аудит и Автофикс закрывают техническую часть этих требований — исправлениями поверх страницы, без изменения вашего кода.
Реальная доступность = когда пользователь сам выбирает шрифт, контраст, темп. Это делает Панель — поверх уже исправленного сайта, а не вместо исправления.
Что панель закрывает по WCAG, а что нет
Номера критериев и честное «нет» там, где панель не помогает.
1.4.2 Управление аудио
Выключает звук в видео и аудио, включая YouTube и Vimeo.
2.2.2 Пауза, стоп, скрыть
Останавливает CSS- и JS-анимации, автовоспроизведение видео, GIF.
1.4.1 Использование цвета
Подчёркивает все ссылки, включая те, что в кнопках и меню — техника W3C G182. Цветовое кодирование в графиках и статусах не исправляет.
2.4.1 Обход блоков
Режим «Клавиатурная навигация» добавляет настоящую ссылку «Перейти к основному содержимому» первой в порядке Tab. Навигатор по заголовкам и разделам остаётся вторым путём.
1.4.4 Увеличение текста
Шрифт до 250%, масштаб страницы до 300% — техника W3C G178.
2.5.8 Размер цели (минимум)
Кнопки, ссылки и поля — не меньше 24×24 CSS-пикселей. Критерий WCAG 2.2.
1.4.3 Контраст
Измеряет каждую пару текст/фон и исправляет все, что не проходят 4.5:1. Отключается, если вы сами выбрали цвет текста.
2.4.11 Фокус не перекрыт (минимум)
Тот же режим: отступ прокрутки под кнопку панели и доскролл, если элемент с фокусом оказался под липкой шапкой сайта или нашей кнопкой. Критерий WCAG 2.2.
2.3.3 Анимация от взаимодействия
Ставит на паузу CSS-анимации, CSS-переходы и Web Animations.
2.3.2 Три вспышки
Полная остановка анимации без исключения «малой площади», плюс скрытие видео и GIF.
2.4.13 Вид фокуса
Уровень «сильный»: сплошной контур 4 px с белой обводкой — контраст 3:1 и на светлом, и на тёмном фоне.
1.4.8 Визуальное представление
Режим «Читабельный текст»: строка до 80 знаков, межстрочный от 1.5, интервал между абзацами 1.5× от него, без выравнивания по ширине. Цвет текста, заголовков и фона выбирает посетитель.
1.4.6 Контраст (повышенный)
Режим «Повышенный контраст»: измеряет каждую пару текст/фон и исправляет до 7:1 (4.5:1 для крупного текста).
Действует, только пока посетитель включил соответствующий инструмент, в пределах его сессии — сам сайт от этого соответствующим не становится.
2.4.7 Видимость фокуса
Обводка на сфокусированном элементе, три уровня толщины.
1.4.12 Интервалы текста
Межстрочный от 1.5, интервалы букв, слов и абзацев.
2.3.1 Вспышки
Профиль «Эпилепсия» останавливает мерцание.
2.4.5 Несколько способов
Навигатор по заголовкам, ссылкам и разделам — второй способ найти контент. Собственные способы сайта (поиск, карта сайта) остаются за ним.
3.2.6 Согласованная помощь
Форма обратной связи в одном и том же месте панели на каждой странице. Действует, только пока виджет показан на всех страницах сайта.
4.1.2 Имя, роль, значение
Режим «Имена для скринридера»: авторский title или название SVG-иконки переносятся в aria-label, когда у элемента нет другого имени. Роли, состояния и выдуманные имена — нет.
3.3.2 Подписи или инструкции
Тот же режим: поле, у которого есть только placeholder, получает его как aria-label. Настоящие подписи, инструкции и форматы ввода остаются за сайтом.
Действует в сессии посетителя — сам сайт от этого соответствующим не становится.
Alt-тексты — отдельный продукт AI Alt-текст (Beta), а не часть Панели. Об AI Alt-тексте →
Не засчитываются ни по одному критерию. Это и есть потолок: потребность человека, которую стандарт не описывает.
Честно о границах
Панель не достаёт до покадровых JS-анимаций и до фреймов с других доменов. И главное: соответствие — это свойство страницы, которую вы отдаёте всем, поэтому ни один виджет не делает сайт соответствующим сам по себе.
32 инструмента адаптации + 8 профилей
4 категории адаптаций плюс 8 готовых пресетов под самые распространённые потребности: слабое зрение, дислексия, дальтонизм, СДВГ, эпилепсия, когнитивные особенности, моторика, усталость глаз.
Полный список инструментов с описаниемКатегория 01
Дислексия, когнитивные нарушения, пожилые
Шрифт и чтение
- Масштаб страницы
- размер шрифта
- интервал букв
- интервал слов
- межстрочный интервал
- интервал абзацев
- шрифт для дислексии
- бионическое чтение
- выделить заголовки
- выделить ссылки
- выравнивание текста
- озвучивание текста (TTS)
Категория 02
Визуальные настройки
Дальтонизм, слабое зрение, светочувствительность
Категория 03
Утилиты и навигация
Моторные нарушения, ориентация на странице
Категория 04
Комфорт просмотра
Эпилепсия, СДВГ, концентрация
Кастомизация и технические характеристики
Панель полностью адаптируется под ваш бренд, а загрузчик не блокирует рендеринг страницы
Полная настройка под ваш бренд
Панель полностью адаптируется под дизайн вашего сайта
Сдвиг по горизонтали и вертикали в пикселях — кнопка встаёт ровно там, где нужно
5 стилей оформления, 4 типа иконок
Полное соответствие фирменному стилю
Более 20 языков с автоопределением
Используйте свою кнопку на сайте вместо стандартной
Ссылка на вашу декларацию доступности
Готовые настройки, если сайт отдаёт Content-Security-Policy
Лёгкий и быстрый
Практически не влияет на скорость загрузки вашего сайта
Более 20 языков интерфейса
Панель автоматически отображается на языке посетителя
Разве это не оверлей?
Технически да — это виджет поверх страницы. Разница не в том, как он работает, а в том, что мы не продаём его как замену исправлению кода и не заявляем от него соответствия стандарту. Код исправляет Автофикс — отдельным слоем, с вашим подтверждением каждой группы изменений.
Закрывает ли панель требования WCAG и Европейского акта о доступности?
Частично. Юридическое требование касается самого сайта: доступного кода и контента. Панель даёт посетителю механизмы, которых стандарт прямо требует в отдельных критериях — управление автоматическим звуком, остановку движущегося контента, выбор цветов и интервалов. Но субтитры, логику форм, контраст в дизайне и кастомные компоненты она не закрывает. Аудит показывает, что именно не соответствует, Автофикс автоматизирует часть исправлений, остальное делает ваша команда.
Почему вы не пишете «WCAG-соответствие в один клик»?
Потому что это неправда, и за такие утверждения уже наказывают. В апреле 2025 года Федеральная торговая комиссия США вынесла ордер на $1 млн против поставщика накладного виджета за заявления о том, что продукт делает сайты соответствующими WCAG. Мы вместо этого пишем, какой слой что закрывает, и даём отчёт, который можно показать аудитору.
Повлияет ли панель на скорость моего сайта?
Нет. Async-загрузчик весит ~25 KB gzip и не блокирует загрузку страницы. Сама панель (~117 KB gzip) lazy-loaded в iframe только когда пользователь её открывает. Изоляция iframe гарантирует, что стили панели не конфликтуют с вашим сайтом.
Сохраняются ли настройки посетителей?
Да. Все выбранные настройки сохраняются в браузере посетителя (localStorage). При следующем визите сайт сразу адаптируется под его потребности.
Поддерживаются ли мобильные устройства?
Да. Панель имеет адаптивный интерфейс, оптимизированный для смартфонов и планшетов. Все инструменты доступны на любом устройстве.
Можно ли выбрать, какие инструменты показывать?
Да. В личном кабинете вы можете включать и отключать любые инструменты и профили. Настройки обновляются без изменения кода на сайте.
Как установить на WordPress или Shopify?
Для WordPress — вставьте код в подвал через Customizer или любой плагин для вставки скриптов. Для Shopify — добавьте в theme.liquid перед '</body>'. Поддерживается также Google Tag Manager.
Сделайте ваш сайт доступным для каждого уже сегодня
7 дней бесплатно. Установка за минуту.