WCAG 2.2 AA
Функції InclusiveWeb
Повний список інструментів доступності, їхній опис та кому вони допомагають.
46
інструментів і профілів
6
категорій
8
мов інтерфейсу
Профілі доступності
88 готових пресетів — одним кліком вмикають набір налаштувань під конкретну потребу.
| Функція | Опис |
|---|---|
| Слабкий зір | Збільшує шрифт на 40%, високий контраст, великий курсор, підсвічені заголовки. |
| Дислексія | Шрифт Lexend Deca, збільшені інтервали між рядками та літерами, маска читання. |
| Дальтонізм | Кольоровий фільтр для людей з дальтонізмом (протанопія / дейтеранопія / тританопія). Після увімкнення з'являється селектор типу. |
| РДУГ | Зупинка всіх анімацій, зменшена насиченість кольорів, зручний шрифт, маска читання. |
| Епілепсія | Повна зупинка анімацій, монохромний режим, знижена насиченість, приглушені зображення. |
| Когнітивні | Зручний шрифт, маска читання, зупинка анімацій, приглушені зображення. |
| Моторика | Великий курсор, сильна підсвітка фокусу, виділення інтерактивних та наведених елементів. |
| Літній вік | Збільшений шрифт та інтервали, великий курсор, високий контраст, підсвітка наведення. |
Шрифт і читання
1212 інструментів для зручного читання, налаштування шрифту й озвучення тексту.
| Функція | Опис |
|---|---|
| Масштаб сторінки | Збільшення або зменшення всієї сторінки (50–300%). |
| Розмір шрифту | Зміна розміру тексту окремо від масштабу сторінки (50–250%). |
| Інтервал літер | Збільшує простір між літерами (100–250%). |
| Інтервал слів | Збільшує простір між словами (100–250%). |
| Міжрядковий інтервал | Збільшує відстань між рядками тексту для зручнішого читання. |
| Інтервал абзаців | Збільшує відстань між абзацами для візуального поділу тексту. |
| Шрифт для дислексії | Lexend Deca — шрифт із збільшеними інтервалами, валідований Stanford / Microsoft. Рекомендований British Dyslexia Association. |
| Біонічне читання | Виділяє жирним перші літери слів — допомагає оку швидше рухатися по тексту. |
| Виділити заголовки | Підсвічує всі заголовки H1–H6 жовтим маркером для кращої навігації. |
| Виділити посилання | Додає синій фон та підкреслення до всіх посилань. |
| Вирівнювання тексту | Зміна вирівнювання тексту: ліворуч, по центру, праворуч. |
| Озвучення тексту (TTS) | Окремий перемикач + регулятор швидкості (1×/1.5×/2×). Клік по елементу — озвучення, ↑↓ — навігація, Alt+T — циклічне перемикання. |
Візуальні налаштування
44 режими контрастності та кольорові фільтри.
| Функція | Опис |
|---|---|
| Темний контраст | Інвертує кольори — світлий текст на темному фоні. |
| Високий контраст | Максимальна чіткість тексту і елементів. |
| Чорно-білий | Прибирає всі кольори, залишає відтінки сірого. |
| Кольоровий фільтр | 6 пастельних тонованих накладок (рожевий, синій, жовтий, зелений, персиковий, лавандовий) — контрастно-безпечна непрозорість 15%. |
Комфорт перегляду
1010 інструментів для зменшення відволікань, керування фокусом і вимкнення анімацій.
| Функція | Опис |
|---|---|
| Маска читання | Затемнює екран навколо рядка. 3 ширини: вузька, середня, широка. |
| Лінійка для читання | Горизонтальна лінія що слідує за мишкою — допомагає тримати рядок. |
| Підсвітка фокуса | Підсилена рамка навколо елемента при навігації Tab. 3 рівні: тонка, середня, сильна. |
| Виділити елементи | Показує пунктирні рамки навколо кнопок, посилань та інших інтерактивних елементів. |
| Виділення наведення | Підсвічує елемент при наведенні курсора миші рамкою та фоном. |
| Зупинити анімації | Зупиняє всі рухи, переходи та анімації на сторінці. |
| Сховати зображення | Приглушує фото та відео. 3 рівні: напівпрозорі, ледь видимі, сховані. |
| Вимкнути звуки | Вимикає звук у всіх відео та аудіо на сторінці. |
| Великий курсор | Збільшений білий курсор миші з чорним контуром — добре помітний на будь-якому фоні. |
| Авто-прокрутка | Сторінка прокручується автоматично з налаштовуваною швидкістю. |
Утиліти та навігація
55 інструментів для альтернативної навігації та збільшення.
| Функція | Опис |
|---|---|
| Екранна клавіатура | Повна клавіатура поверх сторінки для набору тексту без фізичної клавіатури. |
| Екранна лупа | Збільшує область під курсором миші. |
| Навігація по заголовках | Список всіх заголовків H1–H6 на сторінці зі швидким переходом. |
| Навігація по посиланнях | Список всіх посилань на сторінці зі швидким переходом. |
| Навігація по розділах | Список ARIA-регіонів: шапка, навігація, основний контент, підвал. |
Керування панеллю
77 елементів керування самою панеллю: мова, скидання, ховання, фідбек, заява про доступність.
| Функція | Опис |
|---|---|
| Вибір мови | Інтерфейс панелі 8 мовами: українська, англійська, німецька, іспанська, французька, італійська, польська, російська. |
| Селектор типу дальтонізму | Pills-перемикач Протан / Дейтан / Тритан що з'являється під профілем "Дальтонізм" після його увімкнення. |
| Скинути все | Одним кліком знімає всі активні налаштування і профілі. Показує кількість активних опцій. |
| Сховати віджет | Приховує FAB-кнопку віджета. 3 варіанти: на сесію, на 1 годину, на 24 години. |
| Збільшена панель | Розширений режим панелі зі збільшеним шрифтом, відступами та елементами керування. |
| Зворотний зв'язок | Форма для повідомлення про проблеми доступності на сайті — передається власнику сайту. |
| Заява про доступність | Інформація про відповідність WCAG 2.2 AA, EN 301 549, протестовані скрінрідери, технології, контакти. |
Клавіатурні скорочення
| Комбінація | Дія |
|---|---|
| Alt + A | Відкрити / закрити панель доступності |
| Tab | Навігація між елементами панелі |
| Escape | Закрити панель |
| Alt + T | Циклити озвучення: вимк → 1× → 1.5× → 2× → вимк |
Оновлено: травень 2026