Prüfen Sie in Sekunden, ob Ihre Farbkombination die WCAG-Anforderungen erfüllt. Läuft komplett im Browser – ohne Anmeldung, ohne Datenübertragung.
Großer Text (ab 24 px oder 18,5 px fett)
Normaler Fließtext: So sieht Ihre Farbkombination für Besucherinnen und Besucher aus. Gute Kontraste helfen allen — besonders Menschen mit Sehbeeinträchtigungen und bei Sonnenlicht auf dem Display.
Drei Erfolgskriterien regeln den Farbkontrast. Für BFSG-Konformität ist Level AA maßgeblich – Level AAA ist empfohlen, aber nicht verpflichtend.
Normaler Text braucht mindestens 4,5:1, großer Text (ab 24 px oder 18,5 px fett) mindestens 3:1.
Die strengere Stufe: 7:1 für normalen Text, 4,5:1 für großen Text. Empfohlen für textlastige Inhalte.
Buttons, Formularfelder, Fokus-Indikatoren und aussagekräftige Grafiken brauchen mindestens 3:1 zu angrenzenden Farben.
Für normalen Text verlangt WCAG 2.2 auf Level AA ein Kontrastverhältnis von mindestens 4,5:1 (Erfolgskriterium 1.4.3). Großer Text (ab 24 px oder 18,5 px fett) benötigt mindestens 3:1. Level AAA verlangt 7:1 für normalen und 4,5:1 für großen Text.
Ja. Erfolgskriterium 1.4.11 (Nicht-Text-Kontrast) verlangt für UI-Komponenten wie Buttons, Formularfelder und aussagekräftige Grafiken ein Kontrastverhältnis von mindestens 3:1 gegenüber angrenzenden Farben.
Ja. Das Barrierefreiheitsstärkungsgesetz (BFSG) verweist über die EN 301 549 auf die WCAG 2.1 Level AA – die Kontrastanforderungen 1.4.3 und 1.4.11 sind damit für betroffene Unternehmen seit dem 28. Juni 2025 verbindlich.
Aus beiden Farben wird die relative Luminanz (Helligkeit im sRGB-Farbraum) berechnet. Das Verhältnis ergibt sich aus (L1 + 0,05) / (L2 + 0,05), wobei L1 die hellere Farbe ist. Das Ergebnis liegt zwischen 1:1 (kein Kontrast) und 21:1 (Schwarz auf Weiß).
Der Kontrast ist nur eines von über 90 Kriterien. Unser kostenloser Scan prüft Ihre Website automatisch nach WCAG 2.2 – Bericht per E-Mail.