Princípios > Preocupe-se com a legibilidade e a leiturabilidade

Use alto contraste entre texto e fundo

Alto contraste significa que duas cores têm luminosidades muito diferentes. O alto contraste ajuda a distinguir o texto do fundo e aumenta a legibilidade, mas um contraste excessivo pode cansar o olhar.

Para que seu texto seja legível, deve existir alto contraste entre o texto e o fundo. O fundo deve ser neutro, sem imagens ou texturas. Sobreposições de texto e imagem dificultam a leitura.

Um exemplo de formatação com alto contraste muito comum no nosso dia-a-dia é o fundo branco do papel e o texto impresso em preto. Branco e preto são cores com luminosidades opostas, por isso conseguimos distinguir uma da outra com muita facilidade. O contraste entre elas é tão alto que a leitura de um texto muito longo nessa formatação pode até cansar o olhar.

Limites ao alto contraste

Apesar de buscarmos sempre o alto contraste, há casos em que precisamos ajustá-lo, porque muito contraste pode causar fadiga visual, ou o cansaço do olhar. Algumas cores, quando combinadas, criam uma vibração que pode incomodar algumas pessoas ou dificultar a leitura por muito tempo. Isso costuma acontecer com as cores opostas no círculo cromático, como verde e vermelho ou amarelo e roxo. Evite essas combinações, mas, se precisar usá-las, tente fazer pequenos ajustes na luminosidade e na saturação das cores para diminuir a sensação de vibração.

A combinação de preto e branco, embora comum, também pode ser cansativa para textos longos ou textos lidos em telas, devido ao brilho dos aparelhos. Quando possível, principalmente em documentos digitais, tente diminuir levemente o contraste. Você pode optar por um cinza-claro para o fundo e um cinza bem escuro para o texto, por exemplo.

Exemplo

Contraste

Essa é uma ferramenta interativa. Experimente e observe as diferenças de contraste entre o fundo e o elemento de texto. Veja como a legibilidade do texto é impactada pelo contraste.

Ferramentas

Verificação de contraste de cor

Referências

Manuais e guias

Palavras-chave

Veja também

Compartilhe