Saltar para o conteúdo principal
Tu Web Accesible

Serviços

Explore a nossa vertical de serviços e descubra soluções avançadas para a sua organização.

Soluções

Explore a nossa vertical de soluções e descubra soluções avançadas para a sua organização.

Setores

Explore a nossa vertical de setores e descubra soluções avançadas para a sua organização.

Regulamentação

Explore a nossa vertical de regulamentação e descubra soluções avançadas para a sua organização.

Recursos

Explore a nossa vertical de recursos e descubra soluções avançadas para a sua organização.

Ferramenta Gratuita

Validador de Contraste WCAG

Verifique se as suas cores são acessíveis.

Verifique se as suas combinações de cores cumprem os rácios de contraste exigidos pelas WCAG 2.2.

Cor do Texto
Cor de Fundo
Rácio de Contraste
21 : 1

Excelente — Cumpre AAA

AA — Texto Normal Passa
AA — Texto Grande Passa
AAA — Texto Normal Passa
AAA — Texto Grande Passa

Texto de exemplo grande

Subtítulo de amostra (24px)

Este é um texto de exemplo com tamanho normal (16px) para verificar a legibilidade desta combinação de cores segundo os critérios WCAG 2.2.

Texto pequeno (14px) — O contraste é especialmente importante em tamanhos reduzidos onde a legibilidade é mais comprometida.

Referência rápida WCAG 2.2

Nível AA — Texto normal ≥ 4.5 : 1
Nível AA — Texto grande (≥18pt / 14pt bold) ≥ 3.0 : 1
Nível AAA — Texto normal ≥ 7.0 : 1
Nível AAA — Texto grande ≥ 4.5 : 1

Por que é importante o contraste de cor?

O contraste de cor é o critério WCAG mais violado na web. De acordo com o relatório WebAIM Million de 2024, 83,6% das páginas iniciais têm pelo menos um erro de contraste. Isto afeta diretamente pessoas com baixa visão, daltonismo e utilizadores em ambientes com muita luz ambiente.

As WCAG 2.2 exigem um rácio de contraste mínimo de 4,5:1 para texto normal e 3:1 para texto grande (Nível AA). Para o Nível AAA, os rácios sobem para 7:1 e 4,5:1 respetivamente. O nosso validador calcula estes rácios instantaneamente e indica-lhe se as suas combinações de cores cumprem cada nível.

  • 1

    Rácio mínimo AA: 4,5:1 (texto normal) e 3:1 (texto grande, ≥18pt ou 14pt bold).

  • 2

    Rácio mínimo AAA: 7:1 (texto normal) e 4,5:1 (texto grande).

  • 3

    83,6% dos sites não cumprem critérios de contraste (WebAIM, 2024).

  • 4

    Ferramenta gratuita — sem registo, utilização ilimitada.

Valor Diferencial

Por que usar este validador?

01

Verificação Instantânea

Introduza duas cores (hex, RGB ou nome) e obtenha o resultado instantaneamente.

02

Níveis AA e AAA

Indicamos se cumpre o nível legalmente exigido (AA) e o ótimo (AAA).

03

Para Designers e Devs

Ideal para validar paletas de cores antes de implementar e evitar correções posteriores.

Certificações e acreditações.

Contamos com as certificações que validam a nossa experiência em acessibilidade.

IAAP - International Association of Accessibility Professionals IAAP CERTIFIED
ISO 9001 - Sistema de Gestión de Calidad ISO 9001
Logotipo Tu Web Accesible
Privacy Overview

This website uses cookies so that we can provide you with the best user experience possible. Cookie information is stored in your browser and performs functions such as recognising you when you return to our website and helping our team to understand which sections of the website you find most interesting and useful.