Bom dia! Chloé aqui. Vejo uma grande tendência no design de UI moderno: texto cinza claro em fundo branco. Parece elegante, minimalista e moderno em nossas caras telas retina.
Mas no mundo real? É um desastre.
A realidade dos ambientes de usuário
Seus usuários nem sempre estão sentados em uma sala perfeitamente iluminada olhando para um monitor 4K. Eles estão verificando seus telefones do lado de fora, sob o brilho do sol. Eles estão usando monitores de escritório baratos e de baixo contraste. Eles podem ter deficiência visual.Se o seu texto não atender à taxa de contraste WCAG (Diretrizes de acessibilidade para conteúdo da Web) de pelo menos 4,5:1, você estará excluindo ativamente usuários do seu site.
Verificando o contraste rapidamente
Antes de entregar os designs aos desenvolvedores, eu sempre uso um Color Contrast Checker. Acabei de inserir meu código hexadecimal de fundo e a cor do texto de primeiro plano, e a ferramenta me informa instantaneamente se ela passa nos padrões de acessibilidade AA ou AAA.Por favor, vamos tornar a web legível novamente!