Kontrast-Prüfer nach WCAG.
Zwei Farben eingeben, Ergebnis sofort: das Kontrastverhältnis mit Bewertung nach WCAG 2.2 für normalen Text, große Schrift und Bedienelemente. Alles läuft in Ihrem Browser.
Was die Zahl bedeutet.
Das Kontrastverhältnis vergleicht die relative Leuchtdichte zweier Farben. Es reicht von 1 : 1 (gleiche Farbe) bis 21 : 1 (Schwarz auf Weiß).
AA für normalen Text: 4,5 : 1
Die Stufe, die Websites in der Praxis erfüllen sollen. Sie gilt für Fließtext, Beschriftungen und graue Beispieltexte in Formularfeldern.
AA für große Schrift: 3 : 1
Groß heißt: ab 24 px oder ab 18,66 px in Fettschrift. Gemeint ist die tatsächlich angezeigte Größe.
Bedienelemente und Grafiken: 3 : 1
Ränder von Eingabefeldern, Fokusrahmen, Symbole ohne Text und Linien in Diagrammen gegenüber ihrer Umgebung.
AAA: 7 : 1 und 4,5 : 1
Die strengere Stufe. Sie ist für Websites nicht vorgeschrieben, hilft aber bei langen Texten und schwierigen Lichtverhältnissen.
Kurz gefragt.
Wie genau rechnet der Kontrast-Prüfer?
Nach der Formel der WCAG: Aus jeder Farbe wird die relative Leuchtdichte im sRGB-Farbraum berechnet, das Verhältnis ist (heller + 0,05) : (dunkler + 0,05). Das Ergebnis wird auf zwei Stellen abgeschnitten, nicht aufgerundet. 4,499 zeigt also 4,49 und erfüllt AA nicht.
Reicht AA für das Barrierefreiheitsstärkungsgesetz?
In der Praxis gilt die Norm EN 301 549, die für Websites auf WCAG 2.1 Stufe AA verweist. AAA ist nicht gefordert. Der Kontrast ist aber nur ein Punkt von vielen, siehe unsere BFSG-Checkliste.
Wie prüfe ich Text auf Bildern oder Verläufen?
Nehmen Sie die Stelle des Hintergrunds, die dem Text farblich am nächsten kommt, und prüfen Sie diese. Hilft das nicht, legen Sie eine ruhige Fläche oder eine Abdunklung hinter den Text.
Gilt die Regel auch für Logos?
Nein. Text in Logos und Markennamen ist von den Kontrastanforderungen ausgenommen, ebenso rein dekorativer Text und Bedienelemente, die gerade nicht aktiv sind.
Was macht der Farbvorschlag?
Erreicht der Text 4,5 : 1 nicht, verschiebt der Prüfer die Textfarbe in kleinen Schritten Richtung Schwarz oder Weiß, bis es reicht, und zeigt die erste passende Farbe. So bleibt der Farbton möglichst nah an Ihrem Original.
Werden meine Farben gespeichert?
Nein. Die Rechnung läuft in Ihrem Browser. Die Farben stehen nur in der Adresse dieser Seite, damit Sie das Ergebnis als Link teilen können.
Sollen wir das für Sie übernehmen?
Wir bauen solche Prüfungen in Ihre Abläufe ein und beheben, was sie finden.