handyk.it

Ausgesprochen „Handy Kit“

🇬🇧 🇩🇪 🇮🇹 🇪🇸

Kontrast-Prüfer

Prüfe das WCAG-Kontrastverhältnis zwischen zwei Farben, mit Bestanden/Nicht bestanden für AA und AAA bei beiden Textgrößen.

Beispiel für großen Text

Beispiel für normal großen Text, wie er für Fließtext und Absätze verwendet wird.

21.00:1 Kontrastverhältnis
StandardTextgrößeErforderlichErgebnis
WCAG AANormal4.5:1Bestanden
WCAG AAGroß (18,66px fett / 24px)3:1Bestanden
WCAG AAANormal7:1Bestanden
WCAG AAAGroß (18,66px fett / 24px)4.5:1Bestanden

So funktioniert's

Wähle oder tippe eine Vordergrund- (Text-) und Hintergrundfarbe als Hexcode ein. Das Kontrastverhältnis und Bestanden/Nicht bestanden nach WCAG AA/AAA für normalen und großen Text aktualisieren sich live, mit einer Vorschau, die zeigt, wie echter Text tatsächlich aussehen würde.

Häufige Fragen

Was gilt als bestehendes Kontrastverhältnis?

WCAG AA erfordert mindestens 4,5:1 für normalen Text und 3:1 für großen Text (18,66px fett oder 24px normal und größer). AAA ist strenger: 7:1 und 4,5:1.

Wie wird das Verhältnis berechnet?

Aus der relativen Leuchtdichte jeder Farbe nach der WCAG-Formel, dann (heller + 0,05) geteilt durch (dunkler + 0,05) - dieselbe Mathematik, die die meisten Design-Tools und Browser-Entwicklertools verwenden.

Prüft das noch etwas anderes als das Kontrastverhältnis?

Nein - nur das WCAG-Kontrastverhältnis und Bestanden/Nicht bestanden. Es simuliert keine Farbenblindheit und prüft sonst nichts an den Farben.

Ähnliche Tools

6 Aufrufe