Перевірено 24.09.2026 · https://www.zeit.de/index
У перевіреному HTML немає критичних бар’єрів · 3 пунктe для доопрацювання.
Як формується оцінка? (100 стартових балів)
| 2 полів форми без розпізнаваного підпису | -7 |
| Пропущено рівень заголовка | -7 |
| 1 дубльованих атрибутів id | -7 |
| Результат | 79 / 100 |
Сприйнятність
2 полів форми без розпізнаваного підпису
Перевірте, чи є aria-label, встановлений через JavaScript.
<input type="text" name="name" placeholder="z. B. Theodor Eicke"><input id=":R0:" placeholder="z. B. Leipzig, Hamburg, …">
Ось що слід зробити: Пов’яжіть кожне поле з елементом <label for> або встановіть aria-label / aria-labelledby. Самого placeholder недостатньо.
Керованість
Пропущено рівень заголовка
Послідовність: 1 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 2 → 2 → 2 → 2 → 3 → 3 → 2 → 2 → 2 → 2 → 3 → 2 → 2 → 2 → 3 → 3 → 3 → 3 → 2 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4 → 4. Рівні не слід пропускати (h2 → h4).
h1–h6
Ось що слід зробити: Призначайте рівні заголовків без пропусків.
Надійність
1 дубльованих атрибутів id
напр. svg-zplus. Порушує зв’язки label-for та aria.
[id]
Ось що слід зробити: Призначте унікальні id.
Уже вирішено правильно
- Текстові альтернативи: немає проблем, які можна розпізнати автоматично
- Є посилання для переходу до вмісту
- Є орієнтир <main>
- Контраст: у CSS не знайдено однозначних порушень
Наступні кроки
- 2 полів форми без розпізнаваного підпису. Пов’яжіть кожне поле з елементом <label for> або встановіть aria-label / aria-labelledby. Самого placeholder недостатньо.
- Пропущено рівень заголовка. Призначайте рівні заголовків без пропусків.
- 1 дубльованих атрибутів id. Призначте унікальні id.
Щотижневе повторне сканування, з рендерингом JS, електронний лист про нові бар’єри — незабаром.
Створити декларацію про доступність →
Метод і межі
24.09.2026 було перевірено HTML, який www.zeit.de надає під час першого відвідування без входу, а також до чотирьох пов’язаних файлів CSS з того самого домену. Перевірено: колірний контраст (з CSS), текстові альтернативи, підписи полів форм, назви елементів керування, структуру заголовків, заголовок сторінки та мову сторінки, блокування масштабування, дубльовані id, додатні значення tabindex, орієнтири.
Не перевірено: усе, що виникає через JavaScript, керованість з клавіатури, видимий фокус, порядок фокуса, оголошення зчитувачем екрана, вміст за входом, підсторінки. Автоматична перевірка виявляє приблизно 20–35% порушень WCAG — решта потребує ручної перевірки. Це знімок, а не юридичне рішення.
Віджети-оверлеї (кнопки доступності, що змінюють контраст чи шрифт) не роблять сайт відповідним вимогам — знайдені бар’єри треба усувати у вихідному коді. Чому оверлеї не допомагають