Calculadora de Contraste

O contraste de cores e fundamental para a acessibilidade web. Aproximadamente 8% dos homens e 0.5% das mulheres tem algum tipo de deficiencia na visao de cores. Um contraste adequado garante que seu conteudo seja legivel para todos os usuarios. Niveis WCAG Razao minima de 4.5:1 para texto normal (menor que 18px ou 14px bold) Razao minima de 3:1 para texto grande (18px+ ou 14px+ bold) Razao minima de 7:1 para texto normal - nivel mais rigoroso Razao minima de 4.5:1 para texto grande - nivel mais rigoroso Tipos de Daltonismo Deuteranopia (dificuldade com verde) e protanopia (dificuldade com vermelho) sao os tipos mais comuns. Tritanopia (dificuldade com azul) e mais rara. Testar suas cores com simulacoes ajuda a garantir que seu design funcione para todos. Dicas de Acessibilidade Nunca dependa apenas da cor para transmitir informacao - use tambem icones, textos ou padroes. Teste seu design com diferentes simulacoes de daltonismo. Use ferramentas de contraste durante o desenvolvimento, nao apenas no final.