Farbkontrast
Erfahren Sie, wie wir künstliche Intelligenz für diese Regel nutzen!
Stellen Sie sicher, dass der Farbkontrast zwischen Text und Hintergrund den Mindestverhältnisschwellenwerten von WCAG 2 AA entspricht.
Gemäß WCAG 2.0 1.4.3 AA muss die visuelle Darstellung von Text ein Kontrastverhältnis von mindestens 4,5:1 für normalen Text und 3:1 für großen Text aufweisen. Großer Text wird als mindestens 18pt oder 14pt fett definiert.
Über diese Regel
Diese Regel überprüft den Farbkontrast von statischen Textelementen und Text innerhalb interaktiver Elemente.
Auswirkungen auf Benutzer
Die Stärke des Farbkontrasts beeinflusst, wie einfach oder schwer es ist, Text vom Hintergrund zu unterscheiden.
Für Personen mit Sehschwäche oder Farbenblindheit kann Text, dessen Luminanz (Helligkeit) dem Hintergrund zu sehr ähnelt, schwer zu lesen sein.
Bestätigung
- Führen Sie einen der folgenden Schritte aus:
-
- Öffnen Sie Ihre App in einem Emulator, ODER
– Machen Sie einen Screenshot der App auf Ihrem physischen Gerät. Senden Sie den Screenshot an sich selbst und öffnen Sie ihn auf Ihrem Computer.
- Verwenden Sie einen Farbwähler für Folgendes:
- Holen Sie sich die genaueste Farbe des Textelements.
- Holen Sie sich die genaueste Farbe jeder einzelnen Hintergrundfarbe hinter dem Text.
- Geben Sie jede Farbe in den Deque Farbpaletten-Kontrastprüfer ein.
- Sie werden eines der folgenden finden:
-
- Zugänglich: Das Farbkontrastverhältnis **erfüllt** das erforderliche Minimum für die Textgröße.
– Nicht zugänglich: Das Farbkontrastverhältnis **erfüllt** nicht das erforderliche Minimum für die Textgröße.
So beheben Sie das Problem
Verwenden Sie den Deque's Farbkontrast-Analysator, um Farben zu finden, die basierend auf der Textgröße das erforderliche Minimum erfüllen.