Проверено на 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 — останалото изисква ръчна проверка. Моментна снимка, не правно решение.
Overlay уиджетите (бутони за достъпност, които сменят контраста или шрифта) не правят сайта съответстващ — откритите бариери трябва да се отстранят в изходния код. Защо overlay решенията не помагат