Kontrast-Checker
Wählen Sie Vordergrund- und Hintergrundfarbe
Überschrift Beispiel
Dies ist ein Beispieltext, um den Kontrast zwischen Vordergrund- und Hintergrundfarbe zu demonstrieren. Stellen Sie sicher, dass der Text gut lesbar ist.
Kleinerer Text sollte besonders gut lesbar sein.
Exzellent
AA Normal
Normaler Text (< 18pt) (min. 4.5:1)
AA Large
Großer Text (≥ 18pt oder 14pt fett) (min. 3:1)
AAA Normal
Höchste Stufe für normalen Text (min. 7:1)
AAA Large
Höchste Stufe für großen Text (min. 4.5:1)
WCAG Richtlinien erklärt
Normaler Text
Erfordert mindestens 4.5:1 Kontrast für WCAG AA.
Großer Text
Text ab 18pt (oder 14pt fett) braucht nur 3:1 Kontrast.
Grafische Elemente
UI-Komponenten und Grafiken benötigen 3:1 Kontrast.
Warum ist Barrierefreiheit wichtig?
Etwa 8% der Männer und 0.5% der Frauen haben eine Farbsehschwäche. Ein guter Kontrast macht Ihre Website für alle Besucher zugänglich – unabhängig von Sehstärke oder Umgebungsbeleuchtung.
der Weltbevölkerung haben eine Behinderung
EU-Barrierefreiheitsgesetz tritt in Kraft
mehr Reichweite durch Barrierefreiheit
Website barrierefrei machen?
Wir helfen Ihnen, Ihre Website für alle Nutzer zugänglich zu machen.