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 amarelo 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.
• Os gráficos usam uma sequência de sete cores: verde, amarelo, azul claro, azul escuro, laranja, roxo e marrom. A ordem foi escolhida para afastar as cores vizinhas também para quem tem daltonismo. Um programa escrito por um modelo de IA (Claude) simulou os dois tipos mais comuns de daltonismo, e duas cores vizinhas ficam sempre a uma distância de pelo menos 0,123, nos dois temas, acima do limite de 0,100 que a plataforma usa. 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. O verde, o amarelo, o azul claro e o laranja ficam abaixo de 3:1 sobre o painel claro, 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 as redes de coautoria, 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.