Apple Messages & Color Contrast PlatoBlockchain Data Intelligence. Vertikale Suche. Ai.

Apple-Meldungen und Farbkontrast

Nun, färbe mich das! Ich habe mich letzte Nacht darüber geärgert, wie verdammt schwer es ist, Textnachrichten in Apple Messages zu lesen. Sie wissen, nicht die blauen Blasen, die Sie erhalten, wenn Sie anderen iPhone-Benutzern Nachrichten senden. Das sind iMessages.

Ich spreche von den grünen Blasen, die Sie erhalten, wenn Sie Nicht-iPhone-Benutzern Nachrichten senden. Das sind Standard-Textnachrichten.

iMessage (links) und SMS (rechts)

Lassen Sie uns das Grün durch einen Kontrastprüfer laufen lassen, um zu sehen, was los ist.

Apple Messages & Color Contrast PlatoBlockchain Data Intelligence. Vertikale Suche. Ai.
Permalink

Pep. Jetzt weiß ich, warum ich immer zur Lesebrille greife, wenn eine SMS auftaucht. Dieses Verhältnis von 2.17:1 liegt unter der WCAG 2.0 AA-Anforderung von 4.5:1 und deutlich unter dem AAA-Niveau von 7:1.

Es stellt sich heraus, dass ich nicht der Einzige bin, der meckert. Eine schnelle Suche ergab eine kleine Fundgrube an Nachrichten und Blogbeiträgen – einige davon so neu wie letzte Woche – über die Lesbarkeit dieser grünen Textnachrichtenblasen.

Ich bin kein Verschwörungstheoretiker und gebe dem Zweifel gerne einen Vorteil. Buuuut…

Apple Messages & Color Contrast PlatoBlockchain Data Intelligence. Vertikale Suche. Ai.
Apple Messages in iOS 6 (links) und iOS 7 (rechts)
Bildnachweis: Phoceis
  • iOS 6: Dunkler Text auf grünem Hintergrund mit Farbverlauf
  • iOS 7: Weißer Text auf a #5AB539 Hintergrund (oder so ähnlich)
  • iOS 16.1: Weißer Text auf a #6ACC46 Hintergrund

Dieser zweite basiert auf alten Screenshots und ist möglicherweise nicht der genaueste Farbwert. Dennoch zeigt der Übergang von iOS 6 mit dunklem Text zu dem, was wir heute in iOS 16.1 haben, einen deutlichen Rückschritt. Ich würde gerne denken, dass das Designteam die aktualisierten Werte gegen die WCAG-Richtlinien geprüft hat, sicher, aber zumindest gegen ihre eigenen Richtlinien für die menschliche Schnittstelle.

Apple Messages & Color Contrast PlatoBlockchain Data Intelligence. Vertikale Suche. Ai.
Apple-Meldungen und Farbkontrast

Der aktuelle grüne Hintergrund (#65C466) scheint anders zu sein als die grüne „Systemfarbe“ (#30D158, konvertiert aus einem RGB von 48, 209, 88) in der iOS-Palette, die in den Richtlinien aufgeführt ist. Aber es ist nicht so, dass uns das einem bestandenen AA- oder AAA-Rating der WCAG näher bringt.

Apple Messages & Color Contrast PlatoBlockchain Data Intelligence. Vertikale Suche. Ai.
Permalink

🤷♂️

Zeitstempel:

Mehr von CSS-Tricks