4 Dicas para Criar Mashups Acessíveis no Qlik Sense

A Qlik tem se esforçado ao máximo para manter o Qlik Sense alinhado com as tendências mais recentes e tecnologias mais avançadas, e o mesmo vale para tornar a ferramenta de análise acessível para pessoas com deficiência.

Aplicações nativas do Qlik Sense atualmente suportam o leitor de tela JAWS, além de compatibilidade com o Internet Explorer 11. No entanto, a melhor forma de unir o poder do Qlik Sense com padrões de desenvolvimento de aplicações web acessíveis é por meio de implementações de mashups, que tornam a experiência web mais agradável e realmente pronta para uso por pessoas com deficiência, especialmente aquelas que precisam de leitores de tela ou que não conseguem usar mouse ou teclado para navegar.

Quando trabalhamos com linguagens web e incorporamos gráficos ou até os personalizamos, ganhamos a capacidade de projetar interfaces de usuário compatíveis com leitores de tela gratuitos para desktop, como o NVDA, ou prontas para uso na palma da mão por meio de leitores de tela nativos do Android e iOS.

 

Experiência personalizada ao usar Mashups

 

Um mashup oferece muito mais liberdade e flexibilidade para criar uma aplicação que atenda às necessidades específicas de cada grupo de usuários. Seja criando um menu de filtro personalizado ou adicionando propriedades e atributos dinamicamente acessíveis, o foco de um mashup acessível é criar um layout intuitivo com navegação fluida por mouse e teclado.

 

Limitações do QVF nativo do Qlik Sense e como o uso de mashups supera essas limitações

 

Ao desenvolver uma aplicação web pensando em leitores de tela, uma coisa importante a ter em mente é garantir que o usuário permaneça sempre ciente do que está acontecendo e onde está o foco na tela.

Na aplicação nativa, a navegação parece funcionar bem. Mas ao usar o leitor NVDA, ao focar em um objeto do tipo tabela, por exemplo, o usuário não recebe nenhum feedback sobre qual objeto está em foco, já que o título da tabela não é lido. Isso é algo que pode ser resolvido em um mashup usando o atributo HTML aria-label.

Ao trabalhar com mashups, podemos, por exemplo, ajudar o usuário a navegar pelas informações, controlar o foco em elementos da tela, alterar textos e legendas de elementos com base nas ações do usuário, e criar componentes de funcionalidade QVF previsíveis, com uso simples e natural.

 

4 dicas rápidas para criar mashups acessíveis

 

1 – Ajude o usuário a navegar

 

Um bom exemplo é criar um botão “pular para o conteúdo principal” no topo da página, que fica oculto por padrão, mas se torna visível quando recebe foco do teclado.

 

2 – Deixe o usuário ciente do que está acontecendo na tela

 

Se você tem uma tela de carregamento ou uma tela de erro, certifique-se de adicionar foco a algum texto que informe ao usuário que a aplicação está carregando ou que ocorreu um erro. 

 

3 – Lembre-se sempre de testar seu mashup em outras plataformas

 

Às vezes, algumas soluções que tornam a aplicação mais acessível funcionam de forma ligeiramente diferente em plataformas diferentes. Por isso, é importante sempre garantir que estamos alcançando o comportamento esperado em todas as plataformas. Caso contrário, você precisará encontrar outra forma de alcançar o objetivo esperado.

 

4 – Menos é mais

 

Livre-se de absolutamente tudo que o seu usuário não vai usar na interface. Por exemplo, a barra de edição da aplicação nativa, onde os usuários podem editar e criar seus gráficos e planilhas, e tantos outros elementos que acabamos de adicionar à interface, que eventualmente tornarão a experiência cansativa em áreas de pouca ou nenhuma importância.

 

Conteúdo relacionado