# 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**](https://webaim.org/resources/contrastchecker/) 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. --- # Agent Instructions: Querying This Documentation If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question. Perform an HTTP GET request on the current page URL with the `ask` query parameter: ``` GET https://themedocs.zenit.design/faq/barrierefreiheit/farben.md?ask= ``` The question should be specific, self-contained, and written in natural language. The response will contain a direct answer to the question and relevant excerpts and sources from the documentation. Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.