Acessibilidade

Cada gráfico traz embaixo um controle “ver os dados” que abre a mesma informação em tabela semântica, com cabeçalho de linha e de coluna. É a etapa de detalhes sob demanda: quem lê por leitor de tela, quem precisa do número exato e quem quer copiar a série chegam ao mesmo lugar. Os rankings são lista, e não gráfico de barra horizontal: a barra horizontal do Recharts não entra na navegação por teclado, e a lista entra.

A paleta são cinco pares, na sequência ciano, rosa, verde, laranja e amarelo, e cada par foi escolhido com contraste AAA entre a cor clara e a escura. A série do gráfico é sempre a metade clara, nos dois temas, porque uma série não deve trocar de cor quando o leitor troca de tema. Sobre o cinza da página essa mancha clara fica em torno de 1,2:1, abaixo dos 3:1 que a norma pede para objeto gráfico. É exceção assumida e declarada: nada depende de enxergar o tom, porque o valor vem escrito ao lado, o nome à esquerda e a mesma informação em tabela logo abaixo. Onde a cor cai sobre texto, e não sobre mancha, entra a variante escura do mesmo matiz.

A primeira parada da tabulação é o atalho para o conteúdo. A coluna de seções é um marco de navegação, a seção corrente vem marcada como página atual, e todo controle tem foco visível. Os títulos seguem uma hierarquia só por página.

Interface e análises em português, inglês e espanhol, que são as três línguas em que a revista publica. O atributo de idioma do documento acompanha a escolha, para que o leitor de tela troque de voz. Título de trabalho, nome de autoria e palavra-chave passam intactos: são o que os autores escreveram.

Não há teste com usuários de leitor de tela, e ele é o que de fato valida o que está escrito acima. A nuvem de termos varia o tamanho da letra por frequência, o que é decisão visual, e o mesmo dado está no ranking logo abaixo, em ordem e com número.