Acessibilidade

• O código de cada página indica a função de cada parte, como título, lista ou tabela. Cada página tem um único título principal (h1), e os subtítulos seguem em ordem, sem pular níveis.
• Um atalho para ir direto ao conteúdo é o primeiro item alcançado pela tecla Tab.
• Toda a plataforma pode ser usada pelo teclado. Um contorno visível marca o controle selecionado.
• Quando você troca de seção, a seleção do teclado vai para o conteúdo. Assim, o leitor de tela, o programa que lê a página em voz alta, anuncia a página nova.
• Cada seção e cada filtro têm o seu endereço. Isso permite abrir a página diretamente, enviar o mesmo filtro a outra pessoa e voltar pelo histórico do navegador.
• O botão de voltar diz para onde ele leva, e não apenas “voltar”. Quem abriu um trabalho a partir de um filtro volta para esse filtro.

Abaixo de cada gráfico há um controle “ver os dados”. Ele abre a mesma informação numa tabela, com cabeçalhos de linha e de coluna marcados no código. Assim, os detalhes aparecem quando você pede. Ben Shneiderman descreveu esse princípio em 1996 com o nome de detalhes sob demanda. Quem usa leitor de tela, quem precisa do número exato e quem quer copiar a série encontram a informação no mesmo lugar.

As barras horizontais das listas ordenadas são feitas com os elementos comuns da página, e não com o desenho de uma biblioteca de gráficos. Assim, cada linha continua sendo um item de lista e um botão, e pode ser alcançada pelo teclado. A barra horizontal da biblioteca de gráficos Recharts não permite isso.

Nenhuma informação depende só da cor. Quando a cor indica uma categoria, como a procedência dos autores citados, a mesma informação aparece escrita na legenda, na dica que surge sob o ponteiro e na tabela de dados.

• Há um tema claro e um escuro. Na primeira visita, a plataforma usa o tema escolhido no sistema do seu aparelho.
• O tamanho do texto usa uma unidade relativa, que acompanha o tamanho escolhido nas configurações do navegador.
• Os controles têm uma área de toque confortável. Nas listas, o clique funciona em toda a linha.
• As transições são curtas. Elas são desligadas quando o sistema do aparelho pede menos movimento na tela.
• Quando um controle é selecionado, a cor de fundo muda, e não a transparência. Assim, o texto do controle selecionado mantém o mesmo contraste.
• A sequência de cores é a mesma nos dois temas. Assim, cada linha do gráfico mantém a sua cor quando você troca de tema.
• Nos botões de voltar, a cor indica o tipo de retorno, e ela nunca é o único sinal. O rosa leva ao Catálogo filtrado pela página e, quando você já está num filtro, sai dele; o item do menu fica na mesma cor. O azul-céu desfaz o último passo dentro da seção. O marinho leva para fora da plataforma. Nenhum dos três depende da cor: cada botão traz uma seta antes do rótulo, e o rótulo diz o destino por extenso. Na primeira vez em que você encontra cada botão, um aviso ao lado dele explica o que ele faz. O aviso não tira a seleção do teclado, sai sozinho e não volta a aparecer depois de visto.
• Desde 4 de outubro de 2026, os gráficos usam a sequência de cores da identidade da Sociedade Brasileira de Design da Informação: abrem no marinho da faixa do alto e no azul-céu do fio embaixo dela, e seguem em rosa médio, violeta, verde-limão, cinza e rosa claro. Duas cores vizinhas ficam sempre a uma distância de pelo menos 0,104 numa simulação de daltonismo feita por um programa escrito por um modelo de IA (Claude), acima do limite de 0,100 que a plataforma usa. O destaque em rosa forte, que aparece quando o ponteiro passa sobre uma marca, continua visível sobre elas. Os pesquisadores responsáveis mantiveram a exceção a seguir por decisão de projeto. O contraste é a diferença de luminosidade entre uma cor e o fundo. Os tons claros ficam abaixo de 3:1, o contraste que a norma pede para elementos gráficos. Por isso, todo valor aparece escrito ao lado da marca, a categoria aparece escrita na legenda e na dica, e todo painel traz a sua tabela. Nenhuma informação depende de enxergar o tom.

A WCAG, as diretrizes internacionais de acessibilidade para conteúdo da web, é a referência desta página. Ainda não foi feita uma auditoria formal com a versão 2.1 dessas diretrizes, no nível AA. O que existe são as medidas descritas acima. Elas foram adotadas durante a construção da plataforma, e um modelo de IA (Claude) as conferiu por inspeção. Nenhuma ferramenta certificada foi usada.

Os gráficos mais densos, como a rede de coautoria e a rede de termos que aparecem juntos, são difíceis de percorrer pelo teclado, uma marca de cada vez. Para esses gráficos, o caminho recomendado é a tabela de dados.

Se você encontrar alguma dificuldade de acesso, escreva e conte qual foi. O caminho está em Contato.