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