ToolzPod

Farbkontrast-Prüfer

WCAG-Farbkontrastverhältnisse prüfen

Großer Text (24px)

Normaltext — Ein Pangram mit vielen verschiedenen Buchstaben.

Kontrastverhältnis
21:1
WCAG AA (4.5:1)
Bestanden
WCAG AAA (7:1)
Bestanden
AA Großer Text (3:1)
Bestanden
AAA Großer Text (4.5:1)
Bestanden

Was ist Farbkontrast?

Farbkontrast ist der Unterschied in der wahrgenommenen Leuchtkraft zwischen Text und seinem Hintergrund. Die Richtlinien für barrierefreie Webinhalte (WCAG) definieren spezifische Kontrastverhältnisse, um sicherzustellen, dass Text für Menschen mit unterschiedlichen visuellen Fähigkeiten lesbar ist, einschließlich solcher mit Sehschwäche oder Farbenblindheit.

WCAG-Kontrastanforderungen

  • AA Normaltext: Mindest-Kontrastverhältnis von 4,5:1 für Text kleiner als 18pt (oder 14pt fett).
  • AA Großer Text: Mindest-Kontrastverhältnis von 3:1 für Text 18pt oder größer (oder 14pt fett).
  • AAA Normaltext: Verbessertes Kontrastverhältnis von 7:1 für die höchste Barrierefreiheitsstufe.
  • AAA Großer Text: Verbessertes Kontrastverhältnis von 4,5:1 für großen Text auf der höchsten Barrierefreiheitsstufe.

Häufig gestellte Fragen

Wie wird das Kontrastverhältnis berechnet?

Das Verhältnis wird unter Verwendung der relativen Leuchtkraft jeder Farbe berechnet. Die Formel lautet (L1 + 0,05) / (L2 + 0,05), wobei L1 die Leuchtkraft der helleren Farbe und L2 die dunklere ist. Die Leuchtkraft wird aus linearisierten sRGB-Kanalwerten abgeleitet.

Auf welche Stufe sollte ich abzielen?

AA-Konformität ist der Mindeststandard und erfüllt die meisten gesetzlichen Anforderungen. AAA bietet die beste Lesbarkeit für alle Benutzer und wird empfohlen, wenn möglich, besonders für Fließtext.

Verwandte Tools