Skontrolované 31. 8. 2026 · https://www.spiegel.de/
1 kritická bariéra · navyše 3 na kontrolu.
Ako vzniká skóre? (100 východiskových bodov)
| {n} tlačidiel bez názvu v HTML | -18 |
| {n} polí formulára bez rozpoznateľného označenia | -7 |
| {n} odkazov bez rozpoznateľného názvu v HTML | -7 |
| V doručenom HTML žiadny nadpis <h1> | -7 |
| Výsledok | 61 / 100 |
Vnímateľnosť
{n} polí formulára bez rozpoznateľného označenia
Skontrolujte, či existuje aria-label nastavené cez JavaScript.
input, select, textarea
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ť
{n} tlačidiel bez názvu v HTML
Tlačidlá bez textu a bez aria-label sú pre čítačky obrazovky nemé — ak sa názov nenastavuje cez JavaScript.
button
Toto by ste mali urobiť: Doplňte text tlačidla alebo nastavte aria-label.
{n} odkazov bez rozpoznateľného názvu v HTML
Prázdne odkazy alebo len ikona/obrázok bez alt. aria-label nastavené cez JavaScript sa tu nerozpozná.
a
Toto by ste mali urobiť: Doplňte viditeľný text odkazu, pri odkazoch s ikonou použite aria-label alebo obrázok s alt.
V doručenom HTML žiadny nadpis <h1>
Každá stránka by mala začínať presne jedným h1. Pri stránkach zostavovaných cez JavaScript môže h1 vzniknúť až v prehliadači — potom skontrolujte v renderovanom DOM.
body
Toto by ste mali urobiť: Vložte zmysluplný <h1> ako prvý nadpis (podľa možnosti už na strane servera).
Už správne vyriešené
- Textalternativen: keine automatisch erkennbaren Probleme
- 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
- {n} tlačidiel bez názvu v HTML. Doplňte text tlačidla alebo nastavte aria-label.
- {n} 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čí.
- {n} odkazov bez rozpoznateľného názvu v HTML. Doplňte viditeľný text odkazu, pri odkazoch s ikonou použite aria-label alebo obrázok s alt.
- V doručenom HTML žiadny nadpis <h1>. Vložte zmysluplný <h1> ako prvý nadpis (podľa možnosti už na strane servera).
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 31. 8. 2026 sa skontrolovalo HTML, ktoré www.spiegel.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ú