Перевірено 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 — решта потребує ручної перевірки. Це знімок, а не юридичне рішення.
Віджети-оверлеї (кнопки доступності, що змінюють контраст чи шрифт) не роблять сайт відповідним вимогам — знайдені бар’єри треба усувати у вихідному коді. Чому оверлеї не допомагають