Alguma vez, quando escolhia cores para o seu projeto de design, você viu sobre o contraste AA e AAA?

Você sabe qual a diferença deles? 🤔

Se não, fica tranquilo, que eu te explico! 😄

Esses termos vêm das diretrizes de acessibilidade chamadas WCAG. Elas ajudam a garantir que as cores que você usa no seu site ou app sejam legíveis para todas as pessoas, incluindo aquelas com deficiências visuais.

🔸 Contraste AA é o nível mais comum e recomendado para a maioria dos projetos. Ele exige que o contraste entre o texto e o fundo seja de, no mínimo, 4.5:1 para textos normais e 3:1 para textos grandes. Assim, o conteúdo fica acessível para a maior parte das pessoas.

🔸 Já o Contraste AAA é ainda mais rigoroso! Ele exige um contraste de 7:1 para textos normais e 4.5:1 para textos grandes, garantindo uma acessibilidade máxima. Mas atenção: alcançar esse nível pode ser um pouco mais difícil, principalmente se você gosta de usar paletas de cores mais ousadas! 🎨

Então, da próxima vez que você estiver escolhendo cores, vale a pena dar uma olhada no contraste que está aplicando. Assim, seu projeto fica bonito e acessível ao mesmo tempo! 💻✨

Agora me conta, você já testou o contraste no seu projeto?