Farbkontrastprüfer
Prüfen Sie die Kontraste zwischen Vorder- und Hintergrundfarbe lokal anhand der Formel für die relative Leuchtdichte von WCAG, beurteilen Sie jeweils die Schwellenwerte für normalen Fließtext und große Schrift gemäß AA/AAA und unterstützen Sie den Export von Berichten.
So verwenden Sie den Farbkontrastprüfer
Farbwerte werden nur im aktuellen Browser auf relative Luminanz und Kontrast berechnet und weder hochgeladen noch gespeichert.
Zwei Farben eingeben
Verwende den Farbwähler oder füge einen #RRGGBB-Wert ein, um Vorder- und Hintergrundfarbe festzulegen. Die Vorschau wird synchron aktualisiert.
Prüfschwellenwerte
Klicken Sie auf „Prüfen“, um den Status für normalen Fließtext AA, normalen Fließtext AAA und große Schrift AA jeweils anzuzeigen.
Prüfprotokoll kopieren
Nach erfolgreicher Prüfung kannst du den Bericht kopieren oder TXT herunterladen, um Farbwerte, Verhältnisse und die Ergebnisse aller Schwellenwerte zu dokumentieren.
Einschränkungen und Hinweise
- Die erste Version akzeptiert nur #RGB oder #RRGGBB ohne Transparenz; bei halbtransparenten Farben muss zuerst der tatsächliche Kompositionshintergrund festgelegt werden.
- 4.5:1 gilt für normalen Fließtext AA, 3:1 gilt für große Schrift AA, 7:1 ist der Referenzschwellenwert für normalen Fließtext AAA; außerdem müssen Schriftgröße, Schriftstärke und der Kontrast von Nicht-Text-Elementen geprüft werden.
- Das Tool berechnet nur den Kontrast eines Paares von Volltonfarben und simuliert keine Verläufe, Bilder, Schatten, Schriftwiedergabe oder komplexen Hintergründe.
Häufig gestellte Fragen
Was bedeutet 4.5:1?
Dies ist die Mindestkontrastschwelle von WCAG für AA bei normalem Fließtext; die AA-Schwelle für Fließtext in großer Schrift beträgt 3:1.
Warum kann eine transparente Farbe nicht direkt beurteilt werden?
Die endgültige Farbe eines transparenten Vorder- oder Hintergrunds hängt von der Kompositionsreihenfolge und dem Hintergrundbild ab; zuverlässiger ist es, zuerst die tatsächlich angezeigte Vollfarbe zu bestimmen.
Gewährleistet ein bestandener Kontrast Barrierefreiheit?
Nicht unbedingt. Außerdem sollten Schriftgröße, Schriftstärke, Status, Fokus, Nicht-Text-Komponenten, Bildhintergründe und die Darstellung auf tatsächlichen Geräten geprüft werden.