Проведите аудит своих веб-сайтов на соответствие WCAG уже сегодня с помощью Eye-Able Audit

На этом сайте представлены типичные ошибки и способы их выявления с помощью Eye-Able Audit

УЗНАТЬ БОЛЬШЕ

Проверьте все ошибки на панели инструментов Eye-Able Audit, расположенной в правой части экрана!

Тестирование программного обеспечения для ваших цифровых продуктов

Автоматическое тестирование веб-сайтов на соответствие стандартам доступности

Цифровая доступность способствует развитию вашего бизнеса

В целях соблюдения требований законодательства.

Просканируйте весь свой домен с помощью Eye-Able Report

Панель администратора для обеспечения цифровой доступности с обзором всех ваших подстраниц

На этой странице представлена лишь часть ошибок, которые может обнаружить Eye-Able Audit. Ознакомьтесь со всеми правилами в нашем обзоре!

Отсутствует альтернативный текст

У 31,3 % баннеров на главной странице отсутствует альтернативный текст. Изображения должны сопровождаться альтернативным текстом, чтобы пользователи экранных считывающих устройств могли понять их содержание и назначение.

Текст с низкой контрастностью

Низкий контраст — это самая распространённая проблема доступности на многих веб-сайтах. Убедитесь, что все текстовые элементы имеют достаточный цветовой контраст между текстом на переднем плане и фоновым цветом. Минимальный контраст зависит от размера текста и составляет 3:1 или 4,5:1 для текста большого размера.

Я НЕВИДИМ

У меня очень плохой контраст

Иерархия заголовков

Пользователи с ограниченными возможностями, особенно люди с нарушениями зрения, часто используют вспомогательные технологии, такие как программы чтения с экрана, для навигации по веб-сайтам. Чтобы облегчить им эту задачу, крайне важно поддерживать на вашем сайте четкую и логичную иерархию заголовков (H1–H6), что обеспечит удобную навигацию.

Пустые заголовки также могут вводить в заблуждение, поэтому их следует избегать.

Часто встречающиеся проблемы

Отсутствующий текст

У этого изображения с ссылкой отсутствует альтернативный текст. Ссылки должны содержать текст, который будет понятен и правильно воспроизводиться программами чтения с экрана.

Неверный синтаксис таблицы

Мой классный стол
Строка 1	У меня нет заголовка…

Таблицы должны иметь правильный синтаксис, например, ячейки заголовков для всех столбцов, чтобы их можно было правильно распознать с помощью экранных считывающих устройств. Eye-Able выявляет типичные ошибки, которые снижают доступность ваших заголовков.

Атрибуты Aria

Хотя атрибуты aria очень полезны для повышения доступности веб-интерфейса, необходимо использовать правильный синтаксис и роли.

Кнопки

Элементу A необходимо присвоить понятное имя, чтобы программы чтения с экрана могли отразить его назначение.

Выбрать поля

Что это значит?:

Элементы выбора часто используются в формах и также требуют альтернативного текста.

Недопустимые поля формы

СВЯЖИТЕСЬ С НАМИ!

Ссылки без доступного имени

Каждый элемент ссылки должен иметь доступное имя или текст, описывающий его назначение. Эта ссылка — недействительна и пуста.

Объекты без доступных имен

Элементы, содержащие мультимедийный контент, такой как аудио или видео, должны иметь разметку для экранных считывающих устройств.

Элемент списка, расположенный вне списка

Элемент списка не должен находиться вне списка. Он всегда является частью упорядоченного списка <ol> или неупорядоченного списка <ul>.

Пункт 1

Пункт 2

Двойное назначение атрибутов AccessKey

Атрибут `accesskey` указывает на элемент, доступ к которому можно получить с помощью заданного сочетания клавиш. Заданное сочетание клавиш должно быть уникальным и не должно использоваться для какого-либо другого элемента на текущей странице.

Шрифт слишком мелкий

Размер шрифта не должен быть меньше 9 пикселей.

Размер шрифта в этом тексте составляет 7 пикселей, его следует увеличить

Ссылка, неотличимая от обычного текста

Внутритекстовые ссылки должны отличаться от окружающего текста не только цветом. Ссылки можно выделить, например, с помощью подчеркивания или рамки. Эта ссылка — плохой пример.

Весь этот абзац выделен курсивом

Между абзацами текста соблюдается интервал не менее 1,5

Весь абзац отображается с выравниванием по ширине

Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.

Видимое имя не входит в состав доступного имени

В тексте ссылки ниже указано название, отличное от ее доступного имени. Справочную информацию можно найти здесь. Это особенно важно для пользователей, которые используют голосовой ввод для управления сайтом. В противном случае голосовой ввод не будет интерпретирован правильно.