Sprawdzono 24.09.2026 · https://www.zeit.de/index
Brak barier krytycznych w sprawdzonym kodzie HTML · 3 punkte do skontrolowania.
Jak powstaje wynik? (100 punktów początkowych)
| 2 pól formularza bez rozpoznawalnej etykiety | -7 |
| Pominięty poziom nagłówka | -7 |
| 1 zduplikowanych atrybutów id | -7 |
| Wynik | 79 / 100 |
Postrzegalność
2 pól formularza bez rozpoznawalnej etykiety
Sprawdź, czy istnieje aria-label ustawiony przez JavaScript.
<input type="text" name="name" placeholder="z. B. Theodor Eicke"><input id=":R0:" placeholder="z. B. Leipzig, Hamburg, …">
Oto co należy zrobić: Powiąż każde pole z elementem <label for> albo ustaw aria-label / aria-labelledby. Sam placeholder nie wystarczy.
Funkcjonalność
Pominięty poziom nagłówka
Kolejność: 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. Poziomów nie należy pomijać (h2 → h4).
h1–h6
Oto co należy zrobić: Nadawaj poziomy nagłówków bez luk.
Solidność
1 zduplikowanych atrybutów id
np. svg-zplus. Psuje powiązania label-for i aria.
[id]
Oto co należy zrobić: Nadawaj unikalne identyfikatory id.
Już rozwiązane poprawnie
- Alternatywy tekstowe: brak problemów wykrywalnych automatycznie
- Odnośnik pomijający do treści obecny
- Punkt orientacyjny <main> obecny
- Kontrast: nie znaleziono jednoznacznych naruszeń w CSS
Następne kroki
- 2 pól formularza bez rozpoznawalnej etykiety. Powiąż każde pole z elementem <label for> albo ustaw aria-label / aria-labelledby. Sam placeholder nie wystarczy.
- Pominięty poziom nagłówka. Nadawaj poziomy nagłówków bez luk.
- 1 zduplikowanych atrybutów id. Nadawaj unikalne identyfikatory id.
Cotygodniowe ponowne skanowanie, z renderowaniem JS, e-mail przy nowych barierach — wkrótce.
Utwórz deklarację dostępności →
Metoda & ograniczenia
24.09.2026 sprawdzono kod HTML, który www.zeit.de dostarcza przy pierwszym wejściu bez logowania, oraz do czterech powiązanych plików CSS z tej samej domeny. Sprawdzono: kontrast kolorów (na podstawie CSS), alternatywy tekstowe, etykiety formularzy, nazwy elementów sterujących, strukturę nagłówków, tytuł i język strony, blokadę powiększenia, zduplikowane identyfikatory id, dodatnie wartości tabindex, punkty orientacyjne.
Nie sprawdzono: wszystkiego, co powstaje w JavaScripcie, obsługi za pomocą klawiatury, widoczności fokusu, kolejności fokusu, zapowiedzi czytników ekranu, treści za logowaniem, podstron. Test automatyczny wykrywa około 20–35 % naruszeń WCAG — reszta wymaga audytu ręcznego. Migawka, nie orzeczenie prawne.
Widżety overlay (przyciski dostępności zmieniające kontrast lub czcionkę) nie zapewniają zgodności — znalezione bariery trzeba usunąć w kodzie źródłowym. Dlaczego overlaye nie pomagają