Siteimprove Website Management Toolkits. Diese Sammlung von kostenfreien Werkzeugen wird Ihnen helfen, Ihre digitale Präsenz noch heute zu perfektionieren.
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.
