Проверено 31.08.2026 · https://www.heise.de/
4 критический барьерn · дополнительно 3 к проверке.
Как формируется оценка? (100 стартовых баллов)
| {n} из {total} изображений без атрибута alt | -18 |
| {n} полей формы без распознаваемой подписи | -18 |
| {n} ссылок без распознаваемого имени в HTML | -18 |
| {n} кнопок без имени в HTML | -18 |
| В предоставленном HTML нет заголовка <h1> | -7 |
| {n} дублированных атрибутов id | -7 |
| {n} правил{nPlural} CSS с, возможно, слишком низким контрастом текста | -7 |
| Результат | 7 / 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}
.text-ho-text, .text-yellow-50, .text-heisegrau-50, .text-green-50, .text-red-50
Вот что следует сделать: Затемните цвет текста или осветлите фон, пока не будет достигнуто соответствующее минимальное значение. Никогда не используйте цвет как единственный отличительный признак.
Управляемость
{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.
- В предоставленном HTML нет заголовка <h1>. Вставьте содержательный <h1> как первый заголовок (желательно уже на стороне сервера).
Еженедельное повторное сканирование, с рендерингом JS, письмо о новых барьерах — скоро.
Создать декларацию о доступности →
Метод и границы
31.08.2026 был проверен HTML, который www.heise.de предоставляет при первом посещении без входа, плюс до четырёх связанных файлов CSS с того же домена. Проверено: цветовой контраст (из CSS), текстовые альтернативы, подписи полей форм, названия элементов управления, структура заголовков, заголовок страницы и язык страницы, блокировка масштабирования, дублированные id, положительные значения tabindex, ориентиры.
Не проверено: всё, что возникает через JavaScript, управляемость с клавиатуры, видимый фокус, порядок фокуса, объявление программой чтения с экрана, содержимое за входом, подстраницы. Автоматическая проверка находит примерно 20–35 % нарушений WCAG — остальное требует ручной проверки. Это снимок, а не юридическое решение.
Виджеты-оверлеи (кнопки доступности, меняющие контраст или шрифт) не делают сайт соответствующим требованиям — найденные барьеры нужно устранять в исходном коде. Почему оверлеи не помогают