So verwenden Sie den Color Contrast Checker
- Geben Sie die Textfarbe (HEX) ein und passen Sie die Optionen nach Bedarf an.
- Führen Sie das Tool aus und überprüfen Sie seine Ergebnisse, Beweise und Einschränkungen.
- Kopieren oder laden Sie das Ergebnis herunter und vergleichen Sie es dann mit der tatsächlichen Website, den Quelldaten oder den Geschäftsunterlagen.
Versuchen Sie es mit einem konkreten Beispiel
Vergleichen Sie eine markenfarbene Schaltfläche mit weißem und dunklem Text, bevor Sie die Beschriftungsfarbe auswählen.
So interpretieren Sie Ergebnisse
Der Kontrast verwendet die eingegebenen Farben und standardmäßige relative Luminanzberechnungen. Textgröße, Gewicht, Status und die gesamte Benutzeroberfläche müssen noch auf Barrierefreiheit überprüft werden. Das Bestehen eines Farbpaares stellt keine allgemeine Konformität dar.
Häufig gestellte Fragen
Erfüllt die Weitergabe des Farbkontrasts alle Barrierefreiheitsanforderungen?
Nicht vollständig. Tastaturnavigation, semantische Tags, Fokusindikatoren und Alternativtext sind ebenfalls erforderlich.
Was gilt als großer Text?
Großer WCAG-Text bezieht sich im Allgemeinen auf etwa 18pt oder 14pt Fett und mehr, abhängig von der Schriftartwiedergabe.
Wird transparente Farbe unterstützt?
Derzeit sind undurchsichtige HEX-Werte erforderlich. Bitte berechnen Sie zunächst die tatsächliche Mischfarbe.