Farbkontrast-Prüfer — WCAG AA/AAA

Farbe

Ein Farbkontrast-Prüfer vergleicht die relative Leuchtdichte von Vordergrund- und Hintergrundfarbe, um das WCAG-Kontrastverhältnis zu berechnen und zu bestimmen, ob die Kriterien erfüllt sind oder nicht.

KI-gestützte Übersetzung in Prüfung

Diese Seite wurde mit KI-Unterstützung übersetzt und noch nicht professionell geprüft. Prüfen Sie die zitierten Quellen vor einer wichtigen Entscheidung.

Was ist das

Bei der Web-Barrierefreiheit beeinflusst der Farbkontrast die Lesbarkeit von Text. Die WCAG empfiehlt 4.5:1 für normalen Text in AA, 3:1 für großen Text in AA und 7:1 für AAA.

Kontrastverhältnis = (heller + 0.05) / (dunkler + 0.05)

Verwendung

  1. 1Geben Sie die HEX-Farbe des Vordergrunds ein.
  2. 2Geben Sie die HEX-Farbe des Hintergrunds ein.
  3. 3Prüfen Sie das Kontrastverhältnis und das AA/AAA-Ergebnis.

Referenz

Farbkontrast-Prüfer — WCAG AA/AAA Referenz
VordergrundHintergrundVerhältnisErgebnis
#111111#FFFFFF18.88:1AAA
#777777#FFFFFF4.48:1AA für normalen Text nicht erfüllt

Quellen und Normen

FAQ

Wie hoch ist die Anforderung an den Textkontrast für WCAG AA?

Normaler Text benötigt mindestens 4.5:1 und großer Text mindestens 3:1, um WCAG AA zu erfüllen.

Werden die Farbkontrastdaten an einen Server gesendet?

Nein. Dieses Tool wird in Ihrem Browser ausgeführt und sendet keine Daten an einen Server.

Verwandte Tools