Sites institucionais · GUIA PRÁTICO

Como comunicar estados sem depender apenas de cor

Combine cores com rótulos ou padrões para indicar estados.

BIBLIOTECA DIEGO HENRICHATUALIZADO EM 24 de setembro de 2026Como comunicar estados sem depender apenas de cor

Combine cores com rótulos ou padrões para indicar estados. Este roteiro ajuda a verificar uma tarefa; não substitui uma avaliação completa de acessibilidade nem determina conformidade legal.

Entenda o problema

Quem não distingue certas cores pode não perceber erro, sucesso ou seleção. Reproduza a situação no modelo afetado antes de alterar o site; anote dispositivo, estado e percurso para comparar a correção.

Faça a revisão

  1. Liste estados informados só por cor.

  2. Adicione sinal textual ou visual redundante próximo do componente.

Teste o resultado

Veja interface em escala de cinza e teste foco e anúncio assistivo. Repita a tarefa em página publicada ou homologação equivalente à entrega.

Limites e cuidados

As pistas precisam concordar e continuar claras sem legenda distante. Ferramentas automáticas ajudam a localizar problemas, mas não avaliam sozinhas clareza, contexto e todos os percursos.

Referência

A orientação segue Contraste — W3C WAI. Consulte também o núcleo institucionais.

PRÓXIMO PASSO

Serviços de sites institucionais

Veja o escopo e os próximos passos do serviço relacionado a este tema.

Criação de sites profissionais em Brasília

Conteúdo da biblioteca de Diego Henrich. Confira as fontes citadas e valide orientações que dependem da versão de uma plataforma ou serviço.