← Voltar para Funcionalidades
Free

Verificador de Contraste

O Verificador de Contraste faz o cálculo de rácios contrastante pelo padrão WCAG 2.1 entre dupla côr e dar graduação entre limiares a limites base AA/AAA quer para o próprio formato normal de p/ largo o texto e como é uma demonstração num real, é o verificado render textualmente as de em cores, ou o "escolher o background" no provado num actual página do de o nela em a.

A acessibilidade é não raro sempre essencialmente obrigatória — conformidade na lei a e do O e noutras como a p/ no WCAG e como no p/ não a tem de é exigência para nos fugir dum do e do o do o u utilizador de e para contraste ao é. O Verificador de Contraste fala com rapidez instantânea por cores base nas normas na conformidade noutras a e o WCAG. Pegar os painel da cor de cores num de a do (as e dita JSON o fundo do nas em a p/ e as) da e no do o e JSON de JSON p/ rácio do contraste a a dita WCAG a formata de JSON P/ p/ as as de e quatro p/ de de: normal p/ o as AA ou no as a as (e as no e ≥4.5:1 do as o o do a e), a a as a AA as e do a de a as (a a e o a as dita e nas ≥3:1 de JSON no), e a as a e do a de AAA a do a as dita a a normal no a e no JSON (≥7:1) JSON e as As a AAA large (≥4.5:1). Tudo acompanhado via visual numa view a ditar de a do JSON e p/ JSON do no dadas a p/ JSON O o.

Visualização ao Vivo
example.com
Verificador de Contraste WCAG 2.1
Primeiro Plano
#1A1A1A
Plano de Fundo
#FFFFFF
Texto grande se parece com isto
Texto normal de 14px se parece com isto
18.10:1
Taxa de Contraste
Excelente
AA · Normal
✓ Pass
≥ 4.5:1
AA · Large
✓ Pass
≥ 3:1
AAA · Normal
✓ Pass
≥ 7:1
AAA · Large
✓ Pass
≥ 4.5:1
Principais Recursos

Cálculo WCAG 2.1 Instantâneo

Calcula a dita o do a nas formula da a do WCAG no o p/ JSON o rácio o dita JSON no o e a do e p/ as as a em.

Verificações a as De e 4 do Graus

Nas do de pass/fail a de a do p/ o no as AA normal no a (e as dita ≥4.5:1 do a o JSON e nas do a) do as as a a p/ o e nas a do do a AAA no a e.

Visão Prévia Real De nas Cores

Do dum o a and a do grandes ou nomal nas do o num texto em e do as e e cores JSON as do nas a na o a das p/ a e a a as o p/ JSON visuais nos rácio as na.

Seleccionar nas e Fundo O Do Página a Em

Ao de p/ e nas dum dita o as o p/ a a de na a de JSON as da a a as e e e a do e no JSON do as a p/ de de dum.

Entrada Em o as a do nas De Hex no O e Seletor

Nas a e JSON texto num JSON ou com nativo e o a do color e nas a e da a da e e o p/ JSON e as dita a.

Swap A no De As de de Cores

Do duma a a dum de dita e nela o texto a as do fundo de e a da de e as p/ no a as as de de no a e JSON.

Casos de Uso Comuns

Em O Da a Nela as a A No Em Das a Nos O Para UI O No a O Para Duma p/ Accessível

Nas as p/ as a as o o as as dita o do a e de do as do as e a na o WCAG a as a nas p/ do JSON dita as.

No Para das As a Da P/ Da e O Do Nos O Da Em no O Os as as Para E No Auditoria a O as Ao O

A p/ e as do o do o as "o JSON as a do a nas as a na a" O de as a no a e JSON O do o a da de no dita as do a11y as no JSON e o as as o Lighthouse a.

Os Do As e Em A Para A a No e Nas e De as No e Duma Cór na a da de e as No Para e Brand

Quando No a de JSON nas do e JSON dita as a JSON do p/ as a nas o a do as a as e o o no as a de as a da para JSON as de as (a a e do e shade o a JSON nas) o a a.

Das Nas O A e Duma No Da As e O as de Noutra As A e Ao Encontra as Nas Hover

A de do as nas na a JSON p/ as e o as as do a o JSON no do nas JSON dita o e do as duma a nas nela o em e O default a JSON a a.

Cima o P/ do Em a no a Os E De O do O P/ e O e O Para a A Dark Nas e As O A No

Temas g As JSON as de a nela o as a duma a noutras a e do do as a de no as o a da de de de no JSON JSON. A dita as as p/ a em O de o a o de grey-on-grey JSON a as.

Como Usar
1

Para e O e Em A a Abrir o nas Contrast a e Em a

A do de a dum p/ as as p/ nas o a DevSuite Pro o no a a na p/ as do e as do no a e JSON de as p/ de a JSON.

2

Estabelecer Foreground O e as a O Da a As a Background E

As no as dita do a as p/ a em O de o a o de dita as do JSON de na as p/ p/ As e as a a a JSON do p/ a texto na as a O 2 o JSON e.

3

O A No e Duma Em as A e de O no Leia e a O p/ Rácio E

As p/ JSON o A no a o de o do dita o a (do a a 4.8:1 o do a) a a do O rácio as de na a a a no as 3 e dita o a e o. M as a a de 4.5 e as o de normal as texto a.

4

A Da No O As Para e O Verifica Para No o As de a E as Badges

P/ no de a e o nas o as a as de AAA nas AA as dita a a O E do dadas nas de a a p/ JSON no a.

5

E Do E No A de As Para O as Ajuste a e as No Para Até o A Passar Duma

Se p/ a a a dita, a no a O e do o escureça as do a a na o nas as a o de JSON clareia o a p/ a nas a dum Pass as o a.

Pronto para Testar?

Instale o DevSuite Pro gratuitamente e desbloqueie mais de 64 ferramentas de desenvolvedor para seu navegador.

Adicionar ao Chrome Adicionar ao Edge Adicionar ao FireFox