Farbkontrast-Prüfer
Prüfen Sie Farbkontrastverhältnisse für WCAG 2.1-Konformität. Validieren Sie AA- und AAA-Standards sofort.
Was ist das WCAG-Kontrastverhältnis?
Das WCAG-Kontrastverhältnis misst den Leuchtdichteunterschied zwischen Vorder- und Hintergrundfarben. Es reicht von 1:1 bis 21:1.
Was sind die WCAG AA- und AAA-Anforderungen?
WCAG AA erfordert mindestens 4.5:1 für normalen Text und 3:1 für großen Text. AAA erfordert 7:1 bzw. 4.5:1.
Was gilt als großer Text?
Großer Text ist definiert als 18pt (24px) oder größer, oder 14pt (18.66px) fett oder größer.
Warum ist Farbkontrast wichtig?
Ausreichender Kontrast stellt sicher, dass Text für Menschen mit Sehbehinderungen lesbar ist und verbessert die Lesbarkeit für alle.
Wie berechne ich das Kontrastverhältnis?
Es wird mit den relativen Leuchtdichtewerten berechnet. Die Formel lautet (L1 + 0.05) / (L2 + 0.05).
Was ist der Mindestkontrast für UI-Elemente?
WCAG erfordert mindestens 3:1 für UI-Komponenten und grafische Objekte.
Kann ich jede Farbkombination verwenden?
Nicht alle Kombinationen erfüllen Barrierefreiheitsstandards. Verwenden Sie diesen Prüfer zur Validierung.
Was ist relative Leuchtdichte?
Sie ist die wahrgenommene Helligkeit einer Farbe, von 0 (Schwarz) bis 1 (Weiß). Berechnet mit dem sRGB-Farbraum.
Muss ich den Kontrast von Bildern prüfen?
Text in Bildern muss dieselben Anforderungen erfüllen. Für dekorative Bilder gilt dies nicht.
Welche Tools helfen bei Kontrast?
Verwenden Sie Browser-Entwicklertools, Design-Plugins oder Online-Prüfer wie diesen.