Projetado e testado segundo os critérios WCAG 2.2 AA
Declaração de Acessibilidade
Acreditamos em ferramentas universais. Conheça os recursos de apoio para tecnologia assistiva e navegação.
Principais recursos de acessibilidade
- Controles por teclado: insira dados, escolha tipos e paletas, abra caixas de diálogo e exporte com Tab, Shift+Tab, Enter, Espaço, setas e Escape. O foco permanece na caixa aberta e volta ao controle de origem quando ela é fechada.
- Tabela e resumo acessíveis: o editor oferece uma tabela de dados e um resumo estatístico junto ao gráfico para que os valores possam ser lidos sem depender da imagem.
- SVG semântico: os gráficos incluem elementos de título e descrição associados por aria-labelledby. Os dados detalhados ficam separados, sem criar uma parada de teclado para cada barra.
- Cores e contraste: as paletas incluem Artisan Earth, Okabe–Ito e IBM Carbon. As verificações apontam contraste baixo, incluindo o limite de 3:1 para elementos gráficos. Revise as cores e os rótulos escolhidos: uma paleta sozinha não garante um gráfico acessível.
- Movimento reduzido: quando seu dispositivo solicita menos movimento, as revelações na rolagem e as transições decorativas ficam estáticas, e a mensagem inicial para de alternar.
- Foco visível: os controles mostram um indicador para que usuários de teclado acompanhem sua posição.
- Pular navegação: o primeiro link pelo teclado leva ao conteúdo principal sem repetir a navegação do cabeçalho.
Testes, limitações e comentários
Usamos verificações automáticas com Axe Core e Playwright e testamos interações por teclado. Esses testes não certificam todas as combinações de navegador e tecnologia assistiva nem todos os gráficos criados. Se encontrar uma barreira, informe a página, o dispositivo, o navegador, a tecnologia assistiva e os passos que causaram o problema.