FERRAMENTA DE VERIFICAÇÃO DE CONTRASTE DE CORES


VERIFIQUE O CONTRASTE ENTRE CORES DE ACORDO COM AS NORMAS – WCAG 2.1 AA

Clique nas cores para selecionar:

   
 

Resultado:
Rácio do contraste:
  • Este resultado do teste (aprovado ou reprovado) está focado na relação de contraste de cores para texto normal, e que deverá ser de 4,5 ou superior, isto para cumprir os requisitos WCAG 2.1 AA.
  • Todos os valores de rácio apresentados são reais e de confiança. Consulte abaixo outros valores de referência segundo as directrizes WCAG 2.1 para contraste de cores noutro tipo de situações.

Pré-visualização:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Viverra ipsum nunc aliquet bibendum enim facilisis gravida. Dictum fusce ut placerat orci nulla pellentesque. Massa enim nec dui nunc mattis. Neque convallis a cras semper auctor neque vitae. Viverra nam libero justo laoreet. Eget mauris pharetra et ultrices neque. Neque viverra justo nec ultrices dui sapien. Ut venenatis tellus in metus vulputate eu scelerisque. Turpis in eu mi bibendum neque egestas. Cursus vitae congue mauris rhoncus.

Diretrizes WCAG 2.1 AA – Contraste de Cores

  • Texto normal (<18pt ou <14pt a negrito): Relação de contraste mínima de 4,5:1
  • Texto grande (≥18pt ou ≥14pt a negrito): Relação de contraste mínima de 3:1
  • Componentes da interface e elementos gráficos: A relação de contraste deve ser pelo menos 3:1 em relação às cores adjacentes
  • WCAG Nível AA (padrão): 4,5:1 para texto normal, 3:1 para texto grande
  • WCAG Nível AAA (avançado): 7:1 para texto normal, 4,5:1 para texto grande

👉 W3C – WCAG 2.2 – Contrast (Minimum) (Level AA)

Outras Ferramentas ZnetGuru

Pronto para iniciar o seu novo projeto?

Temos uma proposta para lhe fazer.

Scroll to Top
Visão Geral da Privacidade
logo znetguru

Este website utiliza cookies para garantir que lhe oferecemos a melhor experiência possível. As informações relativas aos cookies são armazenadas no seu browser e desempenham funções como identificá-lo quando regressa ao nosso website, bem como auxiliar a nossa equipa a compreender quais as secções do website que considera mais interessantes e úteis.

Cookies Necessários

Os Cookies Estritamente Necessários devem estar sempre ativados para que possamos guardar as suas preferências relativas às definições de cookies.

Analytics

Este website utiliza Analytics para recolher informações anónimas, como o número de visitantes do site e as páginas mais populares. Manter este cookie ativado ajuda-nos a melhorar o nosso website.