Apple Messages & Color Contrast PlatoBlockchain Data Intelligence. Függőleges keresés. Ai.

Apple üzenetek és színkontraszt

Na, ezt színezd ki! Tegnap este azon töprengtem, hogy milyen nehéz szöveges üzeneteket olvasni az Apple Messages alkalmazásban. Tudod, nem a kék buborékok, amelyeket akkor kapsz, amikor más iPhone-felhasználóknak üzensz. Ezek az iMessages.

Amiről beszélek, az a zöld buborékok, amelyek akkor jelennek meg, amikor üzeneteket küldenek a nem iPhone-felhasználóknak. Ezek normál szöveges üzenetek.

iMessage (balra) és szöveges üzenet (jobbra)

Futtassuk át a zöldet egy kontrasztellenőrzőn, hogy megnézzük, mi a helyzet.

Apple Messages & Color Contrast PlatoBlockchain Data Intelligence. Függőleges keresés. Ai.
Permalink

Oomph. Most már tudom, miért nyúlok mindig az olvasószemüvegemért, ha felbukkan egy szöveges üzenet. Ez a 2.17:1 arány a WCAG 2.0 AA 4.5:1 követelménye alatt van, és wayyyyy a 7:1 AAA szint alatt van.

Kiderült, hogy nem én vagyok az egyetlen, aki ragaszkodik. Egy gyors keresés egy kis hírt és blogbejegyzést talált – némelyik a múlt héten is friss volt – a zöld szöveges üzenetbuborékok olvashatóságáról.

Nem vagyok összeesküvés-elmélet híve, és szeretek hasznot húzni a kételyeknek. Buuuuut…

Apple Messages & Color Contrast PlatoBlockchain Data Intelligence. Függőleges keresés. Ai.
Apple Messages iOS 6-ban (balra) és iOS 7-ben (jobbra)
hitel: Phoceis
  • iOS 6: Sötét szöveg zöld színátmenetes háttéren
  • iOS 7: Fehér szöveg a #5AB539 háttér (vagy valami ahhoz közeli)
  • iOS 16.1: Fehér szöveg a #6ACC46 háttér

Ez a második régi képernyőképeken alapul, és lehet, hogy nem a legpontosabb színérték. Ennek ellenére a sötét szövegű iOS 6-ról a mai iOS 16.1-re való áttérés egyértelmű regressziót mutat. Szeretném azt hinni, hogy a tervezőcsapat ellenőrizte a frissített értékeket a WCAG irányelvei szerint, de legalábbis a sajátjaik szerint Human Interface iránymutatások.

Apple Messages & Color Contrast PlatoBlockchain Data Intelligence. Függőleges keresés. Ai.
Apple üzenetek és színkontraszt

Az aktuális zöld háttér (#65C466) eltér a zöld „rendszerszínként” feltüntetetttől (#30D158, 48, 209, 88) RGB-ből konvertálva az irányelvekben felsorolt ​​iOS palettán. Ez azonban nem visz közelebb a WCAG AA vagy AAA minősítés eléréséhez.

Apple Messages & Color Contrast PlatoBlockchain Data Intelligence. Függőleges keresés. Ai.
Permalink

🤷♂️

Időbélyeg:

Még több CSS trükkök