Sites institucionais · GUIA PRÁTICO

Como comunicar estados sem depender apenas de cor

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

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.

Continue por aqui