So verwendest du Farbkontrast-Prüfer
- Beide Farben eingebenGib HEX-Codes wie #1a1a1a oder die Kurzform #111 in Textfarbe und Hintergrundfarbe ein.
- Starte die PrüfungKlicke auf Starten, um eine Textvorschau und das Kontrastverhältnis zu sehen.
- WCAG-Ergebnisse lesenBestanden oder Nicht bestanden wird für Normaler Text AA (4,5:1), Großer Text AA (3:1), Normaler Text AAA (7:1) und Großer Text AAA (4,5:1) angezeigt.
Häufige Anwendungen
- Buttontext auf einer Markenfarbe prüfen
- Hellgrauen Fließtext vor dem Launch testen
- Kontraste für eine Barrierefreiheitsprüfung dokumentieren
Häufige Fragen
Wie verwende ich Farbkontrast-Prüfer?
1. Beide Farben eingeben: Gib HEX-Codes wie #1a1a1a oder die Kurzform #111 in Textfarbe und Hintergrundfarbe ein. 2. Starte die Prüfung: Klicke auf Starten, um eine Textvorschau und das Kontrastverhältnis zu sehen. 3. WCAG-Ergebnisse lesen: Bestanden oder Nicht bestanden wird für Normaler Text AA (4,5:1), Großer Text AA (3:1), Normaler Text AAA (7:1) und Großer Text AAA (4,5:1) angezeigt.
Wie wird das Verhältnis berechnet?
Mit der WCAG-Formel für relative Leuchtdichte, (L1 + 0.05) / (L2 + 0.05), wobei L1 die hellere Farbe ist. Das Verhältnis wird auf zwei Nachkommastellen abgeschnitten angezeigt, das Urteil nutzt den exakten Wert, 4.499:1 besteht AA also nicht, auch wenn es nah an 4.5 liegt.
Welche WCAG-Stufen werden geprüft?
AA für normalen Text bei 4.5:1, AA für großen Text bei 3:1, AAA für normalen Text bei 7:1 und AAA für großen Text bei 4.5:1.
Kann ich RGB-Werte oder Farbnamen eingeben?
Nein. Beide Felder brauchen HEX-Codes mit sechs Stellen oder die dreistellige Kurzform; das #-Zeichen ist optional.
Werden meine Farben gespeichert?
Die beiden HEX-Codes gehen an den GigaTools-Server, der das Verhältnis berechnet und das Ergebnis zurückgibt. Gespeichert wird nichts.