Mensagens da Apple e contraste de cores PlatoBlockchain Data Intelligence. Pesquisa vertical. Ai.

Mensagens da Apple e contraste de cores

Bem, pinte-me isto! Eu estava reclamando comigo mesmo ontem à noite sobre o quão difícil é ler mensagens de texto no Apple Messages. Você sabe, não as bolhas azuis que você recebe ao enviar mensagens para outros usuários do iPhone. Essas são as iMessages.

O que estou falando são as bolhas verdes que você recebe ao enviar mensagens para usuários que não são do iPhone. Essas são mensagens de texto padrão.

iMessage (à esquerda) e mensagem de texto (à direita)

Vamos passar o verde por um verificador de contraste para ver o que está acontecendo.

Mensagens da Apple e contraste de cores PlatoBlockchain Data Intelligence. Pesquisa vertical. Ai.
permalink

Oomph. Agora sei por que sempre pego meus óculos de leitura quando aparece uma mensagem de texto. Essa proporção de 2.17:1 está abaixo do requisito WCAG 2.0 AA de 4.5:1 e muito abaixo do nível AAA de 7:1.

Acontece que eu não sou o único reclamando. Uma pesquisa rápida revelou um pequeno tesouro de notícias e postagens de blog - algumas tão recentes quanto na semana passada - sobre a legibilidade daqueles balões verdes de mensagens de texto.

Não sou nenhum teórico da conspiração e gosto de dar benefício à dúvida. Buuuuut…

Mensagens da Apple e contraste de cores PlatoBlockchain Data Intelligence. Pesquisa vertical. Ai.
Mensagens da Apple no iOS 6 (esquerda) e iOS 7 (direita)
Crédito: Phoceis See More
  • iOS 6: Texto escuro em um fundo gradiente verde
  • iOS 7: Texto branco em um #5AB539 plano de fundo (ou algo próximo a ele)
  • iOS 16.1: Texto branco em um #6ACC46 fundo

Esse segundo é baseado em capturas de tela antigas e pode não ser o valor de cor mais preciso. Mas ainda assim, a transição do iOS 6 com texto escuro para o que temos hoje no iOS 16.1 mostra uma clara regressão. Eu gostaria de pensar que a equipe de design verificou os valores atualizados em relação às diretrizes WCAG, com certeza, mas pelo menos em relação às suas próprias Diretrizes de Interface Humana.

Mensagens da Apple e contraste de cores PlatoBlockchain Data Intelligence. Pesquisa vertical. Ai.
Mensagens da Apple e contraste de cores

O fundo verde atual (#65C466) parece ser diferente do que está listado como a “cor do sistema” verde (#30D158, convertido de um RGB de 48, 209, 88) na paleta iOS listada nas diretrizes. Mas não é como se isso nos aproximasse de uma classificação WCAG AA ou AAA.

Mensagens da Apple e contraste de cores PlatoBlockchain Data Intelligence. Pesquisa vertical. Ai.
permalink

🤷♂️

Carimbo de hora:

Mais de Truques CSS