O que é Modo de alto contraste?

Teste como o seu conteúdo web aparece em diferentes configurações de alto contraste. Cole HTML ou uma captura de tela de URL para visualizar modos de contraste conformes com WCAG, incluindo o Alto Contraste do Windows, cores invertidas e temas de contraste personalizados.

Como usar

1. Passo 1 — Cole o conteúdo HTML ou texto simples na área do editor para usar como fonte de visualização.
2. Passo 2 — Selecione um modo de contraste entre os predefinidos: Alto Contraste do Windows (preto/branco), Invertido, Amarelo sobre Preto ou cores personalizadas.
3. Passo 3 — Revise a visualização ao vivo para verificar a legibilidade. Use o verificador de taxa de contraste para confirmar a conformidade WCAG AA/AAA dos elementos de texto.

Resultado

Um desenvolvedor cola o HTML da sua barra de navegação e muda para o modo Alto Contraste do Windows. Ele percebe que os botões com apenas ícones ficam invisíveis sobre o fundo preto, o que o leva a adicionar rótulos de texto visíveis.

Ferramentas relacionadas