Módulo 10: Design de dashboards que convencem

Aula 3 de 4

Cor com propósito e acessibilidade

Paleta, contraste e o uso de cor como informação.

16 minutos de leitura


A regra das três funções da cor

  • Cor de marca: identidade, usada em elementos estruturais (cabeçalho, linha divisória).
  • Cor de destaque: apenas no que precisa de atenção. Se tudo é destaque, nada é.
  • Cor semântica: verde/amarelo/vermelho para status, azul para o período atual, cinza para o comparativo.

Construindo a paleta

PapelQuantidadeObservação
Neutros4 tonsFundo, superfície, borda, texto secundário
Primária1 + 2 variaçõesIdentidade e séries principais
Semânticas3Positivo, atenção, negativo
Categóricas6 a 8Para séries sem ordem; devem ser distinguíveis entre si
Sequenciais1 escalaPara mapas de calor e coropléticos

Contraste

  • Texto normal: contraste mínimo de 4,5:1 contra o fundo.
  • Texto grande (18 pt+) e elementos gráficos: mínimo de 3:1.
  • Teste seu tema com um verificador de contraste antes de publicar.
  • Em fundo escuro, evite branco puro (#FFFFFF): use um cinza muito claro para reduzir o brilho.

Checklist de acessibilidade do Power BI

  1. 1Defina o texto alternativo (Alt Text) em cada visual — leitores de tela usam isso.
  2. 2Ajuste a ordem de tabulação no painel Seleção para uma navegação lógica por teclado.
  3. 3Adicione marcadores diferentes nas séries de linha, não só cores.
  4. 4Use a exibição 'Mostrar como tabela' (Alt+Shift+F11) para conferir que o dado é acessível.
  5. 5Teste o relatório com zoom de 200%.

Exercício prático

Construa uma paleta completa para o seu projeto (neutros, primária, semânticas, categóricas), verifique todos os contrastes e aplique em uma página. Depois teste-a simulando daltonismo.