Acessibilidade

• Marcação semântica, com um único h1 por página e hierarquia de títulos sem salto.
• Atalho para pular ao conteúdo, primeiro elemento do foco.
• Navegação completa por teclado, com anel de foco visível em todo controle.
• A cada troca de seção o foco vai para o conteúdo, para que o leitor de tela anuncie a página nova.
• Endereço próprio por seção, o que permite chegar direto e voltar pelo histórico.

Todo gráfico tem função e descrição declaradas, e cada marca traz rótulo sob o ponteiro, lido também por tecnologia assistiva. Marcas clicáveis recebem foco e respondem a Enter e Espaço.

Nenhuma leitura depende só de cor. Cada série carrega tom e traço; as áreas empilhadas carregam tom e textura; e a legenda repete os dois sinais de cada uma.

Sobretudo, todo painel tem a sua tabela, em "ver os dados", com os mesmos números que alimentam o desenho. Quem não puder ler o gráfico lê a tabela, sem perder informação.

• Tema claro e escuro, com a preferência do sistema respeitada na primeira visita.
• Corpo de texto em unidade relativa, que acompanha o ajuste do navegador.
• Área de toque de 32 pixels nos controles.
• Rolagem suave e transições desligadas quando o sistema pede movimento reduzido.
• Onde a cor classifica, ela nunca vai sozinha. Nas barras de Referências a procedência do nome aparece na dica do ponteiro, na tabela de dados e na legenda. No quadro de conceitos o estado aparece na dica de cada etiqueta e na tabela de dados, e as etiquetas vêm agrupadas por estado, na ordem da legenda. Nas etiquetas do Catálogo a categoria vem escrita na dica. Nas séries de linha o traço muda junto com a cor.
• Os tons que carregam dado foram medidos contra o fundo do painel nos dois temas. Os cinza cheio das barras fica em 4,3:1 no tema claro, e o cinza claro fica em 2,3:1, abaixo dos 3:1 que a norma pede para objeto gráfico. É exceção assumida, por decisão de projeto: a barra tem o valor escrito ao lado, o nome à esquerda e a categoria em palavra, de modo que nada depende de enxergar aquele tom. Verde, laranja e teal ficam entre 1,8:1 e 2,6:1 pela mesma razão, e nunca carregam texto.
• Na caixa que o ponteiro abre sobre um gráfico de linhas, cada linha sai no tom da série a que pertence, e os tons claros ficam abaixo de 4,5:1. É exceção assumida, pela mesma razão: é o tom que liga a linha da caixa à linha do desenho, e o mesmo valor está na dica da coluna, que o leitor de tela anuncia, e na tabela de "ver os dados".

Uma auditoria formal contra a WCAG 2.1 no nível AA ainda não foi feita. O que existe são as medidas acima, adotadas durante a construção, e verificação por inspeção, não por ferramenta certificada.

Os gráficos mais densos, como a rede de coocorrência e a matriz de correlação, são difíceis de percorrer por teclado marca a marca. A tabela de dados é, para eles, o caminho recomendado.

Se você encontrar uma barreira, o relato é a melhor contribuição possível. O caminho está em Contato.