Sprawdzono 31.08.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 |
| {n} reguł{nPlural} CSS z prawdopodobnie zbyt niskim kontrastem tekstu | -18 |
| Pominięty poziom nagłówka | -7 |
| {n} nagłówków <h1> | -2 |
| Wynik | 55 / 100 |
Postrzegalność
{n} reguł{nPlural} 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.: {examples}
.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ść: {seq}. Poziomów nie należy pomijać (h2 → h4).
h1–h6
Oto co należy zrobić: Nadawaj poziomy nagłówków bez luk.
{n} 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
- Textalternativen: keine automatisch erkennbaren Probleme
- Punkt orientacyjny <main> obecny
Następne kroki
- Brak prawidłowego atrybutu lang w elemencie <html>. Ustaw język, np. <html lang="pl">.
- {n} reguł{nPlural} 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.
- {n} 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
31.08.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.