Melhores práticas para projetar aplicativos acessíveis

Os aplicativos do Analytics são compatíveis com vários recursos de acessibilidade. Os criadores de aplicativos também podem tomar medidas extras para melhorar a acessibilidade e garantir que todos os usuários possam acessar as informações em seus aplicativos de análise.

Os aplicativos de análise oferecem suporte aos seguintes recursos de acessibilidade:

• Esquemas de cores padrão com alto contraste

• Navegação por teclado e atalhos de teclado

  Navegação pelo teclado e atalhos do teclado em aplicativos

• Suporte para leitores de tela

  Usando o Qlik Sense com um leitor de tela

Ao projetar aplicativos para acessibilidade, há práticas recomendadas de design que você deve seguir. Além disso, há configurações específicas de aplicativos que você pode usar para ajudar a tornar seus aplicativos mais acessíveis.

Melhores práticas de design

Ao projetar para acessibilidade, siga estas práticas recomendadas:

• Manter uma estrutura de pasta simples

• Primeiro, forneça uma visão geral

• Use cores acessíveis

• Selecionar visualizações para acessibilidade

• Evite narrativa

Manter uma estrutura de pasta simples

Ao adicionar visualizações às suas pastas, use uma estrutura simples com poucas colunas e linhas. Uma estrutura simples melhora a legibilidade para os usuários. Além disso, também facilita a navegação pelo teclado, pois a navegação pelo teclado se move do canto superior esquerdo para o canto inferior direito.

Layouts complexos de pastas com muitas colunas e linhas são mais difíceis de entender e de navegar com um teclado. Ao projetar uma pasta, tente navegar nela com o teclado para ver como os usuários podem perceber o aplicativo.

Primeiro, forneça uma visão geral

Ao criar pastas, forneça primeiro uma visão geral e depois os detalhes. Isso facilita o consumo de informações nas suas pastas pelos usuários. Por exemplo, comece fornecendo resumos e KPIs em suas pastas e, em seguida, forneça tabelas com mais detalhes ou outras visualizações. Você também pode colocar detalhes em outra pasta. Como alternativa, você pode redimensionar a pasta para que ela possa ser rolada e colocar detalhes adicionais mais abaixo na pasta.

Para obter mais informações sobre a alteração do tamanho da pasta, consulte Alterando layouts de pastas.

Selecione as visualizações corretas

Aplicativos analíticos fornecem uma variedade de visualizações para uso em análises. Algumas visualizações são escolhas melhores do que outras ao projetar aplicativos acessíveis. Tenha em mente o seguinte ao selecionar as visualizações:

• Use gráficos com exibição de dados

• Use a tabela estática do pacote de Visualização

• Evite usar gráficos de mapa

• Evite usar objetos personalizados

Use gráficos com exibição de dados

Ao projetar seu aplicativo, use gráficos com exibição de dados. A exibição de dados permite que os usuários transformem o gráfico em uma tabela, ajudando-os a inspecionar e selecionar valores.

A exibição de dados está disponível nos gráficos a seguir:

• Gráfico de barras
• Plotagem da caixa (com uma ou mais dimensões)
• Gráfico de combinação
• Gráfico de distribuição
• Histograma
• Gráfico de linhas
• Gráfico de pizza
• Tabela dinâmica
• Dispersão
• Mapa de árvore

Para obter mais informações, Exibindo dados de visualizações.

Use a tabela estática do pacote de Visualização

A tabela estática do agrupamento de Visualização tem uma experiência de navegação aprimorada em comparação com a visualização de tabela atual. Ao adicionar tabelas a um aplicativo acessível, use-a em vez da visualização de tabela padrão.

Para obter mais informações, consulte Tabela estática.

Evite usar gráficos de mapa

O gráfico de mapa não pode ser navegado com o teclado. Ao criar aplicativos acessíveis, considere o uso de formas alternativas de apresentar seus dados geográficos.

Evite usar objetos personalizados

Os gráficos nos agrupamentos Painel ou Visualização, além da tabela estática, podem não ser tão acessíveis quanto outros gráficos. Eles não são recomendados para uso em aplicativos acessíveis. Além disso, se você usar extensões, teste-as para confirmar se são acessíveis aos seus usuários.

Use cores acessíveis

O espectro de cores é mais estreito para pessoas com deficiência visual baseada em cores. Elas podem interpretar suas visualizações de forma diferente do que você pretendia. Por exemplo, alguns usuários podem ter dificuldade com vermelhos e verdes em suas visualizações. Linhas, barras e fatias de pizza também podem ser difíceis de distinguir quando as cores não têm contraste suficiente.

É melhor usar um esquema de cores simples em seu aplicativo. Cada um dos esquemas de cores padrão do aplicativo tem 12 cores que contrastam entre si. É melhor usar de três a cinco cores, se possível, ou até mesmo um esquema de cores baseado em uma única cor. Você pode criar seus próprios esquemas de cores personalizados e usá-los em todos os seus aplicativos acessíveis. Para obter mais informações, consulte Criar temas personalizados.

Você também pode definir algumas cores manualmente, separadamente dos temas. Para dimensões, você pode definir a atribuição de cores a valores nas dimensões mestre. Para obter mais informações, consulte Atribuindo cores a valores de dimensão mestre. Você também pode colorir por expressões para definir cores. Para obter mais informações, consulte Cor por expressão. Para saber mais sobre as opções de coloração para visualizações, consulte Colorindo uma visualização.

Adicionando formas como indicadores de desempenho em KPIs

Considere adicionar formas como indicadores de desempenho em seus KPIs. Isso adiciona contexto e torna seus KPIs mais acessíveis. Por exemplo, você pode usar um círculo vermelho vazio para indicar resultados ruins, um círculo verde cheio para bons resultados e um triângulo como um símbolo de alerta que só aparece quando o status de um KPI está em um nível inaceitável. Para obter mais informações, consulte Adicionando formas aos KPIs.

Evite narrativa

Embora as histórias sejam úteis para apresentar descobertas, as pastas são mais acessíveis para navegação por teclado e leitores de tela. Em aplicativos projetados para acessibilidade, é melhor usar pastas para apresentar suas descobertas.

Configurações de aplicativos acessíveis

Os aplicativos do Analytics têm um conjunto de configurações que podem ajudar a melhorar a acessibilidade dos seus aplicativos.

Configurações da pasta

Há várias configurações que você pode alterar em suas pastas para melhorar a acessibilidade:

• Melhorar o contraste do título da pasta

• Desative o menu flutuante

Melhorando o contraste do título da pasta

Você pode melhorar a visibilidade dos títulos das pastas estilizando-os para que contrastem com as pastas.

Faça o seguinte:

1. Na barra de navegação do aplicativo, clique no título do seu aplicativo.

2. Clique em para abrir as configurações.

3. Em Estilo do título da pasta, ajuste as configurações de cor para melhorar o contraste.

Desativando o menu flutuante.

A desativação do menu flutuante permite uma experiência de navegação mais suave. Não há perda de funcionalidade, pois as opções também estão disponíveis no menu de contexto e nos atalhos do teclado.

Faça o seguinte:

1. Na barra de navegação do aplicativo, clique no título do seu aplicativo.

2. Clique em para abrir as configurações.

3. Em Aparência, desative Mostrar menu de foco para visualizações.

Configurações do gráfico

Alguns gráficos têm opções que podem ajudar a torná-los mais acessíveis aos usuários. Você pode:

• Fornecer descrições de texto

• Limitar valores de dimensão em visualizações

• Adicionar formas aos KPIs

Fornecendo descrições de texto

As visualizações vêm com campos para títulos, subtítulos e notas de rodapé. Fornecer descrições de texto precisas pode ajudar os usuários a navegar pelas visualizações e fornecer contexto às suas pastas. Sem contexto, os usuários podem levar mais tempo para encontrar as informações que lhes interessam em suas pastas. Títulos, subtítulos e notas de rodapé também são lidos por leitores de tela.

Limitar valores de dimensão em visualizações

Ao trabalhar com dados nominais em dimensões, tente encontrar hierarquias ou fazer agregações se o número de categorias for maior que 10. Por exemplo, a exibição dos 10 principais valores, com o restante categorizado como outros, facilita a compreensão e a leitura em voz alta dos dados. Se precisar incluir detalhes completos, você pode incluí-los no final da pasta ou em outras pastas.

Faça o seguinte:

1. No modo de edição, clique em Opções avançadas.

2. Selecione uma visualização.

3. No painel de propriedades, em Dados, selecione sua dimensão.

4. Em Limitação, selecione uma das seguintes opções:

   • Número fixo: selecione para exibir os valores superiores ou inferiores. Configure o número de valores. Você também pode usar uma expressão para definir o número. Clique em para abrir o editor de expressão.

   • Valor exato: use os operadores e configure o valor de limite exato. Você também pode usar uma expressão para definir o número. Clique em para abrir o editor de expressão.

   • Valor relativo: use os operadores e configure o valor de limite relativo em porcentagem. Você também pode usar uma expressão para definir o número. Clique em para abrir o editor de expressão.

Abreviar números

Ler, ouvir e compreender números longos pode ser um desafio. Sempre que possível, abrevie seus números para manter o número de dígitos e decimais baixo.

Você pode usar funções como Ceil e Round para arredondar números. Por exemplo, se você quisesse arredondar os valores das medidas para milhões com uma casa decimal, poderia usar =Round(Sum(Sales)/1000000, 0.1).

Para obter mais informações, consulte:

• Ceil – função de script e gráfico

• Round – função de script e gráfico

Adicionando formas aos KPIs

Se estiver usando coloração condicional para seus KPIs, você pode adicionar símbolos além da cor. Os símbolos podem ser usados para fornecer indicadores de desempenho adicionais.

Faça o seguinte:

1. Selecione uma visualização de KPI e alterne para o painel de propriedades no modo de edição avançada.

2. Selecione Aparência e expanda Cor.

3. Se necessário, desative Cores da biblioteca e ative Cores condicionais.

4. Clique em Adicionar limite para criar um novo limite. Vários limites podem ser adicionados a um único gráfico de KPI.

5. Especifique um valor para o limite ou insira uma expressão usando o editor de expressões.

6. Na barra de cores Valor, clique na área de intervalo do KPI que você deseja modificar.

7. Em Cores, selecione uma cor predefinida ou use uma cor personalizada.

8. Selecione Símbolos para escolher o símbolo exibido quando seu KPI estiver dentro do limite especificado.

Usar títulos dinâmicos

Ao fazer visualizações, use títulos dinâmicos para capturar a essência do gráfico. Em vez de apenas um título genérico, considere a possibilidade de criar uma expressão para o título que forneça informações dinamicamente com base nas seleções do usuário.

Ao usar a análise de conjunto combinada com max(), min(), rank() e correl() para criar os títulos, você pode apresentar gráficos mais descritivos de forma dinâmica.

Por exemplo, esta visualização tem um título estático.

Se expressões dinâmicas fossem adicionadas ao título e ao subtítulo, o gráfico expressaria as informações de forma mais dinâmica e forneceria mais informações aos usuários.

A vantagem dos títulos dinâmicos é que eles mudam com base nas seleções do usuário. Na visualização abaixo, os três principais países para vendas foram selecionados, alterando o título e o subtítulo da visualização.