Entrar Ainda não tem acesso?
1
resposta

Como Garantir a Legibilidade do Texto Corrigindo Erros de Cor no CSS

Referente ao curso HTML e CSS: ambientes de desenvolvimento, estrutura de arquivos e tags, no capítulo Super estilizando o seu CSS e atividade Lista de exercícios

por Daniela Pereira
| 21.4k xp | 10 posts

Olá pessoal! Recentemente, precisei corrigir um problema onde o texto do site era invisível devido a uma combinação ruim de cores: fundo preto e texto preto. Mudei a cor do texto para um cinza bem claro (#F6F6F6) e isso melhorou muito a legibilidade.

Esse exercício me fez pensar sobre como escolhas de cores podem impactar a usabilidade de um site. Vocês já encontraram problemas semelhantes? Como garantem que o texto esteja sempre legível, independentemente do fundo? Vamos discutir estratégias e melhores práticas para evitar esses erros de design!

Estou curiosa para ouvir as experiências de vocês!

1 resposta
por Lorena Garcia
| 8200.6k xp | 11978 posts
Alura Scuba Team Suporte Educacional

Oii, Daniela. Tudo bem?

Que bom que você está pensando na usabilidade e legibilidade do seu site! Realmente, a escolha de cores é fundamental para garantir uma boa experiência para as pessoas usuárias.

Tem algumas estratégias que podem te ajudar a evitar problemas de legibilidade no futuro:

Contraste de Cores: Sempre verifique o contraste entre a cor do texto e a cor de fundo. Há ferramentas online, como o WebAIM Contrast Checker, que ajudam a verificar se a combinação de cores atende aos padrões de acessibilidade.

Testes de Acessibilidade: Além do contraste, é importante testar seu site com ferramentas de acessibilidade para garantir que ele seja utilizável por pessoas com diferentes tipos de deficiência visual. Temos uma formação sobre acessibilidade web.

Feedback de outras pessoas: Sempre que possível, peça feedback de pessoas usuárias sobre a legibilidade do seu site. Elas podem identificar problemas que você não percebeu.

Espero que essas dicas te ajudem.

Um abraço e bons estudos.