CSS contrast-color(): Automatizando o Contraste de Cores para Acessibilidade
2025-05-17
A nova função `contrast-color()` do CSS simplifica as escolhas de cores, selecionando automaticamente texto preto ou branco para contrastar com uma determinada cor de fundo. Este artigo examina seu uso, compara os algoritmos WCAG 2.1 e APCA para cálculo de contraste e explora como usar consultas de mídia `prefers-contrast` para melhor acessibilidade. Embora atualmente seja limitada ao preto e branco, iterações futuras podem oferecer opções mais personalizáveis. A função simplifica o desenvolvimento e melhora a acessibilidade, especialmente ao gerenciar vários estados de cor.
Desenvolvimento
Contraste de Cores