Kontrast-Scanner mit Auto-Audit
Laufende Kontrast-Prüfung im Backend — Regression wird gemeldet, bevor die Redaktion etwas merkt.
Was bedeutet „Kontrast-Scanner mit Auto-Audit"?
Ein im WordPress-Backend laufender Scanner, der alle Brand-Tokens und alle aktiv genutzten Text-/Background-Paare gegen die WCAG-Kontrast-Schwellen prüft — automatisiert. Wenn jemand in einem Divi-Modul versehentlich eine zu helle Schrift auf zu hellem Grund setzt, meldet der Scanner das im Audit-Log und blockt optional die Veröffentlichung.
Pflicht und Nutzen — WCAG 1.4.3.
WCAG 1.4.3 (Contrast Minimum) ist AA-Pflicht — 4,5:1 Normaltext, 3:1 Large. Bei jeder Inhaltsänderung kann ein Kontrast-Verstoß einschleichen: neuer Hover-State, neue Brand-Farbe, neuer Hintergrund-Image-Bereich. Manuelles Re-Audit ist nicht skalierbar — Automation ist der einzige Weg, BFSG-Konformität dauerhaft zu halten.
Wie wir es konkret lösen.
- Cron-Job läuft täglich über alle veröffentlichten Pages, sampled Text-/BG-Paare.
- Pre-Publish-Hook: WordPress „Veröffentlichen"-Button validiert vorher die Brand-Tokens und Custom-Styles.
- Reports im Admin-Dashboard: rote Markierung pro Page, klickbar zur Stelle.
- Slack-/E-Mail-Benachrichtigung bei kritischen Regressionen (optional).
- Audit-Trail: jede Änderung wird mit Kontrastwert protokolliert — Beweisführung für die Marktüberwachung.
Verwandte Bausteine unserer Modulsuite
-
AAA-Kontraste, geprüft pro Komponente
WCAG 1.4.6≥ 7:1 für Text, ≥ 4,5:1 für große Schrift — geprüft pro Komponente, nicht pro Page-Stichprobe.
-
ARIA-Live-Regionen
WCAG 4.1.3Dynamische Inhalte (Formular-Fehler, Loader, Mini-Carts) werden vom Screenreader angesagt.
-
Vollständige Tastatur-Navigation
WCAG 2.1.1Jede Funktion erreichbar — ohne Maus. Pflicht für Screenreader-Nutzer, Hilfe für jeden anderen.
-
KI-Alttext-Generator
WCAG 1.1.1Kein „Bild ohne Beschreibung" mehr. KI liefert den ersten Entwurf — Redaktion verfeinert.
Brauchen Sie genau dieses Modul?
15 Minuten Erstgespräch — wir klären, ob es für Ihre Site relevant ist.
Weiterführend:
BFSG-Übersicht ·
Leistungs-Übersicht ·
BAFA-Förderung ·
FAQs