Der WebAIM Contrast Checker prüft, ob sich Textfarbe und Hintergrundfarbe deutlich genug voneinander unterscheiden. Beide Farben können als Hexwert gewählt oder direkt angepasst werden. Das Werkzeug berechnet daraus das Kontrastverhältnis und zeigt getrennt an, ob die Anforderungen für normalen und großen Text erfüllt werden.
Ein ausreichender Kontrast ist nicht nur für Menschen mit Sehbeeinträchtigungen wichtig. Auch kleine Displays, Sonnenlicht, ältere Monitore oder ermüdete Augen können Inhalte schwer lesbar machen. Die Prüfung hilft deshalb, gestalterische Entscheidungen mit messbaren Kriterien zu verbinden, ohne das gesamte Design aufzugeben.
Beim Test sollte die echte Farbkombination verwendet werden. Transparenzen, Verläufe und Hintergrundbilder können das Ergebnis verändern. In solchen Fällen müssen mehrere relevante Stellen geprüft werden. Ebenso wichtig sind Zustände wie Hover, Fokus, deaktivierte Schaltflächen und Fehlermeldungen.
Sinnvolle Prüfpunkte
- Fließtext, kleine Metadaten und Beschriftungen getrennt bewerten.
- Links, Buttons und Formulare auch in ihren verschiedenen Zuständen kontrollieren.
- Bei Bildern oder Verläufen die kontrastärmste Stelle als Grundlage nehmen.
Das Werkzeug liefert eine klare technische Aussage zum Kontrast. Ob Schriftgröße, Zeilenhöhe und visuelle Hierarchie insgesamt gut lesbar sind, muss zusätzlich im vollständigen Layout beurteilt werden.