Farb-Barrierefreiheitsprüfer
Farbkontrastverhältnisse nach WCAG 2.1 Richtlinien prüfen. AA- und AAA-Konformität für normalen und großen Text testen. Kostenlos, 100% in deinem Browser.
Großer Text Vorschau (18pt+)
Normaler Fließtext Vorschau — Lesbarkeit gegen die Hintergrundfarbe prüfen.
Referenz
Was ist WCAG-Farbkontrast?
Die Web Content Accessibility Guidelines (WCAG) 2.1 definieren Mindestkontrastverhältnisse, um sicherzustellen, dass Text für Menschen mit Sehbehinderungen lesbar ist. Das Kontrastverhältnis reicht von 1:1 (kein Kontrast) bis 21:1 (Maximum, Schwarz auf Weiß). Etwa 8 % der Männer und 0,5 % der Frauen haben eine Form der Farbsehschwäche, weshalb ausreichender Kontrast für inklusives Design unerlässlich ist.
WCAG-Konformitätsstufen
AA — Normaler Text: Mindestkontrastverhältnis 4,5:1 (häufigste Anforderung). AA — Großer Text: Mindestens 3:1 (groß = 18pt/24px regulär oder 14pt/18,5px fett). AAA — Normaler Text: Mindestens 7:1 (erweitert, empfohlen für Fließtext). AAA — Großer Text: Mindestens 4,5:1. Die meisten Barrierefreiheitsgesetze und -standards (ADA, Section 508, EN 301 549) verweisen auf WCAG AA als Mindestanforderung.
Wie das Kontrastverhältnis berechnet wird
Das Kontrastverhältnis verwendet relative Leuchtdichte-Werte, die aus sRGB-Farben abgeleitet werden. Jeder Farbkanal (R, G, B) wird linearisiert: wenn der sRGB-Wert ≤ 0,04045 ist, durch 12,92 teilen; ansonsten ((Wert + 0,055) / 1,055)^2,4 berechnen. Leuchtdichte = 0,2126·R + 0,7152·G + 0,0722·B. Das Kontrastverhältnis = (L1 + 0,05) / (L2 + 0,05), wobei L1 die Leuchtdichte der helleren Farbe und L2 die der dunkleren ist.
Datenschutz
Alle Berechnungen laufen zu 100% in deinem Browser. Es werden keine Daten an einen Server gesendet.