Farbkontrast-Prüfer

WCAG-Farbkontrast-Zugänglichkeit prüfen

Gib eine Vordergrundfarbe und eine Hintergrundfarbe im Hex-Format ein. Das Kontrastverhältnis wird sofort anhand der WCAG 2.1-Formel für relative Luminanz berechnet. Das Tool zeigt Bestanden oder Nicht-bestanden für alle vier Zugänglichkeitsprüfpunkte: AA und AAA sowohl für normalen Text als auch für großen Text oder UI-Komponenten. Nutze die Farbwähler zur visuellen Auswahl oder tippe die Werte direkt ein.

WCAG definiert drei Konformitätsstufen. Stufe AA ist die Standardanforderung für die meisten Websites und erfordert ein Verhältnis von mindestens 4.5:1 für normalen Text und 3:1 für großen Text (18pt oder 14pt fett). Stufe AAA ist der erweiterte Standard mit 7:1 und 4.5:1 respectively. Das maximal mögliche Verhältnis ist 21:1, erreicht durch Schwarz auf Weiß.

FAQ

Was gilt als großer Text? WCAG definiert großen Text als mindestens 18pt (24px) in normaler Stärke oder 14pt (ca. 18.67px) fett.

Wird Alpha-Transparenz unterstützt? Nein. Das Tool arbeitet mit vollständig opaken Hex-Farben. Bei halbtransparenten Farben zuerst die Farbe auf den Hintergrund legen.