Zum Inhalt springen

Kontrast-Prüfwerkzeuge

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 11.11.2026

Kontrast-Prüfwerkzeuge berechnen das Kontrastverhältnis zwischen einer Text- und einer Hintergrundfarbe und vergleichen es mit den Grenzwerten der WCAG: 4,5 zu 1 für normalen Text, 3 zu 1 für große Schrift und Bedienelemente. Nötig sind sie, weil das Auge Kontraste schlecht schätzt.

Kontrast-Prüfwerkzeuge

Werkzeuge, die das Kontrastverhältnis zwischen Text- und Hintergrundfarbe berechnen und mit den Grenzwerten der WCAG vergleichen.
Beispiel: „Mit den Kontrast-Prüfwerkzeugen im Browser fanden wir drei graue Texte, die unter 4,5 zu 1 lagen.“

Auch: Kontrastrechner, Contrast Checker.

Sie messen den Hell-Dunkel-Kontrast nach der WCAG-Formel, nicht den Farbton.

Die bekanntesten Kontrast-Prüfwerkzeuge

Der WebAIM Contrast Checker prüft zwei Farben im Browser für Text, große Schrift und Grafiken. Der Colour Contrast Analyser von TPGi läuft auf Windows und Mac, nimmt Farben mit einer Pipette vom Bildschirm auf und simuliert Farbsehschwächen. In den Chrome DevTools zeigt der Farbwähler Linien für die Schwellen und schlägt passende Farben vor; Firefox prüft im Accessibility Inspector ganze Seiten und gibt bei Verläufen Spannen an.

Automatische Prüfung ganzer Seiten

Werkzeuge wie axe und Lighthouse prüfen alle Texte einer Seite automatisch. Das lohnt sich: Laut WebAIM Million 2026 hatten 83,9 Prozent der untersuchten Startseiten Text mit zu wenig Kontrast; es ist der häufigste Fehler. Automatische Tests übersehen allerdings Text auf Bildern und Verläufen, dort hilft nur der Blick mit der Pipette.

APCA und WCAG 3

Als Nachfolger der Kontrastformel wurde einige Zeit APCA diskutiert, ein Verfahren, das die Schriftgröße und die Richtung hell auf dunkel berücksichtigt. Der aktuelle Entwurf der WCAG 3 vom September 2026 legt sich aber nicht fest: Welcher Algorithmus gilt, ist noch offen. Bis dahin bleibt die Formel der WCAG 2.2 der Maßstab.

Siehe auch:

Kontrastverhältnis

Messwert für den Helligkeitsunterschied zwischen Text und Hintergrund.

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen #Benutzererfahrung (UX)

WCAG (Web Content Accessibility Guidelines)

Internationale Richtlinien des W3C für barrierefreie Webinhalte.

#Barrierefreiheit (Accessibility)

Barrierefreiheit

Eigenschaft eines Angebots, von Menschen mit Behinderungen ohne fremde Hilfe genutzt werden zu können.

#Barrierefreiheit (Accessibility) #Benutzererfahrung (UX)

Farbkontrast

Der sichtbare Unterschied zwischen zwei Farben in Farbton, Helligkeit oder Sättigung.

#Gestaltungsgrundlagen

Kontrast von Bedienelementen

Die Anforderung von 3:1 für Bedienelemente und für wichtige Teile von Grafiken.

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen

Hell-Dunkel-Kontrast

Der Kontrast zwischen hellen und dunklen Farben, am stärksten zwischen Weiß und Schwarz.

#Gestaltungsgrundlagen