# Kontrastverhältnis

- Link: https://www.renatoo.de/definition/kontrastverhaeltnis/
- Veröffentlicht: 2026-10-30T19:07:33+01:00
- Autor: Renato Jagarcic

## Was bedeutet Kontrastverhältnis?

Es wird als Verhältnis angegeben, von 1:1 (kein Unterschied) bis 21:1 (Schwarz auf
Weiß). Die WCAG verlangen auf Stufe AA mindestens 4,5:1 für normalen Text und 3:
1 für großen Text.

## Warum ist das für Ihre Website wichtig?

Hellgraue Schrift auf weißem Grund sieht modern aus, ist für viele Menschen aber
schwer lesbar, auch bei Sonnenlicht auf dem Handy. Ausreichender Kontrast ist eine
der einfachsten Maßnahmen für Barrierefreiheit.

**Mehr dazu:** [Barrierefreies Webdesign](https://www.renatoo.de/barrierefreies-webdesign/)

**Verwandte Begriffe:** [WCAG](https://www.renatoo.de/definition/wcag/) · [Usability](https://www.renatoo.de/definition/usability/)