Geprüft am 1.10.2026 · https://www.hannecke-its.de/p/main/de/index.xhtml
1 kritische Barriere.
Wie kommt der Score zustande? (100 Startpunkte)
| 2 CSS-Regeln mit möglicherweise zu geringem Textkontrast | -18 |
| Ergebnis | 82 / 100 |
Wahrnehmbar
2 CSS-Regeln 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.: `.hquote--grad .hquote__itema`: #fff auf #fcfdfd (Vorfahren-Hintergrund) = 1.02:1 · `.subheader`: #8a8a8a auf #ffffff (Standard) (Seitenhintergrund, angenommen) = 3.45:1
.hquote--grad .hquote__itema, .subheader
Das solltest du tun: Textfarbe abdunkeln oder Hintergrund aufhellen, bis der jeweilige Mindestwert erreicht ist. Farbe nie als einziges Unterscheidungsmerkmal einsetzen.
Schon richtig gelöst
- Textalternativen: keine automatisch erkennbaren Probleme
- Sprung-Link zum Inhalt vorhanden
- <main>-Landmark vorhanden
Nächste Schritte
- 2 CSS-Regeln mit möglicherweise zu geringem Textkontrast. Textfarbe abdunkeln oder Hintergrund aufhellen, bis der jeweilige Mindestwert erreicht ist. Farbe nie als einziges Unterscheidungsmerkmal einsetzen.
Wöchentlicher Re-Scan, JS-gerendert, E-Mail bei neuen Barrieren — kommt bald.
Barrierefreiheitserklärung erstellen →
Methodik & Grenzen
Geprüft wurde am 1.10.2026 das HTML, das www.hannecke-its.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.
Overlay-Widgets (Barrierefreiheits-Buttons, die Kontrast oder Schrift umschalten) stellen keine Konformität her — die gefundenen Barrieren müssen im Quellcode behoben werden. Warum Overlays nicht helfen