Kontrast-Korrektur
Local only — nothing is uploaded unless you save or share it.
Eine Farbkontrast-Korrektur — die nächstliegende zugängliche Farbe, die WCAG AA besteht.
- Geben Sie die Textfarbe und die Hintergrundfarbe ein, die durchfallen.
- Wählen Sie die WCAG-Stufe, die Sie brauchen — AA ist das übliche Ziel für Fließtext.
- Entscheiden Sie, welche Farbe sich ändern darf, oder lassen Sie die nähere bewegen.
- Kopieren Sie die vorgeschlagene Farbe, oder nehmen Sie eine andere aus der Liste.
Jetzt
Nächstliegende Korrektur
Weitere Möglichkeiten
Tool speichern
Kontrast-Korrektur griffbereit halten
Nutzen Sie das Teilen-Menü Ihres Browsers und dann „Zum Home-Bildschirm“.
Über dieses Tool
Zu wissen, dass ein Farbpaar durchfällt, ist nur die halbe Antwort. Dies ist die Kontrast-Korrektur für die andere Hälfte: Geben Sie ein durchgefallenes Paar ein, und Sie bekommen die nächstliegende zugängliche Farbe zurück, die besteht. Ein Kontrast-Prüfer sagt Ihnen, dass 3,1:1 nicht reicht, und lässt Sie dann so lange Abstufungen raten, bis etwas hält — so werden Markenfarben still und leise zu dem, was zuerst bestanden hat. Dies findet die nächstliegende Farbe, die funktioniert. Es verschiebt die Helligkeit und sonst nichts, Farbton und Sättigung überleben also: Das Ergebnis ist erkennbar die Farbe, die Sie gewählt haben, ein wenig heller oder dunkler, und nicht eine andere Farbe, die zufällig über die Latte kommt. Und es prüft jede zulässige Helligkeit, statt beim ersten Treffer stehenzubleiben — eine Farbe, die nur 3 % Änderung braucht, bekommt 3 %. Sie entscheiden, welche Farbe sich bewegen darf. Markenpaletten legen meist eine der beiden fest — der Hintergrund ist die Seite, oder die Textfarbe ist das Logo — und ein Vorschlag, der die falsche ändert, nützt gar nichts. Verlangen Sie eine Korrektur am Text, am Hintergrund oder an dem, was näher liegt. Alle vier WCAG-Stufen sind da: AA mit 4,5:1 für Fließtext, AA Groß mit 3:1 für Überschriften ab 18pt oder 14pt fett, und die strengeren AAA-Stufen mit 7:1 und 4,5:1. Alles läuft in Ihrem Browser.
Häufige Fragen
Warum ändert es nur die Helligkeit?
Weil Kontrast eine Funktion der relativen Leuchtdichte ist, und von Farbton, Sättigung und Helligkeit bewegt nur die Helligkeit die Leuchtdichte nennenswert. Den Farbton zu ändern ergäbe eine Farbe, die besteht und nicht Ihre ist. Farbton und Sättigung zu behalten heißt, dass die Korrektur noch nach der gewählten Farbe aussieht.
Was ist die nächstliegende bestehende Farbe?
Die, deren Helligkeit sich am wenigsten bewegt hat. Jeder Wert von 0 bis 100 wird versucht, und die kleinste Änderung, die Ihre Stufe schafft, gewinnt — Sie werden also nie gebeten, dunkler zu gehen als nötig.
Was, wenn nichts besteht?
Dann sagt es das. Auf einem mittelgrauen Hintergrund ist AAA mit 7:1 selbst mit reinem Schwarz oder reinem Weiß unerreichbar — keine Abstufung irgendeiner Farbe schafft es. Die ehrliche Antwort ist dann, die andere Farbe zu ändern, und genau dafür ist die Auswahl da.
Welche WCAG-Stufe soll ich anstreben?
AA mit 4,5:1 für normalen Fließtext ist an den meisten Orten gesetzlich gefordert, auch von der EU-Richtlinie über den barrierefreien Zugang. AAA mit 7:1 lohnt sich für längeres Lesen. Großer Text — 18pt oder 14pt fett — darf bei AA auf 3:1.
Ersetzt das den Kontrast-Prüfer?
Nein, es folgt darauf. Der Prüfer sagt Ihnen, wo Sie stehen und gegen welche Stufen; dieser sagt Ihnen, was gegen ein Durchfallen zu tun ist. Beide teilen dieselbe Kontrastrechnung, sie werden einander also nie widersprechen.
Helfen Sie, dieses Tool zu verbessern
Einen Fehler gefunden, eine Änderung im Kopf, oder fehlt Ihnen ein Tool?
Sie haben einen ungesendeten Entwurf.
Danke — ist bei uns angekommen. Die Antwort finden Sie in Ihrem Postfach.Go to my messages