Контраст
Тёмный и светлый высококонтрастные режимы, которые задают настоящие цвета текста, фона и ссылок, так что бледный текст становится чётче, а не ещё бледнее, а также инверсия цветов.
Поддерживает WCAG1.4.31.4.61.4.11
Возможности
Всё, что виджет даёт вашим посетителям
21 функция, сгруппированная по потребностям, которым они служат; для каждой указаны критерии успеха WCAG, с которыми она помогает посетителям.
Функции для посетителей
Зрение
5 / 21Насыщенность
Приглушает цвета, усиливает их или убирает совсем — для посетителей, которых яркие цвета утомляют или которым их не хватает.
Размер текста
Увеличивает каждый фрагмент текста от его собственного размера в четыре шага до 200 %, поэтому px, rem и em растут пропорционально.
Поддерживает WCAG1.4.4
Выделение ссылок
Выделяет каждую ссылку жёлтым цветом, подчёркиванием и рамкой, так что цвет никогда не бывает единственным признаком.
Поддерживает WCAG1.4.1
Фильтр синего света
Три уровня теплоты для посетителей с чувствительностью к свету или склонностью к мигрени.
Чтение
5 / 21Выравнивание текста
Выравнивает текст по началу строки или по центру — для читателей, которые теряются в тексте, выровненном по ширине. Учитывает страницы с письмом справа налево.
Поддерживает WCAG1.4.8
Межстрочный интервал
Увеличивает межстрочный интервал до 1,75× или 2×, что часто сильнее всего улучшает читаемость.
Поддерживает WCAG1.4.81.4.12
Интервалы в тексте
Увеличивает расстояние между буквами и словами в три шага; средний шаг использует именно те интервалы между буквами и словами, с которыми проверяют по WCAG 1.4.12.
Поддерживает WCAG1.4.12
Чтение вслух
Читает вслух текст, на который нажали или который выделили, голосами браузера посетителя; доступно везде, где у браузера есть голос для языка страницы.
Словарь
Выделите слово или дважды щёлкните по нему, чтобы в окошке рядом увидеть его определения из Wiktionary на английском. Запросы идут через siteaccessible.com, поэтому Wiktionary никогда не видит посетителя.
Поддерживает WCAG3.1.3
Когнитивные функции
7 / 21Выделение заголовков
Обводит каждый заголовок, чтобы разделы страницы были видны с первого взгляда.
Поддерживает WCAG2.4.6
Остановить анимацию
Останавливает CSS-анимации и анимации на скриптах, ставит на паузу автовоспроизведение видео и звука, в том числе добавленных позже, и замораживает анимированные GIF. На всех тарифах.
Поддерживает WCAG2.2.22.3.3
Шрифт для дислексии
Заменяет шрифт текста на Andika или OpenDyslexic, буквы которых созданы так, чтобы их не путали друг с другом (для текста на латинице).
Поддерживает WCAG1.4.8
Маска для чтения
Затемняет всё, кроме полосы, которая следует за указателем; два размера и два оттенка.
Линейка для чтения
Линейка, которая следует за указателем, — для читателей, пропускающих строки в длинных текстах.
Скрыть изображения
Скрывает картинки и иллюстрации, чтобы уменьшить визуальную перегрузку; скрытые видео также ставятся на паузу.
Скрыть кнопки
Скрывает собственные кнопки страницы на их месте, ничего не сдвигая, для посетителей, которых они отвлекают; кнопка специальных возможностей и её панель остаются.
Моторика
4 / 21Выделение фокуса
Толстая двухцветная рамка вокруг элемента с фокусом клавиатуры, заметная как на светлом, так и на тёмном фоне.
Поддерживает WCAG2.4.72.4.13
Большой курсор
Увеличенный чёрный или белый указатель, который хорошо виден на любом фоне.
Медленный курсор
Заменяет указатель большой стрелкой, которая медленно следует за ним. При щелчке она перескакивает точно на место.
Структура страницы
Показывает на панели заголовки, области и ссылки страницы; выбор пункта сразу переносит туда фокус.
Поддерживает WCAG1.3.12.4.1
Где помогает виджет, а что остаётся в вашем коде
За каждую строку отвечаете вы: ваши страницы должны удовлетворять эти потребности по умолчанию. Виджет лишь добавляет элементы управления поверх них для тех посетителей, которым они нужны.
| Потребность | Что добавляет виджет | Должен обеспечить ваш код |
|---|---|---|
| Контраст, цвет и отображение текста | Дополнительный контроль для посетителей | Да |
| Размер текста, интервалы и высота строки | Дополнительный контроль для посетителей | Да |
| Средства для концентрации и отслеживания при чтении | Дополнительный контроль для посетителей | Да |
| Размер и заметность указателя | Дополнительный контроль для посетителей | Да |
| Альтернативный текст для изображений | Ничего | Да |
| Структура заголовков и области | Ничего | Да |
| Подписи полей форм и сообщения об ошибках | Ничего | Да |
| Управление собственными компонентами с клавиатуры | Ничего | Да |
| Субтитры и тифлокомментарии | Ничего | Да |
За кнопкой
Личный кабинет, а не просто скрипт
Настройки для каждого сайта
У каждого сайта свой ключ, свой вид и свой набор функций. Измените один раз — и это применится везде, где установлен этот ключ.
Аналитика использования
Смотрите, какие функции люди действительно включают, день за днём и для каждого сайта. Только сводные показатели — никаких идентификаторов посетителей и никаких cookie, о которых нужно сообщать.
Заявление о доступности
На тарифах Pro и Business заполните пошаговую форму, а мы разместим датированное заявление на английском, азербайджанском или турецком языке со ссылкой из виджета. Статус соответствия определяете вы; мы никогда не заявляем его за вас.
Экспортируйте свои показатели
На тарифе Business скачивайте ежедневные данные об использовании для одного или всех сайтов в CSV или JSON — для собственного учёта и отчётов.
Домены под вашим контролем
Виджет запускается только на доменах, которые вы указали для сайта, включая тестовые и альтернативные. Ключ сайта, скопированный на чужой веб-сайт, там ничего не делает.
Создан для встраивания
Стили панели находятся в shadow root, поэтому никогда не затрагивают вашу страницу, а изменения страницы действуют, только пока посетитель их включил. Без jQuery, без зависимостей от фреймворков и с загрузчиком, совместимым со строгой CSP.
Сделайте опыт следующего посетителя лучше
Начните 7-дневный пробный период сегодня. Без карты, и на вашем сайте ничего не появится, пока вы не вставите фрагмент кода.
Без кредитной карты. Отменить можно в любое время.