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