Перейти к основному содержимому
Гранты до ₴500 000/год для медиа
InclusiveWeb

Панель доступности

Закройте потребности каждого посетителя вашего сайта

То, что идёт дальше compliance: 31 инструмент и 8 профилей, которыми посетитель подстраивает сайт под себя. Поверх уже исправленного кода — а не вместо исправления.

7 дней бесплатно, без кредитной карты

Как это работает

Три шага от установки до результата

01Шаг первый

Установите скрипт на сайт

Одна строка кода перед закрывающим тегом body — и панель начинает работать. Без изменений существующего HTML сайта.

index.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>
02Шаг второй

Посетитель открывает панель

На сайте появляется плавающая кнопка доступности. Один клик — и открывается панель с 8 профилями и 31 инструментом.

yoursite.com.ua

Панель доступности

Русский
Профили доступности
Слабое зрение
Дислексия
Дальтонизм
СДВГ
Эпилепсия
Когнитивные
Моторика
Пожилой возраст
Шрифт и чтение
Масштаб страницы
100%
Размер шрифта
100%
03Шаг третий

Сайт адаптируется мгновенно

Посетитель выбирает настройки — шрифт, контраст, маска чтения. Сайт адаптируется мгновенно, без перезагрузки.

Попробовать бесплатно
yoursite.com.ua · adapted
Настройки активныШрифт +20%Подсветка заголовковПодсветка ссылокLexend Deca
Сделайте сайт доступным

Увеличенный шрифт, подсвеченные заголовки и ссылки. Маска чтения и контраст под ваши нужды. подробнее

Подробнее
4 активны

Три слоя, а не три продукта

Аудит находит ошибки. Автофикс исправляет код. Панель идёт дальше — даёт каждому посетителю персональные настройки поверх уже доступного сайта.

01

Слой 1 — Аудит

Находит проблемы

Сканирует сайт по 90+ правилам WCAG 2.2 и показывает все ошибки доступности. Это диагностика — вы видите, что именно нарушает стандарт.

02

Слой 2 — Автофикс

Исправляет код реально

Автоматически меняет HTML на уровне DNS-прокси — alt-тексты, ARIA, контраст, заголовки. Это не overlay-обман: реальные правки, которые видит и скринридер, и Google.

03

Слой 3 — Панель

Идёт дальше compliance

Техническое соответствие WCAG ≠ удобство для всех. Пожилому нужен больший шрифт, человеку с дислексией — Lexend Deca, при мигрени — монохром. Панель даёт каждому посетителю персональные настройки поверх уже доступного сайта.

Пол и потолок

Compliance — это пол: то, что сайт должен иметь, чтобы не нарушить закон. Inclusion — это потолок: то, как каждый посетитель реально пользуется сайтом. Аудит и Автофикс строят пол. Панель поднимает потолок.

Compliance (пол)

WCAG 2.2 AA + EAA 2025 требуют доступного контента. Аудит и Автофикс закрывают юридическое требование — без overlay-обмана.

Inclusion (потолок)

Реальная доступность = когда пользователь сам выбирает шрифт, контраст, темп. Это делает Панель — поверх уже исправленного сайта, а не вместо исправления.

Вместе — полное покрытие

Аудит находит → Автофикс исправляет код → Панель даёт каждому посетителю контроль. Три слоя, одна экосистема. Без overlay-shortcut'ов и половинчатых решений.

АудитAutofixПанель доступности

31 инструмент адаптации + 8 профилей

4 категории адаптаций плюс 8 готовых пресетов, покрывающих потребности всех групп людей с инвалидностью.

Категория 01

Дислексия, когнитивные нарушения, пожилые

12
инструментов

Шрифт и чтение

  • Масштаб страницы
  • размер шрифта
  • интервал букв
  • интервал слов
  • межстрочный интервал
  • интервал абзацев
  • шрифт для дислексии
  • бионическое чтение
  • выделить заголовки
  • выделить ссылки
  • выравнивание текста
  • озвучивание текста (TTS)
4
инструментов

Категория 02

Визуальные настройки

Дальтонизм, слабое зрение, светочувствительность

Тёмный контраствысокий контрастчёрно-белыйцветовой фильтр
5
инструментов

Категория 04

Утилиты и навигация

Моторные нарушения, ориентация на странице

Экранная клавиатураэкранная лупанавигация по заголовкамнавигация по ссылкамнавигация по разделам

Категория 03

Комфорт просмотра

Эпилепсия, СДВГ, концентрация

10инструментов
Маска чтениялинейка для чтенияподсветка фокусавыделить элементыподсветка наведенияостановить анимациискрыть изображенияотключить звукибольшой курсоравто-прокрутка

Кастомизация и технические характеристики

Панель полностью адаптируется под ваш бренд и не влияет на производительность сайта

Полная настройка под ваш бренд

Панель полностью адаптируется под дизайн вашего сайта

Позиция кнопки

7 вариантов размещения на странице

Стиль и иконка

5 стилей оформления, 4 типа иконок

Цвета бренда

Полное соответствие фирменному стилю

Язык интерфейса

Более 20 языков с автоопределением

Кастомная кнопка

Используйте свою кнопку на сайте вместо стандартной

Заявление о доступности

Ссылка на вашу декларацию доступности

Лёгкий и быстрый

Не влияет на скорость загрузки вашего сайта

~25 KB gzipAsync-загрузчик, не блокирует страницу. Панель ~117 KB gzip — lazy-loaded в iframe
AsyncНеблокирующая загрузка
IframeИзоляция стилей
Все браузерыChrome, Firefox, Safari, Edge
Готов к мобильнымАдаптивный интерфейс

Более 20 языков интерфейса

Панель автоматически отображается на языке посетителя

UAENDEESFRITPLRU

Часто задаваемые вопросы

Не нашли ответ?

Написать нам
Повлияет ли панель на скорость моего сайта?

Нет. Async-загрузчик весит ~25 KB gzip и не блокирует загрузку страницы. Сама панель (~117 KB gzip) lazy-loaded в iframe только когда пользователь её открывает. Изоляция iframe гарантирует, что стили панели не конфликтуют с вашим сайтом.

Сохраняются ли настройки посетителей?

Да. Все выбранные настройки сохраняются в браузере посетителя (localStorage). При следующем визите сайт сразу адаптируется под его потребности.

Поддерживаются ли мобильные устройства?

Да. Панель имеет адаптивный интерфейс, оптимизированный для смартфонов и планшетов. Все инструменты доступны на любом устройстве.

Можно ли выбрать, какие инструменты показывать?

Да. В личном кабинете вы можете включать и отключать любые инструменты и профили. Настройки обновляются без изменения кода на сайте.

Как установить на WordPress или Shopify?

Для WordPress — вставьте код в подвал через Customizer или любой плагин для вставки скриптов. Для Shopify — добавьте в theme.liquid перед '</body>'. Поддерживается также Google Tag Manager.

Сделайте ваш сайт доступным для каждого уже сегодня

7 дней бесплатно. Установка за минуту.

Виджет доступности для сайта — 36 инструментов адаптации | InclusiveWeb