Die Farbe hat weder mit Weiß (#FFFFFF) noch mit Schwarz (#000000) genügend Kontrast

In Android Studio (offizielle Anwendung für Android-Programmierung) habe ich eine Farbe erstellt, die ich als Primärfarbe haben möchte. Die Anwendung (Android Studio) beschwert sich jedoch, dass meine Farbe keinen ausreichenden Kontrast zur Farbe Schwarz #000000 (die als Textfarbe verwendet wird) hat. Ich wechselte zum dunklen Thema, weil ich dachte, dass das Umschalten der Textfarbe (zu der die Primärfarbe komplementieren muss) auf Weiß #FFFFFF den Fehler übertreffen würde. Der Fehler ist aber immer noch da.

Android-Studio-Fehler

Hier ist meine Farbe:#35885C

Ignorieren, was auch immer diese Anwendung sagt. Ich bin mir wirklich nicht sicher, ob meine Farbe am besten zu Schwarz oder Weiß passt. Gibt es eine Art mathematische Formel, um Beschwerden mit Schwarz/Weiß, vielleicht anderen Farben, zu berechnen? Wäre Schwarz oder Weiß für diese Farbe am besten geeignet? Stellen Sie sich die bereitgestellte grüne Farbe mit entweder weißem oder schwarzem Text darauf vor, stimmen beide Farben nicht mit meiner Farbe überein?

Antworten (1)

Auf schwarzem Hintergrund schlägt es nur bei WCAG AAA fehl , was nicht obligatorisch ist, und es schlägt nur bei kleiner Schriftart fehl, also würde ich sagen, dass es ziemlich sicher ist. Ihr Kontrastverhältnis beträgt 4,83:1 und AA-Level erfordert 4,5:1 , während AAA 7:1 für normalen Text erfordert, aber 4,5 für große Schriftarten

Wenn wir über weißen Hintergrund sprechen, erhalten Sie 4,35:1 , sodass AA und AAA bei normalem Text fehlschlagen und sogar bei AAA-großem Text fehlschlagen

Kurz gesagt, wenn Sie diesen Grünton beibehalten und sowohl die Zugänglichkeitsstufen AA als auch AAA einhalten möchten, müssen Sie Folgendes verwenden:

Weißer Hintergrund:

#24603F

Schwarzer Hintergrund:

#3FAB70

und natürlich können Sie die Farben mit dem Contrast Checker Tool überprüfen

Ich interessiere mich sehr für das Kontrastverhältnis, von dem Sie sprechen. Irgendwelche Artikel oder etwas, das Sie kennen, um zu versuchen, das Konzept tiefer zu verstehen? Guter Tipp zum Constrast Checker Tool!
Jonas, schön, dass du dich für Barrierefreiheit interessierst, weiter so! Schauen Sie sich zu Ihrer Frage den ersten Link in meiner Antwort an. Sie haben eine sehr gründliche Erklärung und einen Link zu weiteren Ressourcen. Wenn Sie eine Formel benötigen, werfen Sie einen Blick auf ux.stackexchange.com/questions/107318/… und Sie haben eine Menge unter w3.org/TR/WCAG20-TECHS/G17.html und w3.org/TR/WCAG20-TECHS /G18.html
Die Farbe hat weder mit Weiß (#FFFFFF) noch mit Schwarz (#000000) genügend Kontrast
AntwortenHierDatenschutz-Bestimmungen1y, 0v