Textkontrast
Normaler Text braucht mindestens 4,5:1, großer Text (ab 24 px oder 18,5 px fett) mindestens 3:1.
Kostenloses Tool
Kontrast-Checker für gut lesbare Farben.
Prüfen Sie in Sekunden, ob Ihre Farbkombination die WCAG-Anforderungen an den Kontrast erfüllt. Läuft komplett im Browser, ohne Anmeldung und ohne Datenübertragung.
Kontrastverhältnis
12.15: 1AA erfüllt
- AA — Normaler Text
- AA — Großer Text
- AAA — Normaler Text
- AAA — Großer Text
- UI-Komponenten & Grafiken
Vorschau
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.
Beispiel-ButtonDie Anforderungen
Welche Kontraste verlangt die WCAG 2.2?
Drei Erfolgskriterien regeln den Farbkontrast. Für das BFSG ist Level AA maßgeblich. Level AAA ist empfohlen, aber nicht verpflichtend.
Erhöhter Kontrast
Die strengere Stufe: 7:1 für normalen Text, 4,5:1 für großen Text. Empfohlen für textlastige Inhalte.
Nicht-Text-Kontrast
Buttons, Formularfelder, Fokus-Indikatoren und aussagekräftige Grafiken brauchen mindestens 3:1 zu angrenzenden Farben.
Häufige Fragen
Farbkontrast und WCAG im Detail
Welches Kontrastverhältnis verlangt die WCAG?
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.
Gilt die Kontrastanforderung auch für Buttons und Icons?
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.
Ist ausreichender Farbkontrast für das BFSG Pflicht?
Für betroffene Unternehmen in der Regel ja. Als Maßstab für das BFSG gilt die Norm EN 301 549, die auf WCAG 2.1 Level AA verweist. Die Kontrastanforderungen 1.4.3 und 1.4.11 gehören damit seit dem 28. Juni 2025 dazu.
Wie wird das Kontrastverhältnis berechnet?
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ß).
Kontrast ist ein Kriterium von vielen.
Der kostenlose Scan prüft Ihre Website automatisch nach WCAG 2.2 und schickt Ihnen den Bericht per E-Mail.