Color Contrast Checker

Verifique a acessibilidade das suas combinações de cores de acordo com o WCAG 2.1

Texto em Tamanho Grande
Este é um exemplo de texto em tamanho normal. O texto deve ser perfeitamente legível se o contraste estiver dentro dos padrões de acessibilidade.

Resultado do Contraste

Proporção de Contraste: 21:1
Texto Normal (AA): APROVADO
Texto Normal (AAA): APROVADO
Texto Grande (AA): APROVADO
Texto Grande (AAA): APROVADO

Sobre Acessibilidade de Contraste

Um contraste adequado entre texto e fundo é essencial para garantir que o conteúdo seja legível para todos os usuários, incluindo pessoas com baixa visão ou daltonismo.

Níveis de Conformidade WCAG

  • Nível AA (mínimo recomendado):
    • Texto normal (menor que 18pt): proporção de contraste mínima de 4.5:1
    • Texto grande (maior ou igual a 18pt): proporção de contraste mínima de 3:1
  • Nível AAA (aprimorado):
    • Texto normal (menor que 18pt): proporção de contraste mínima de 7:1
    • Texto grande (maior ou igual a 18pt): proporção de contraste mínima de 4.5:1

Esta ferramenta ajuda a verificar se suas combinações de cores atendem às diretrizes WCAG 2.1 para acessibilidade na web. Use-a para garantir que seu site ou aplicativo seja acessível a todos os usuários.