Панель доступності
Панель адаптації для
кожного відвідувача сайту
Те, що йде далі за compliance: 31 інструмент і 8 профілів, якими відвідувач підлаштовує сайт під себе. Поверх вже виправленого коду — а не замість fix'у.
7 днів безкоштовно, без кредитної картки
Як це працює
Три кроки від встановлення до результату
Встановіть скрипт на сайт
Один рядок коду перед закриваючим тегом body — і панель починає працювати. Без зміни існуючого 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 профілями та 31 інструментом.
Панель доступності
Сайт адаптується миттєво
Відвідувач обирає налаштування — шрифт, контраст, маска читання. Сайт адаптується миттєво, без перезавантаження.
Спробувати безкоштовноЗробіть ваш сайт доступним
Збільшений шрифт, підсвічені заголовки і посилання. Маска читання й контраст під ваші потреби. докладніше
Три шари, а не три продукти
Аудит знаходить помилки. Автофікс виправляє код. Панель іде далі — дає кожному відвідувачу персональні налаштування поверх вже доступного сайту.
Шар 1 — Аудит
Знаходить проблеми
Сканує сайт за 90+ правилами WCAG 2.2 та показує всі помилки доступності. Це діагностика — ви бачите, що саме порушує стандарт.
Шар 2 — Автофікс
Виправляє код реально
Автоматично змінює HTML на рівні DNS-проксі — alt-тексти, ARIA, контраст, заголовки. Це не overlay-обман: реальні правки, які побачить і скрінрідер, і Google.
Шар 3 — Панель
Іде далі за compliance
Технічна відповідність WCAG ≠ зручність для всіх. Літньому потрібен більший шрифт, людині з дислексією — Lexend Deca, при мігрені — монохром. Панель дає кожному відвідувачу персональні налаштування поверх вже доступного сайту.
Підлога і стеля
Compliance — це підлога: те, що сайт мусить мати, щоб не порушити закон. Inclusion — це стеля: те, як кожен відвідувач реально користується сайтом. Аудит і Автофікс будують підлогу. Панель піднімає стелю.
WCAG 2.2 AA + EAA 2025 вимагають доступного контенту. Аудит і Автофікс закривають юридичну вимогу — без overlay-обману.
Реальна доступність = коли користувач сам обирає шрифт, контраст, темп. Це робить Панель — поверх вже виправленого сайту, не замість fix'у.
31 інструмент адаптації + 8 профілів
4 категорії адаптацій плюс 8 готових пресетів, що покривають потреби всіх груп людей з інвалідністю.
Категорія 01
Дислексія, когнітивні порушення, літній вік
Шрифт і читання
- Масштаб сторінки
- розмір шрифту
- інтервал літер
- інтервал слів
- міжрядковий інтервал
- інтервал абзаців
- шрифт для дислексії
- біонічне читання
- виділити заголовки
- виділити посилання
- вирівнювання тексту
- озвучення тексту (TTS)
Категорія 02
Візуальні налаштування
Дальтонізм, слабкий зір, чутливість до світла
Категорія 04
Утиліти та навігація
Моторні порушення, орієнтація на сторінці
Категорія 03
Комфорт перегляду
Епілепсія, РДУГ, фокусування
Кастомізація та технічні характеристики
Панель повністю адаптується під ваш бренд і не впливає на продуктивність сайту
Повна кастомізація під ваш бренд
Панель повністю адаптується під дизайн вашого сайту
7 варіантів розташування на сторінці
5 стилів дизайну, 4 типи іконок
Повна відповідність фірмовому стилю
8 мов, включаючи українську
Використайте власну кнопку на сайті замість стандартної
Посилання на декларацію доступності
Легкий та швидкий
Не впливає на швидкість завантаження вашого сайту
8 мов інтерфейсу
Панель автоматично відображається мовою відвідувача
Чи вплине панель на швидкість мого сайту?
Ні. Async-завантажувач важить ~25 KB gzip і не блокує завантаження сторінки. Сама панель (~117 KB gzip) lazy-loaded в iframe тільки коли користувач відкриває її. Iframe-ізоляція гарантує, що стилі панелі не конфліктують з вашим сайтом.
Чи зберігаються налаштування відвідувача?
Так. Всі обрані налаштування зберігаються в браузері відвідувача (localStorage). При наступному візиті сайт одразу адаптується під його потреби.
Чи підтримується мобільна версія?
Так. Панель має адаптивний інтерфейс, оптимізований для смартфонів та планшетів. Всі інструменти доступні на будь-якому пристрої.
Чи можна обрати, які інструменти показувати?
Так. В кабінеті ви можете увімкнути або вимкнути будь-який інструмент та профіль. Налаштування оновлюються без зміни коду на сайті.
Як встановити на WordPress або Shopify?
Для WordPress — вставте код в footer через Customizer або будь-який плагін для вставки скриптів. Для Shopify — додайте в theme.liquid. Також підтримується Google Tag Manager.
Зробіть ваш сайт інклюзивним вже сьогодні
7 днів безкоштовно. Встановлення за хвилину.