Prüfe Farbkombinationen auf WCAG-Konformität und sorge für eine barrierefreie, gut lesbare Website.
Großer Text (18px): Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore.
Normaler Text (16px): Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Kleiner Text (14px): Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
| Element | AA (Minimum) | AAA (Optimal) |
|---|---|---|
| Normaler Text (< 18pt) | 4,5:1 | 7:1 |
| Großer Text (≥ 18pt oder ≥ 14pt fett) | 3:1 | 4,5:1 |
| UI-Komponenten & Grafiken | 3:1 | – |
| Fokus-Indikatoren | 3:1 | – |
Alles über Farbkontraste und WCAG-Richtlinien