Сообщения Apple и цветовой контраст PlatoBlockchain Data Intelligence. Вертикальный поиск. Ай.

Сообщения Apple и цветовой контраст

Ну раскрась мне это! Прошлой ночью я жалел себя о том, как чертовски сложно читать текстовые сообщения в Apple Messages. Вы знаете, не голубые пузыри, которые вы получаете, когда переписываетесь с другими пользователями iPhone. Это iMessages.

Я говорю о зеленых пузырьках, которые вы получаете, когда обмениваетесь сообщениями с пользователями, не являющимися пользователями iPhone. Это стандартные текстовые сообщения.

iMessage (слева) и текстовое сообщение (справа)

Давайте проверим зеленый цвет через средство проверки контрастности, чтобы увидеть, что получилось.

Сообщения Apple и цветовой контраст PlatoBlockchain Data Intelligence. Вертикальный поиск. Ай.
Постоянная ссылка

Омф. Теперь я знаю, почему я всегда тянусь к очкам для чтения, когда появляется текстовое сообщение. Это соотношение 2.17: 1 ниже требования WCAG 2.0 AA 4.5: 1 и намного ниже уровня AAA 7: 1.

Оказывается, не только я ворчу. Быстрый поиск обнаружил небольшое количество новостей и постов в блогах — некоторые из них появились на прошлой неделе — о читабельности этих зеленых пузырей с текстовыми сообщениями.

Я не сторонник теории заговора и предпочитаю оправдывать сомнения. Бууууу…

Сообщения Apple и цветовой контраст PlatoBlockchain Data Intelligence. Вертикальный поиск. Ай.
Сообщения Apple в iOS 6 (слева) и iOS 7 (справа)
XNUMX кредит
  • iOS 6: Темный текст на зеленом градиентном фоне
  • iOS 7: Белый текст на #5AB539 фон (или что-то близкое к нему)
  • iOS 16.1: Белый текст на #6ACC46 фон

Второй основан на старых скриншотах и ​​может быть не самым точным значением цвета. Но все же переход от iOS 6 с темным текстом к тому, что мы имеем сегодня в iOS 16.1, показывает явный регресс. Я хотел бы думать, что команда разработчиков сверила обновленные значения с рекомендациями WCAG, конечно, но, по крайней мере, со своими собственными. Руководство по человеческому интерфейсу.

Сообщения Apple и цветовой контраст PlatoBlockchain Data Intelligence. Вертикальный поиск. Ай.
Сообщения Apple и цветовой контраст

Текущий зеленый фон (#65C466) отличается от зеленого «системного цвета» (#30D158, преобразованный из RGB 48, 209, 88) в палитре iOS, указанной в рекомендациях. Но это не приближает нас к проходному рейтингу WCAG AA или AAA.

Сообщения Apple и цветовой контраст PlatoBlockchain Data Intelligence. Вертикальный поиск. Ай.
Постоянная ссылка

🤷♂️

Отметка времени:

Больше от CSS хитрости