Mechanik-Modul · WCAG 1.4.3 · Stufe AA

Kontrast-Scanner

Live-Scan im Frontend: prüft alle Text/Hintergrund-Paare gegen AA (4.5:1) oder AAA (7:1).

Was es macht

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.

So implementiert das Plugin es

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.

Im Plugin-Backend

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

Wann brauchst du das Modul?

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).

Verwandte Module

Das passt thematisch zusammen

Color Contrast Fix
WCAG 1.4.6
Hebt automatisch zu schwache Kontraste über CSS-Variablen-Override auf AA- oder AAA-Niveau.
Sichtbarer Fokus
WCAG 2.4.11
Sorgt für einen kräftigen, immer sichtbaren Fokus-Ring auf allen fokussierbaren Elementen — mit AAA-Kontrast.
KI Audit-Assistent
WCAG 2.1 AA/AAA
Inhaltliche 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.

15-Min-Erstgespräch
Alle Module ansehen