Kontrastverhältnis (Color Contrast Ratio)

Das Kontrastverhältnis beschreibt, wie stark sich Text und Elemente farblich vom Hintergrund abheben. Es ist ein zentraler Bestandteil der Barrierefreiheit und in den WCAG‑Richtlinien (Web Content Accessibility Guidelines) fest definiert.

 

Relevante WCAG‑Vorgaben

  • Normaler Text: mindestens 4.5:1
  • Großer Text (ab 18 pt oder 14 pt fett): mindestens 3:1
  • UI‑Elemente & Grafiken: mindestens 3:1

 

Warum ist das wichtig?

  • Menschen mit Sehbehinderungen oder Farbfehlsichtigkeit können Inhalte besser erkennen
  • verbessert Lesbarkeit und Nutzerfreundlichkeit
  • wirkt sich positiv auf mobile Nutzung und helle Umgebungen aus