Geprüft am 31.8.2026 · https://www.chefkoch.de/
2 kritische Barrieren · zusätzlich 1 zu prüfen.
Wie kommt der Score zustande? (100 Startpunkte)
| Kein gültiges lang-Attribut am <html>-Element | -18 |
| 1 CSS-Regel mit möglicherweise zu geringem Textkontrast | -18 |
| Übersprungene Überschriften-Ebene | -7 |
| 9 <h1>-Überschriften | -2 |
| Ergebnis | 55 / 100 |
Wahrnehmbar
1 CSS-Regel mit möglicherweise zu geringem Textkontrast
Nötig: 4.5:1 (normal) bzw. 3:1 (großer Text). Bei „angenommenem Seitenhintergrund“ konnte der tatsächliche Hintergrund nicht sicher bestimmt werden — im Zweifel im Browser prüfen. Gefunden u. a.: `.w-user-menu__context-menu-badge[data-v-aeb5c564]`: #fff auf #ff565d = 3.12:1
.w-user-menu__context-menu-badge[data-v-aeb5c564]
Das solltest du tun: Textfarbe abdunkeln oder Hintergrund aufhellen, bis der jeweilige Mindestwert erreicht ist. Farbe nie als einziges Unterscheidungsmerkmal einsetzen.
Bedienbar
Übersprungene Überschriften-Ebene
Reihenfolge: 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. Ebenen sollten nicht übersprungen werden (h2 → h4).
h1–h6
Das solltest du tun: Überschriften-Ebenen lückenlos vergeben.
9 <h1>-Überschriften
Mehrere h1 erschweren die Navigation per Überschriften-Liste.
h1
Das solltest du tun: Auf eine h1 reduzieren, Rest zu h2 herabstufen.
Verständlich
Kein gültiges lang-Attribut am <html>-Element
Screenreader können die Aussprache nicht bestimmen.
<html>
Das solltest du tun: Sprache setzen, z. B. <html lang="de">.
Schon richtig gelöst
- Textalternativen: keine automatisch erkennbaren Probleme
- <main>-Landmark vorhanden
Nächste Schritte
- Kein gültiges lang-Attribut am <html>-Element. Sprache setzen, z. B. <html lang="de">.
- 1 CSS-Regel mit möglicherweise zu geringem Textkontrast. Textfarbe abdunkeln oder Hintergrund aufhellen, bis der jeweilige Mindestwert erreicht ist. Farbe nie als einziges Unterscheidungsmerkmal einsetzen.
- Übersprungene Überschriften-Ebene. Überschriften-Ebenen lückenlos vergeben.
- 9 <h1>-Überschriften. Auf eine h1 reduzieren, Rest zu h2 herabstufen.
Wöchentlicher Re-Scan, JS-gerendert, E-Mail bei neuen Barrieren — kommt bald.
Barrierefreiheitserklärung erstellen →
Methodik & Grenzen
Geprüft wurde am 31.8.2026 das HTML, das www.chefkoch.de beim ersten Aufruf ohne Login ausliefert, plus bis zu vier verlinkte CSS-Dateien derselben Domain. Geprüft: Farbkontrast (aus CSS), Textalternativen, Formular-Beschriftung, Bedienelement-Namen, Überschriften-Struktur, Seitentitel und -sprache, Zoom-Sperre, doppelte IDs, positive tabindex-Werte, Landmarks.
Nicht geprüft: alles, was per JavaScript entsteht, Tastatur-Bedienbarkeit, sichtbarer Fokus, Fokus-Reihenfolge, Screenreader-Ansage, Inhalte hinter Login, Unterseiten. Der automatische Test findet grob 20–35 % der WCAG-Verstöße — der Rest braucht eine manuelle Prüfung. Momentaufnahme, kein Rechtsurteil.