Farbkontrast-Check

Farbkontraste sind eine sehr wichtige Komponente, wenn es darum geht, ein Web zu schaffen, das für alle Nutzer leicht zugänglich ist. Um den Text auf Ihrer Website gut lesbar zu machen, sollte der Kontrast zwischen dem Text und dem Hintergrund hoch sein.

Verwenden Sie diesen Farbkontrast-Check, um festzustellen, ob Ihre Farbkombinationen barrierefrei sind oder nicht.

Wählen Sie die Farben Ihrer Website aus

Textfarbe

#

Hintergrundfarbe

#
RGB:

Ergebnis (Verhältnis: )

AA+ AAA+
Normale Textgröße
Große Textgröße

Der Check verwendet die WCAG 2.0-Formel für den Farbkontrast. Zur Einhaltung der Stufe AA sollte Ihr Text ein Kontrastverhältnis von 4,5:1 aufweisen. Für die Einhaltung der Stufe AAA sollte Ihr Text ein Kontrastverhältnis von 7:1 haben. Wenn Ihr Text groß ist (18+ Punkt oder 14 Punkt, wenn der Text fett ist), kann Ihr Verhältnis 3:1 für die Einhaltung der Stufe AA und 4,5:1 für die Stufe AAA sein.

Siteimprove Website Management Toolkits. Diese Sammlung von kostenfreien Werkzeugen wird Ihnen helfen, Ihre digitale Präsenz noch heute zu perfektionieren.