Desenvolvendo painéis acessíveis

Ao criar painéis para um grande público, você deve estar ciente de como deixar seus painéis de análise visual mais acessíveis.

Eis algumas diretrizes para ajudá-lo a projetar e construir painéis acessíveis.

Utilize cores com alto contraste e seja consistente

Forneça contraste para itens em visualizações, pelo menos 3:1.
Para cores em suas visualizações e itens com os quais as pessoas vão interagir, escolha cores que tenham uma taxa de contraste de pelo menos 3:1 em relação à cor de fundo.
Forneça contraste para o texto, pelo menos 4.5:1.
Para cores de elementos de texto em seu painel, selecione cores que tenham uma taxa de contraste de pelo menos 4.5:1 em relação à cor de fundo.
Selecione cores compatíveis com daltônicos.
Para itens coloridos que serão comparados, selecione cores compatíveis com daltônicos. Utilize paletas compatíveis com daltônicos e evite usar vermelho e verde juntos.
Visualizações do mesmo tipo devem ser consistentes em um painel.
Se houver duas ou mais visualizações do mesmo tipo em um painel (por exemplo, dois gráficos de pizza), elas deverão ser consistentes. Isso significa que elas devem ter configurações semelhantes, bem como a mesma "aparência". No entanto, elas não precisam necessariamente usar as mesmas cores. Por exemplo, mantenha as legendas do mesmo lado em visualizações do mesmo tipo.
Além da cor, utilize outros meios visuais para fornecer informações.
Evite depender apenas da cor para diferenciar os itens nas visualizações. Considere adicionar diferenças de tamanho, forma e padrões, para que os itens possam ser diferenciados uns dos outros.

Forneça títulos de visualização descritivos.
O título deve descrever o conteúdo em uma visualização e apresentar a visualização ao consumidor.
Forneça legendas descritivas.
As legendas nas visualizações devem descrever os valores claramente.
Forneça títulos de página descritivos.
Os títulos das páginas devem descrever o conteúdo que o consumidor pode esperar na página.
Forneça alternativas de texto para visualizações.
Deve haver uma alternativa de texto presente para todas as visualizações para ajudar aqueles que não podem ver ou que por algum outro motivo não podem compreender a visualização. Isso deve incluir uma descrição da visualização e sua finalidade, além de possíveis insights gerados.
Forneça uma visão geral do painel.
Inclua uma descrição de toda a análise. Qual é a finalidade dela, como deve ser navegada e o que o consumidor deve esperar?
Use fontes sans-serif.
Escolha uma fonte sans-serif, como Roboto ou Arial. Evite fontes como Times New Roman, porque é mais difícil de ler para algumas pessoas.
Forneça texto com mais de 16 pixels.
Se for possível, use texto com pelo menos 16 pixels de altura. Se for usado um texto menor, ele requer um contraste maior do que o sugerido na etapa 2 em "Usar cores..." acima.

Forneça uma estrutura lógica em listas e tabelas.
Tabelas e listas devem ser estruturadas para que seja fácil navegar por elas. Utilize estruturas lógicas, como ordem alfabética ou norte-sul para dados geográficos.
Minimize a complexidade visual e de navegação em painéis.
Esforce-se para ter um painel claro e simples a fim de minimizar a complexidade. Se as visualizações precisarem ser visualizadas juntas, coloque-as na mesma página e na ordem em que devem ser visualizadas.
Os painéis devem ser construídos com um fluxo natural.
Projete seus painéis para que sejam fáceis de perceber e navegar de forma sequencial. Deve haver um fluxo natural, por exemplo, de cima para baixo e da esquerda para a direita. Coloque informações importantes na parte superior do painel.