Acessibilidade de gráficos e tabelas
Forneça um resumo em texto da visualização, certificando-se de descrever tendências ou padrões na visualização.
Fornecer um resumo em texto serve a múltiplos propósitos. Primeiro, ele fornecerá um formato alternativo para consumir os dados para usuários que acham a visualização confusa ou distraente.
Em segundo lugar, ele fornecerá aos usuários não visuais uma descrição de tendências e padrões que, de outra forma, podem ser difíceis de determinar. Ele fornece uma alternativa básica para usuários caso o restante da visualização seja inacessível.
Além disso, uma descrição em texto é frequentemente facilmente captada por motores de busca, o que ajuda a obter classificações mais altas nos resultados de busca para o conteúdo.
Torne os dados disponíveis em um formato de tabela acessível.
Tornar os dados disponíveis em um formato de tabela acessível serve a propósitos semelhantes ao resumo em texto. Para um usuário não visual, pode ser uma maneira familiar de navegar em um conjunto de dados, e até mesmo alguns usuários visuais podem achar uma tabela de dados um formato mais fácil de entender.
Alguns motores de busca podem usar o conteúdo da tabela de dados para apresentar um snippet em destaque nos resultados de busca, levando a uma classificação alta.
Se você também puder tornar a própria visualização gráfica acessível, isso é ainda melhor.
Garanta contraste e separação suficientes entre os elementos na visualização.
As diretrizes W3C WCAG 2.1 recomendam uma relação de contraste de 3:1 para elementos grandes e não textuais. O texto menor deve ter uma relação de contraste de 4.5:1 em relação ao seu fundo.
Não confie apenas na cor para transmitir informações e garanta que as cores usadas possam ser distinguidas por pessoas com várias formas de daltonismo.
Rótulos de dados, símbolos, anotações e dicas de ferramentas são maneiras comuns de transmitir informações adicionais em visualizações sem depender da cor. Além disso, apresentações alternativas – como uma tabela de dados acessível – podem ser úteis. Ainda é encorajado usar a cor como um complemento a essas técnicas; isso pode tornar as visualizações mais fáceis de entender e, em muitos casos, mais acessíveis.
Garanta que o texto seja legível.
Texto pequeno é geralmente mais difícil de ler e deve ser evitado sempre que possível. Considere usar abreviações comuns para permitir um texto maior. Certifique-se de que o texto não esteja obstruído por outros elementos do gráfico e tenha contraste suficiente em relação ao seu fundo.
Prefira uma linguagem simples e compreensível.
Por linguagem simples, referimo-nos a uma linguagem que visa ser o mais clara e direta possível, evitando linguagem prolixa e convoluta, e minimizando o uso de jargões.
Prefira visualizações simples e familiares em vez de novidades complexas.
Para usuários com certas deficiências cognitivas, visualizações complexas podem ser particularmente desafiadoras. Se estiver usando uma visualização complexa ou nova, certifique-se de que ela seja acompanhada por uma descrição em texto, para garantir que os usuários entendam o que a visualização pretende transmitir e como interpretá-la.
Torne visualizações interativas acessíveis pelo teclado.
A acessibilidade pelo teclado é um requisito óbvio para visualizações de dados interativas. Embora muitos usuários com deficiências motoras estejam usando tecnologia assistiva além de teclados, essas ferramentas frequentemente emulam o comportamento do teclado. Isso significa que interações acessíveis apenas para usuários de teclado, na realidade, são acessíveis a uma ampla gama de usuários com diferentes necessidades.
Se estiver usando animações ou movimentos na visualização que possam ser distrativos, permita que o usuário desative isso e respeite o recurso de mídia CSS "prefers-reduced-motion" quando relevante.
Alguns usuários, por exemplo, usuários com distúrbios vestibulares, podem experimentar náuseas ou distração com conteúdo animado. Usuários com algumas deficiências cognitivas também podem ser distraídos ou confundidos por movimentos.
Garanta que a visualização seja responsiva a diferentes tamanhos de tela e níveis de zoom.
A responsividade no design web moderno é crucial, tanto dada a variedade aumentada de formatos de tela usados hoje, quanto para acessibilidade. Usuários com baixa visão, em particular, frequentemente navegam com um tamanho de texto aumentado, usam folhas de estilo personalizadas ou fazem uso do zoom do navegador enquanto navegam na web. Isso significa que o conteúdo precisa se reorganizar para evitar rolagem horizontal, recorte ou sobreposição de elementos.