Validador de Contraste de Cor WCAG 2.2

  1. 1
    Introduza as suas cores, Escreva ou cole um código hexadecimal (p. Ex. #1a1a2e) nos campos de primeiro plano e de fundo, ou clique na amostra de cor para utilizar um seletor de cores.
  2. 2
    Leia o rácio, O rácio de contraste é calculado instantaneamente. A AA exige 4,5:1 para texto normal (3:1 para texto grande). A AAA exige 7:1.
  3. 3
    Verifique as pré-visualizações, Os blocos de texto de amostra mostram como o seu par de cores surge em tamanhos diferentes. As simulações de daltonismo mostram como o par aparece a utilizadores com deficiência visual.
  4. 4
    Ajuste até passar, Se o par falhar, ajuste a luminosidade de uma das cores até o rácio ficar verde. Utilize as alternativas sugeridas abaixo do resultado se precisar de ajuda.

Verifique a conformidade AA/AAA, simule daltonismo e encontre a cor mais próxima que passa.

Rgb(0, 90, 156) · luminância: 0.0971

Rgb(255, 255, 255) · luminância: 1.0000

Pré-visualização ao Vivo

0.00:1

Amostra de texto de cabeçalho

Texto de corpo: O rápido raposão salta sobre o cão preguiçoso.

Amostra de texto pequeno (equivalente a 14 px)

BotãoLigaçãoBotão delineado

O que está a testar?

Selecione o seu caso de uso para obter um requisito e um veredicto precisos.

✗ Falha, CS 1.4.3 Nível AA

Rácio exigido: 4.5:1 · O seu rácio: 0.00:1 · CS 1.4.3 Nível AA

Todos os critérios WCAG 2.2

✗ Falha · 4,5:1

CS 1.4.3, Contraste Mínimo (Nível AA)

Texto normal: qualquer texto abaixo de 18 pt regular ou 14 pt a negrito

É o requisito-base para texto de corpo, etiquetas, ligações e todo o conteúdo de tamanho padrão. Exigido pelo EAA, pela EN 301 549, pelo ADA (regra DOJ 2024) e pela Secção 508 nos EUA.

Documento Understanding do W3C →

✗ Falha · 3:1

CS 1.4.3, Texto Grande (Nível AA)

Texto a 18 pt (24 px) regular ou 14 pt (18,67 px) negrito ou superior

Texto grande é mais fácil de ler, pelo que é aceite um rácio de contraste inferior. Os limites de 18 pt / 14 pt negrito derivam de investigação em tipografia impressa. Exigido pelos mesmos regulamentos que o CS 1.4.3 normal.

Documento Understanding do W3C →

✗ Falha · 3:1

CS 1.4.11, Contraste de Não Texto (Nível AA)

Componentes de UI: contornos de botão, contornos de campos, ícones, anéis de foco, gráficos

Introduzido na WCAG 2.1. Abrange componentes interativos e objetos gráficos que transmitem informação. Aplica-se a contornos de botão, contornos de campos, quadrados de caixa de verificação, botões de rádio, linhas e segmentos de gráfico. O texto dentro dos componentes continua a ser abrangido pelo 1.4.3.

Documento Understanding do W3C →

✗ Falha · 7:1

CS 1.4.6, Contraste Reforçado (Nível AAA)

Boa prática recomendada, não exigida pela maioria das regulamentações

O nível reforçado não é exigido pelo EAA nem pela maioria das leis nacionais, mas é recomendado para conteúdo de alta legibilidade, como texto de corpo para públicos gerais, e para qualquer texto exibido em ecrãs móveis em condições de exterior.

Documento Understanding do W3C →

Primeiro plano mais próximo que passa em AA

Mudar o primeiro plano para #005DA1 (Mais claro) para atingir 4,5:1

Propriedades CSS Personalizadas

--color-foreground: #005A9C; --color-background: #FFFFFF; /* Contrast ratio: 0.00:1, Falha em WCAG AA */ /* APCA Lc: 84.0, Pré-visualização WCAG 3.0 */

A que leis e normas se aplica?

Lei Europeia de Acessibilidade (EAA)Falha

Diretiva 2019/882/UE · Anexo I Secção IV

UE, produtos e serviços vendidos a consumidores a partir de 28 de junho de 2025

A EAA exige conformidade com a EN 301 549 v3.2.1, que remete para a WCAG 2.1 Nível AA como norma para conteúdos web. A WCAG 2.2 AA é a recomendação atual do W3C e é considerada boa prática ao abrigo da EAA. Cumprir os critérios CS 1.4.3 AA (4,5:1 texto normal, 3:1 texto grande) e CS 1.4.11 AA (3:1 UI) satisfaz as obrigações de contraste de cor da EAA.

Texto da Diretiva EAA →
EN 301 549 v3.2.1Falha

Cláusulas 9.1.4.3 · 9.1.4.11

UE, norma harmonizada referenciada pela EAA e pelos organismos do setor público

A EN 301 549 é a norma europeia harmonizada para acessibilidade em TIC. A cláusula 9.1.4.3 adota diretamente a WCAG 2.1 CS 1.4.3 (contraste mínimo) e a cláusula 9.1.4.11 adota o CS 1.4.11 (contraste de não texto). A conformidade com a WCAG 2.2 AA satisfaz ambas as cláusulas porque a WCAG 2.2 é compatível com a WCAG 2.1.

Especificação EN 301 549 →
Americans with Disabilities Act (ADA)Falha

Regra Final do DOJ 28 CFR Parte 35 · março de 2024

EUA, entidades públicas do Título II. Espera-se que o Título III (empresas privadas) siga a mesma norma

A regra final do Departamento de Justiça dos EUA, de março de 2024, exige a WCAG 2.1 Nível AA para websites e aplicações móveis de governos estaduais e locais. O CS 1.4.3 é um critério de Nível AA. A WCAG 2.2 AA é um superconjunto da WCAG 2.1 AA, pelo que passar aqui satisfaz a regra web do ADA. Para empresas privadas, os tribunais e a orientação do DOJ aplicam consistentemente a WCAG 2.1 AA como referência.

Regra de acessibilidade web do DOJ →
Secção 508 (Federal dos EUA)Falha

36 CFR Parte 1194 · E205.4 WCAG 2.0 Nível AA

EUA, agências federais e entidades que recebem financiamento federal

A Secção 508 exige atualmente a WCAG 2.0 Nível AA. O CS 1.4.3 da WCAG 2.0 é idêntico em requisito ao CS 1.4.3 da WCAG 2.2. Passar a verificação AA desta ferramenta satisfaz o requisito de contraste da Secção 508. O Access Board sinalizou uma futura atualização para a WCAG 2.1.

Normas TIC da Secção 508 →
UK Equality Act & PSBAR 2018Falha

Public Sector Bodies Accessibility Regulations · EN 301 549

Reino Unido, organismos do setor público; setor privado abrangido pelo dever de adaptação razoável da Equality Act

A UK PSBAR 2018 (como lei mantida pós-Brexit) exige a WCAG 2.1 Nível AA para websites e aplicações do setor público, remetendo para a EN 301 549. O CS 1.4.3 é um requisito central. Para organizações privadas, o dever da Equality Act 2010 de fazer adaptações razoáveis é amplamente interpretado como incluindo o cumprimento das normas de contraste WCAG AA.

Legislação UK PSBAR →
WCAG 2.2 Nível AAA (Reforçado)Falha

CS 1.4.6 Contraste Reforçado

Boa prática, não exigida por lei na maioria dos contextos

AAA é recomendado para conteúdos dirigidos a utilizadores mais velhos, utilizadores com baixa visão sem tecnologia de apoio, ou conteúdos exibidos em ambientes desafiantes (ecrãs ao ar livre, luz solar intensa). Atingir AAA (7:1) não é exigido pela EAA, ADA ou Secção 508, mas demonstra um elevado padrão de compromisso com a acessibilidade. Algumas políticas internas de acessibilidade e esquemas de certificação premium exigem AAA para texto de corpo.

Documento Understanding do CS 1.4.6 →
O que está isento dos requisitos de contraste? Imagens decorativas (sem valor informativo), controlos de UI desativados (p. Ex. Um botão cinzento), texto de marcador de posição em campos de formulário, e logótipos / palavras-marca estão explicitamente excluídos dos critérios WCAG CS 1.4.3 e 1.4.11. Selecione "Decorativo / inativo" no seletor de contexto acima para confirmar o estado de isenção.

Exportar como prova

#005A9C sobre #FFFFFF = 0.00:1, WCAG AA Falha

Anónimo · Apenas transferência
0/2000
Base legal:

Cada exportação inclui um rodapé de metadados de prova legal com o ID da auditoria, data de geração, versão da ferramenta, cláusulas EN 301 549 e o aviso padrão. Prova de grau legal, não aconselhamento jurídico.

Aviso jurídico importante

Esta ferramenta é apenas um auxílio de autoavaliação e não constitui aconselhamento jurídico nem uma avaliação de conformidade formalmente certificada. As saídas, incluindo relatórios, pontuações, listas de verificação e declarações de acessibilidade, destinam-se a uso interno e devem ser revistas por um representante jurídico qualificado ou por um auditor de acessibilidade independente antes de serem utilizadas para fins regulamentares, de aquisição ou de divulgação pública. Todo o risco da avaliação recai sobre o avaliador interno. A accessibilityref, os seus criadores e equipa não aceitam qualquer responsabilidade por perdas decorrentes da utilização ou confiança nestas saídas. Verifique sempre junto das fontes oficiais: a Recomendação W3C WCAG 2.2, o European Accessibility Act (Diretiva 2019/882), e a autoridade de fiscalização nacional aplicável.