Farben

Farbkontraste und Barrierefreiheit

Ein ausreichender Farbkontrast ist essenziell für die Lesbarkeit und barrierefreie Nutzung deines Shops. Besonders Texte, Bedienelemente und Eingabefelder müssen sich deutlich vom Hintergrund abheben, damit auch Menschen mit Sehbeeinträchtigungen sie problemlos erkennen und nutzen können.

Darauf solltest du achten:

  • Text und Hintergrund: Der Kontrast sollte mindestens 4,5:1 (fĂĽr FlieĂźtext) bzw. 3:1 (fĂĽr größere Schrift und UI-Elemente) betragen.

  • Eingabefelder und Buttons: Sie sollten sich klar vom Hintergrund absetzen und gut erkennbar sein – idealerweise mit einem sichtbaren Rahmen oder einer deutlichen FĂĽllfarbe.

  • Fokus- und Hover-Effekte: Stelle sicher, dass interaktive Elemente wie Buttons oder Formulareingaben bei Fokus oder Hover deutlich hervorgehoben werden.

Tipp: Du kannst den Farbkontrast mit Online-Tools wie dem WebAIM Contrast Checker oder Browser-Plugins für Barrierefreiheitsprüfungen testen und gegebenenfalls anpassen. So stellst du sicher, dass dein Shop für alle Nutzer gut zugänglich ist.

Last updated

Was this helpful?