Sprawdzono 3.09.2026 · https://www.chefkoch.de/
2 barieran krytycznan · dodatkowo 1 do sprawdzenia.
Jak powstaje wynik? (100 punktów początkowych)
| Brak prawidłowego atrybutu lang w elemencie <html> | -18 |
| 1 reguł CSS z prawdopodobnie zbyt niskim kontrastem tekstu | -18 |
| Pominięty poziom nagłówka | -7 |
| 9 nagłówków <h1> | -2 |
| Wynik | 55 / 100 |
Postrzegalność
1 reguł CSS z prawdopodobnie zbyt niskim kontrastem tekstu
Wymagane: 4,5:1 (normalny) lub 3:1 (duży tekst). Przy „założonym tle strony” rzeczywistego tła nie udało się pewnie ustalić — w razie wątpliwości sprawdź w przeglądarce. Znaleziono m.in.: `.w-user-menu__context-menu-badge[data-v-aeb5c564]`: #fff auf #ff565d = 3.12:1
.w-user-menu__context-menu-badge[data-v-aeb5c564]
Oto co należy zrobić: Przyciemnij kolor tekstu lub rozjaśnij tło, aż osiągniesz wymaganą wartość minimalną. Nigdy nie używaj koloru jako jedynego wyróżnika.
Funkcjonalność
Pominięty poziom nagłówka
Kolejność: 1 → 1 → 1 → 1 → 1 → 1 → 1 → 1 → 1 → 2 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 2 → 2 → 3 → 3 → 3 → 3 → 3 → 2 → 4 → 4 → 4 → 4 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 2 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3 → 3. Poziomów nie należy pomijać (h2 → h4).
h1–h6
Oto co należy zrobić: Nadawaj poziomy nagłówków bez luk.
9 nagłówków <h1>
Wiele h1 utrudnia nawigację po liście nagłówków.
h1
Oto co należy zrobić: Ogranicz do jednego h1, resztę obniż do h2.
Zrozumiałość
Brak prawidłowego atrybutu lang w elemencie <html>
Czytniki ekranu nie mogą określić wymowy.
<html>
Oto co należy zrobić: Ustaw język, np. <html lang="pl">.
Już rozwiązane poprawnie
- Alternatywy tekstowe: brak problemów wykrywalnych automatycznie
- Punkt orientacyjny <main> obecny
Następne kroki
- Brak prawidłowego atrybutu lang w elemencie <html>. Ustaw język, np. <html lang="pl">.
- 1 reguł CSS z prawdopodobnie zbyt niskim kontrastem tekstu. Przyciemnij kolor tekstu lub rozjaśnij tło, aż osiągniesz wymaganą wartość minimalną. Nigdy nie używaj koloru jako jedynego wyróżnika.
- Pominięty poziom nagłówka. Nadawaj poziomy nagłówków bez luk.
- 9 nagłówków <h1>. Ogranicz do jednego h1, resztę obniż do h2.
Cotygodniowe ponowne skanowanie, z renderowaniem JS, e-mail przy nowych barierach — wkrótce.
Utwórz deklarację dostępności →
Metoda & ograniczenia
3.09.2026 sprawdzono kod HTML, który www.chefkoch.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.