Skontrolované 24. 9. 2026 · https://www.zeit.de/index
V kontrolovanom HTML žiadne kritické bariéry · 3 bode na preverenie.
Ako vzniká skóre? (100 východiskových bodov)
| 2 polí formulára bez rozpoznateľného označenia | -7 |
| Preskočená úroveň nadpisu | -7 |
| 1 duplicitných atribútov id | -7 |
| Výsledok | 79 / 100 |
Vnímateľnosť
2 polí formulára bez rozpoznateľného označenia
Skontrolujte, či existuje aria-label nastavené cez JavaScript.
<input type="text" name="name" placeholder="z. B. Theodor Eicke"><input id=":R0:" placeholder="z. B. Leipzig, Hamburg, …">
Toto by ste mali urobiť: Prepojte každé pole s prvkom <label for> alebo nastavte aria-label / aria-labelledby. Samotný placeholder nestačí.
Ovládateľnosť
Preskočená úroveň nadpisu
Poradie: 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. Úrovne by sa nemali preskakovať (h2 → h4).
h1–h6
Toto by ste mali urobiť: Prideľujte úrovne nadpisov bez medzier.
Robustnosť
1 duplicitných atribútov id
napr. svg-zplus. Rozbíja väzby label-for a aria.
[id]
Toto by ste mali urobiť: Prideľujte jedinečné id.
Už správne vyriešené
- Textové alternatívy: žiadne automaticky rozpoznateľné problémy
- Odkaz na preskočenie na obsah je prítomný
- Orientačný bod <main> je prítomný
- Kontrast: v CSS sa nenašli žiadne jednoznačné porušenia
Ďalšie kroky
- 2 polí formulára bez rozpoznateľného označenia. Prepojte každé pole s prvkom <label for> alebo nastavte aria-label / aria-labelledby. Samotný placeholder nestačí.
- Preskočená úroveň nadpisu. Prideľujte úrovne nadpisov bez medzier.
- 1 duplicitných atribútov id. Prideľujte jedinečné id.
Týždenné opakované skenovanie, s renderovaním JS, e-mail pri nových bariérach — už čoskoro.
Vytvoriť vyhlásenie o prístupnosti →
Metóda & hranice
Dňa 24. 9. 2026 sa skontrolovalo HTML, ktoré www.zeit.de doručuje pri prvom prístupe bez prihlásenia, a až štyri pripojené súbory CSS z tej istej domény. Skontrolované: farebný kontrast (z CSS), textové alternatívy, označenie formulárov, názvy ovládacích prvkov, štruktúra nadpisov, názov a jazyk stránky, blokovanie priblíženia, duplicitné id, kladné hodnoty tabindex, orientačné body.
Neskontrolované: všetko, čo vzniká cez JavaScript, ovládateľnosť klávesnicou, viditeľný fokus, poradie fokusu, oznámenie čítačky obrazovky, obsah za prihlásením, podstránky. Automatický test nájde približne 20–35 % porušení WCAG — zvyšok si vyžaduje ručnú kontrolu. Momentka, nie právne rozhodnutie.
Overlay widgety (tlačidlá prístupnosti, ktoré prepínajú kontrast alebo písmo) nezabezpečia súlad webu — nájdené bariéry treba opraviť v zdrojovom kóde. Prečo overlaye nepomáhajú