ÜBERBLICK
Umsetzbarkeit:
- Komplexität:Einfach
- Dauer:Kann dauern
Wichtig für Rolle:
Design
Zum WCAG-Kriterium:
Kontrast (Minimum) (englisch)Worum geht's?
Alle Texte einer Website müssen ein ausreichendes Kontrastverhältnis zum Hintergrund haben, egal ob Fließtexte, Button-Beschriftungen oder Platzhalter in Formularen.
Umsetzung
Nutze die für deine Situation passende Technik, um das Erfolgskriterium zu erfüllen.
Texte halten die richtigen Kontraste ein
Für die Kontraste von Texten gilt Folgendes:
- Texte kleiner als 24 Pixel brauchen einen Kontrast von 4,5:1 zum Hintergrund
- Bei Texten größer als 24 Pixel reicht ein Kontrast von 3:1
- Und bei Texten größer als 18,5 Pixel und fett reicht auch 3:1
Um die Kontrastverhältnisse zu bestimmen, kannst du Kontrast-Checker nutzen. Es gibt dafür Webseiten und Browser-Plug-ins (Contrast-Checker installieren) und auch moderne Design-Tools wie Figma haben Kontrast-Checker integriert.
DAs Accessbility-Center
Teste selbstständig auf digitale Barrierefreiheit!
Mit unserem manuellen Test-Tool prüfst du deine Website selbstständig, schnell und effizient auf digitale Barrierefreiheit!
- Alle Prüfschritte leicht erklärt
- Teile und exportiere Prüfberichte
- Teste direkt auf der Live-Webseite!
