Проверено 31.08.2026 · https://www.heise.de/
5 критический барьерn · дополнительно 2 к проверке.
Как формируется оценка? (100 стартовых баллов)
| {n} из {total} изображений без атрибута alt | -18 |
| {n} полей формы без распознаваемой подписи | -18 |
| {n} ссылок без распознаваемого имени в HTML | -18 |
| {n} кнопок без имени в HTML | -18 |
| {n} правил{nPlural} CSS с, возможно, слишком низким контрастом текста | -18 |
| В предоставленном HTML нет заголовка <h1> | -7 |
| {n} дублированных атрибутов id | -7 |
| Результат | 0 / 100 |
Воспринимаемость
{n} из {total} изображений без атрибута alt
Изображения, загружаемые через JavaScript, здесь не учитываются.
img
Вот что следует сделать: Дайте каждому <img> атрибут alt: краткое описание для содержательных изображений, alt="" для чисто декоративных.
{n} полей формы без распознаваемой подписи
Проверьте, есть ли aria-label, установленный через JavaScript.
input, select, textarea
Вот что следует сделать: Свяжите каждое поле с элементом <label for> или установите aria-label / aria-labelledby. Одного placeholder недостаточно.
{n} правил{nPlural} CSS с, возможно, слишком низким контрастом текста
Требуется: 4,5:1 (обычный) или 3:1 (крупный текст). При «предполагаемом фоне страницы» настоящий фон не удалось определить наверняка — в случае сомнений проверьте в браузере. Найдено, в частности: {examples}
.a-android-native-app-prompt__close-banner, .a-android-native-app-prompt__load-app, a-topic .topic-label
Вот что следует сделать: Затемните цвет текста или осветлите фон, пока не будет достигнуто соответствующее минимальное значение. Никогда не используйте цвет как единственный отличительный признак.
Управляемость
{n} ссылок без распознаваемого имени в HTML
Пустые ссылки или только значок/изображение без alt. aria-label, установленный через JavaScript, здесь не распознаётся.
a
Вот что следует сделать: Добавьте видимый текст ссылки или используйте aria-label либо изображение с alt для значковых ссылок.
{n} кнопок без имени в HTML
Кнопки без текста и без aria-label немы для программ чтения с экрана — если имя не устанавливается через JavaScript.
button
Вот что следует сделать: Добавьте текст кнопки или установите aria-label.
В предоставленном HTML нет заголовка <h1>
Каждая страница должна начинаться ровно с одного h1. На страницах, строящихся через JavaScript, h1 может возникать только в браузере — тогда проверяйте в отрендеренном DOM.
body
Вот что следует сделать: Вставьте содержательный <h1> как первый заголовок (желательно уже на стороне сервера).
Надёжность
{n} дублированных атрибутов id
напр. {examples}. Нарушает связи label-for и aria.
[id]
Вот что следует сделать: Назначьте уникальные id.
Следующие шаги
- {n} из {total} изображений без атрибута alt. Дайте каждому <img> атрибут alt: краткое описание для содержательных изображений, alt="" для чисто декоративных.
- {n} полей формы без распознаваемой подписи. Свяжите каждое поле с элементом <label for> или установите aria-label / aria-labelledby. Одного placeholder недостаточно.
- {n} ссылок без распознаваемого имени в HTML. Добавьте видимый текст ссылки или используйте aria-label либо изображение с alt для значковых ссылок.
- {n} кнопок без имени в HTML. Добавьте текст кнопки или установите aria-label.
- {n} правил{nPlural} CSS с, возможно, слишком низким контрастом текста. Затемните цвет текста или осветлите фон, пока не будет достигнуто соответствующее минимальное значение. Никогда не используйте цвет как единственный отличительный признак.
Еженедельное повторное сканирование, с рендерингом JS, письмо о новых барьерах — скоро.
Создать декларацию о доступности →
Метод и границы
31.08.2026 был проверен HTML, который www.heise.de предоставляет при первом посещении без входа, плюс до четырёх связанных файлов CSS с того же домена. Проверено: цветовой контраст (из CSS), текстовые альтернативы, подписи полей форм, названия элементов управления, структура заголовков, заголовок страницы и язык страницы, блокировка масштабирования, дублированные id, положительные значения tabindex, ориентиры.
Не проверено: всё, что возникает через JavaScript, управляемость с клавиатуры, видимый фокус, порядок фокуса, объявление программой чтения с экрана, содержимое за входом, подстраницы. Автоматическая проверка находит примерно 20–35 % нарушений WCAG — остальное требует ручной проверки. Это снимок, а не юридическое решение.
Виджеты-оверлеи (кнопки доступности, меняющие контраст или шрифт) не делают сайт соответствующим требованиям — найденные барьеры нужно устранять в исходном коде. Почему оверлеи не помогают