Live-Scan im Frontend prüft Texte und Hintergründe. Es nutzt AA (4.5:1) oder AAA (7:1) Standards.
Schlechter Text-Kontrast ist sehr oft ein Problem. Grau auf Weiß oder Weiß auf hellem Bild sieht modern aus. Viele Menschen können es aber schwer lesen. Der Kontrast-Scanner prüft alle Texte im Frontend. Er schaut auf den Hintergrund, auch bei halbdurchsichtigen Bildern.
Im Admin-Menü: Gehe zu WP-Admin, dann Barrierefreiheit, dann Module, dann Kontrast-Scanner.
Der Scanner wird vor einem großen Test empfohlen. Er listet Probleme, die Experten sonst finden müssten. So spart man Zeit und Geld. Man kann ihn mit dem Color Contrast Fix nutzen. Erst findet der Scanner die Probleme, dann repariert der Fix, wenn möglich.
Im ersten Gespräch, das 15 Minuten dauert, klären wir alles. Ist das Modul gut für deine Seite? Wie macht man es richtig? Wir reden darüber.
Kontrast-Scanner
Live-Scan im Frontend: prüft alle Text/Hintergrund-Paare gegen AA (4.5:1) oder AAA (7:1).
Funktion in einem Satz — und in 3 Sätzen
Schlechter Text-Kontrast ist das mit Abstand häufigste WCAG-Problem auf deutschen Webseiten. Grauer Text auf weißem Grund, weißer Text auf hellem Foto — sieht „modern" aus, ist aber für viele Nutzer:innen kaum lesbar.
Der Kontrast-Scanner prüft live im Frontend jede Text-Komponente gegen den errechneten Hintergrund — auch hinter halbtransparenten Overlays und auf Bildern.
Technische Maßnahmen
- WCAG-Kontrast-Formel (relative Luminanz nach W3C-Spec).
- Background-Resolution: auch bei komplexen Stacks (z. B. weißer Text auf halbtransparentem Overlay über Foto) wird der echte Effektiv-Kontrast errechnet.
- Issue-Liste im Backend: alle Stellen mit Kontrast < 4.5:1 (AA) bzw. < 7:1 (AAA), pro Seite gruppiert.
- Selektor-Pfad pro Issue, damit du im CSS direkt fixen kannst.
- Optionales Banner im Frontend (nur für eingeloggte Admins) bei laufender Site.
Diese Einstellungen findest du im Modul-Tab
- Ziel-Stufe: AA (4.5:1) oder AAA (7:1)
- Scan-Frequenz: bei jedem Page-Load / nur on-demand / täglich via Cron
- Selektoren ignorieren (z. B. dekorative Captions, irrelevant für Lesefluss)
- Live-Banner für Admins: an / aus
- Threshold für Issue-Liste: nur Hauptverstöße / alle Verstöße
Pfad im Admin: WP-Admin → Barrierefreiheit → Module → Kontrast-Scanner
Anwendungsfall
Empfohlen für jede Seite vor Audit. Liefert die Issue-Liste, die ein:e Sachverständige:r sonst manuell erfassen müsste — spart Audit-Zeit und damit Kosten.
Kann gemeinsam mit Color Contrast Fix eingesetzt werden: erst Scanner findet Issues, dann Fix repariert (wo möglich).
Das passt thematisch zusammen
Color Contrast Fix
WCAG 1.4.6Hebt automatisch zu schwache Kontraste über CSS-Variablen-Override auf AA- oder AAA-Niveau.
Sichtbarer Fokus
WCAG 2.4.11Sorgt für einen kräftigen, immer sichtbaren Fokus-Ring auf allen fokussierbaren Elementen — mit AAA-Kontrast.
KI Audit-Assistent
WCAG 2.1 AA/AAAInhaltliche WCAG-Issue-Erkennung jenseits klassischer Scanner — Tonalität, Klarheit, Link-Sinn, Mikrokopie.
Modul für deine Seite aktivieren?
Im 15-Minuten-Erstgespräch klären wir, ob das Modul für deinen Theme- und Inhalts-Typ relevant ist — und wie die Einrichtung aussieht.
