Проверено 31.08.2026 · https://www.spiegel.de/
1 критический барьер · дополнительно 3 к проверке.
Как формируется оценка? (100 стартовых баллов)
| {n} кнопок без имени в HTML | -18 |
| {n} полей формы без распознаваемой подписи | -7 |
| {n} ссылок без распознаваемого имени в HTML | -7 |
| В предоставленном HTML нет заголовка <h1> | -7 |
| Результат | 61 / 100 |
Воспринимаемость
{n} полей формы без распознаваемой подписи
Проверьте, есть ли aria-label, установленный через JavaScript.
input, select, textarea
Вот что следует сделать: Свяжите каждое поле с элементом <label for> или установите aria-label / aria-labelledby. Одного placeholder недостаточно.
Управляемость
{n} кнопок без имени в HTML
Кнопки без текста и без aria-label немы для программ чтения с экрана — если имя не устанавливается через JavaScript.
button
Вот что следует сделать: Добавьте текст кнопки или установите aria-label.
{n} ссылок без распознаваемого имени в HTML
Пустые ссылки или только значок/изображение без alt. aria-label, установленный через JavaScript, здесь не распознаётся.
a
Вот что следует сделать: Добавьте видимый текст ссылки или используйте aria-label либо изображение с alt для значковых ссылок.
В предоставленном HTML нет заголовка <h1>
Каждая страница должна начинаться ровно с одного h1. На страницах, строящихся через JavaScript, h1 может возникать только в браузере — тогда проверяйте в отрендеренном DOM.
body
Вот что следует сделать: Вставьте содержательный <h1> как первый заголовок (желательно уже на стороне сервера).
Уже решено правильно
- Textalternativen: keine automatisch erkennbaren Probleme
- Есть ссылка для перехода к содержимому
- Есть ориентир <main>
- Контраст: в CSS не найдено однозначных нарушений
Следующие шаги
- {n} кнопок без имени в HTML. Добавьте текст кнопки или установите aria-label.
- {n} полей формы без распознаваемой подписи. Свяжите каждое поле с элементом <label for> или установите aria-label / aria-labelledby. Одного placeholder недостаточно.
- {n} ссылок без распознаваемого имени в HTML. Добавьте видимый текст ссылки или используйте aria-label либо изображение с alt для значковых ссылок.
- В предоставленном HTML нет заголовка <h1>. Вставьте содержательный <h1> как первый заголовок (желательно уже на стороне сервера).
Еженедельное повторное сканирование, с рендерингом JS, письмо о новых барьерах — скоро.
Создать декларацию о доступности →
Метод и границы
31.08.2026 был проверен HTML, который www.spiegel.de предоставляет при первом посещении без входа, плюс до четырёх связанных файлов CSS с того же домена. Проверено: цветовой контраст (из CSS), текстовые альтернативы, подписи полей форм, названия элементов управления, структура заголовков, заголовок страницы и язык страницы, блокировка масштабирования, дублированные id, положительные значения tabindex, ориентиры.
Не проверено: всё, что возникает через JavaScript, управляемость с клавиатуры, видимый фокус, порядок фокуса, объявление программой чтения с экрана, содержимое за входом, подстраницы. Автоматическая проверка находит примерно 20–35 % нарушений WCAG — остальное требует ручной проверки. Это снимок, а не юридическое решение.
Виджеты-оверлеи (кнопки доступности, меняющие контраст или шрифт) не делают сайт соответствующим требованиям — найденные барьеры нужно устранять в исходном коде. Почему оверлеи не помогают