Guias práticos

Torne os gráficos e tabelas de sites compreensíveis

Um gráfico ajuda a comparação apenas quando os leitores podem recuperar seus eixos, valores e diferenças. A lenda não pode carregar toda a explicação.

Veja o método

Duas pessoas comparando um gráfico impresso com barras de dados em um laptop

Comece com a pergunta que os dados respondem

Indique a pergunta ou decisão antes de desenhar. Você está comparando uma tendência, distribuição ou alguns valores exatos? Escolha um formulário que revele o relacionamento e use uma tabela quando cada número for mais importante do que a forma geral.

Mostre o escopo, as unidades, o período e a fonte perto da figura. Uma porcentagem sem seu denominador ou um eixo truncado inesperadamente pode enganar. Os Guia de medição Ajuda a interpretar os indicadores antes de publicar.

  • Pergunta e unidade explícita.
  • Fonte e período visível.
  • Gráfico escolhido para o relacionamento.

Explique o conteúdo fora da imagem

Dê ao visual uma alternativa curta identificando seu assunto. Para um gráfico complexo, adicione uma descrição longa visível a todos ou a uma tabela de valores. Explique tendências, lacunas e exceções necessárias para entender a conclusão.

Os Dicas W3C sobre imagens complexas Distinguir breve descrição e informações detalhadas. Uma sequência de valores em um atributo alt torna-se dolorosa de ouvir; Uma estrutura HTML pode servir melhor a leitura.

  • Assunto nomeado na alternativa.
  • Valores e tendências disponíveis como texto.
  • Longa descrição estruturada quando necessário.

Teste cores, escalas e telas

Não confie apenas na cor para distinguir a série. Adicione etiquetas, padrões ou marcadores e verifique o contraste. Em um telefone, verifique os eixos e valores sem exigir zoom horizontal constante.

Uma tabela precisa de cabeçalhos associados às células, mesmo quando o layout se estreita. Se um gráfico móvel for simplificado, não remova uma série essencial. Os Guia de acessibilidade Sugere verificações de teclado e zoom.

  • Série distinta sem cor.
  • Eixos legíveis no celular.
  • Cabeçalhos de tabela compreensíveis.

Verifique os números ao longo do tempo

Nomeie a origem, a data da coleta, o método e o proprietário. Quando os dados mudam, verifique o título, a conclusão, a tabela e as traduções. Uma imagem do gráfico pode permanecer em um artigo após a correção dos dados subjacentes.

Reveja também todos os downloads: formato reutilizável, nomes de colunas e ausência de dados que não deveriam ser públicos. Uma figura clara não pode resgatar um cálculo defeituoso; Tenha valores revisados antes do lançamento.

  • Fonte e cálculo revisado.
  • Cópias e traduções atualizadas.
  • Downloads verificados.

Documentos de referência

Conteúdo atualizado em 2 de outubro de 2026

Matriz de validação funcional para se adaptar ao projeto

Esses controles propostos usam casos fictícios. Decida qual comportamento é esperado com a equipe, anote o resultado e atribua discrepâncias não resolvidas antes da publicação.

Casos de teste, resultados esperados e evidências úteis
CasoResultado esperadoProva para guardar
Uma série contém um valor ausente.A lacuna é identificada em vez de plotada como zero.Registre o URL, as etapas, o resultado e as evidências datadas.

Perguntas frequentes

Como os gráficos podem mostrar limitações de dados?

Fonte de estado, período, unidades, escopo e valores ausentes. Explique as conclusões apoiadas e forneça uma alternativa textual ou tabular adequada. Não transforme valores desconhecidos em zero. Verifique o contraste, os rótulos e a compreensão sem distinções de cores.