Acessibilidade

Decisões tomadas

• Todo gráfico tem tabela

  Na parte de baixo de cada painel, um botão abre os dados do gráfico em forma de tabela. Os cabeçalhos de coluna e de linha da tabela estão marcados no código, para que o leitor de tela os anuncie. A tabela é gerada a partir dos mesmos dados que geram o gráfico, e por isso os dois mostram sempre os mesmos números.

• Nada depende só da cor

  Cada linha dos gráficos tem o nome da fonte escrito na legenda e repetido na caixa que aparece ao passar o mouse. As projeções aparecem com linha tracejada, que pode ser reconhecida sem distinguir cores. As barras trazem o nome à esquerda e o valor à direita, e a cor só repete o que já está escrito.

• Barras que o leitor de tela lê

  Os gráficos de barras horizontais são feitos com elementos comuns de página, como listas, e não com a biblioteca de gráficos. A biblioteca desenhava as barras corretamente, mas o leitor de tela não conseguia ler o conteúdo delas. A forma atual tem a mesma aparência e pode ser lida pelo leitor de tela.

• Foco visível e navegação por teclado

  Quando um botão ou link é selecionado pelo teclado, ele ganha um contorno de dois pixels, um pouco afastado da borda. As linhas dos gráficos também podem ser alcançadas pelo teclado. Ao mudar de página, o foco vai para o começo do conteúdo, em vez de ficar no menu.

• Três idiomas, sem recarregar

  A plataforma tem versões em português, inglês e espanhol. Ao escolher uma língua, a página informa a nova língua ao navegador, e o leitor de tela passa a pronunciar o texto nessa língua.

• Claro e escuro

  Nos dois temas, claro e escuro, o texto tem contraste de pelo menos 4,5 para 1 com o fundo, que é o mínimo recomendado pelas diretrizes de acessibilidade da web. As cores dos dados foram escolhidas num modelo de cor baseado na percepção humana, com uma diferença mínima entre cores vizinhas. Assim, séries lado a lado não se confundem.

O que ainda não está resolvido

Estes são os pontos em que a plataforma ainda não atende por completo aos critérios de acessibilidade.

• Tabelas longas

  Algumas tabelas têm centenas de linhas, que rolam dentro do painel. O leitor de tela lê todo o conteúdo, mas percorrer tantas linhas dá trabalho. Nesses casos, é mais rápido baixar o arquivo completo em CSV, um formato de planilha em texto simples, na página Dados abertos.

• Nomes de série em uma língua só

  Os menus, os botões e os textos das páginas mudam de língua. O nome da série, a nota de método e as observações copiadas das fontes continuam na língua original. Eles são registros da pesquisa, e traduzi-los poderia mudar o que a fonte publicou.

• Sem teste com pessoas usuárias

  Os recursos acima foram conferidos pela leitura do código. Nenhum deles foi testado por pessoas que usam essas tecnologias no dia a dia. Esse teste ainda precisa ser feito.