Tools › Design
Farbkontrast prüfen
Prüfen Sie Text- und UI-Farben nach WCAG 2.2 AA und AAA, nehmen Sie Farben vom Bildschirm oder aus einem Mockup auf und erhalten Sie den nächstliegenden Farbton, der die Anforderungen erfüllt.
Großer Text 24px
Fließtext in 16px sollte für alle gut lesbar bleiben, auch für Menschen mit Sehschwäche.
2.21:1
✗ AA Text✗ AA groß✗ AAA Text✗ AAA groß✗ UI & Symbole
Nächstgelegene Textfarbe, die AA erfüllt: #B4610B
Farben aus einem Mockup aufnehmen
So funktioniert es
- Der Kontrast wird mit der WCAG-Formel für relative Leuchtdichte berechnet und abgerundet, wie es Prüfer tun.
- Der Vorschlag behält Farbton und Sättigung Ihrer Farbe bei und ändert nur die Helligkeit.
Fragen
Was gilt als großer Text?
Ab 24 px normal oder ab 18,66 px fett. Für AA genügt dann 3:1 statt 4,5:1.