4 Tips for Creating Accessible Qlik Sense Mashups

Qlik has made every effort to keep Qlik Sense in line with the latest trends and most advanced technologies, and the same goes for making the analytics tool accessible to people with disabilities.

Native Qlik Sense apps currently support the JAWS screen reader, as well as compatibility with Internet Explorer 11. However, the best way to engage and combine the power of Qlik Sense with accessible web application development standards is via mashup implementations that render the web experience more enjoyable and truly ready to use for people with disabilities, especially people who need screen readers or who can’t use a mouse or keyboard to navigate.

When we engage web languages and embed graphics or even customize them we gain the ability to design user interfaces that are compatible with free desktop screen readers such as NVDA, or ready to use in the palm of your hand through native Android and iOS screen readers.

Customized experience when using Mashups

A mashup provides much more freedom and flexibility to create an application that fits the specific needs of each user group. Whether creating a custom filter menu or adding dynamically accessible properties and attributes, the focus of an accessible mashup is to create an intuitive layout with smooth mouse and keyboard navigation.

Native Qlik Sense QVF limitations and how mashup engagement overcomes such limitations

When developing a web application with screen readers in mind, one important thing to keep in mind is make sure the user remains always aware of what is happening and where the focus is on the screen.

In the native application, the navigation works apparently well. But when using the NVDA reader, focusing on a table-like object, for example, the user receives no feedback with regards to what object is being focused on, since the table’s title is not read. This is something that can be solved in a mashup using the aria-label HTML attribute.

Engaging mashups we can, for example, help the user navigate information, control focus on screen elements, change text and element captions based on user actions, and create predictable QVF functionality components that have a simple and natural use.

4 quick tips for making an accessible mashups

1 – Help the user navigate

A good example is to create a “skip to main content” button at the top of the page that is hidden by default, but that becomes visible when it gets a keyboard focus.

2 – Make the user aware of what is happening on the screen

If you have a loading screen or an error screen, be sure to add focus to some text that tells the user that the application is loading or that an error has occurred. Example:

3 – Always remember to test your mashup in other platforms

Sometimes some solutions that make the application more accessible work slightly differently on different platforms. It is therefore important to always make sure that we are achieving the expected behaviour on all platforms. Otherwise you will need to find another way to reach the expected goal.

4- Less is more

Get rid of absolutely everything your user won’t use in the interface. For example, the native app’s edit bar, where users can edit and create their graphics and sheets, and so many other elements that we’ve just added to the interface that will eventually make the experience exhausting in areas of little or no importance.

Webinar: Configuring NewHub inside the Qlik Sense Enterprise environment

In this 45 minute webinar, explore how to install NewHub on your Qlik Sense environment:

What will we cover?
– Installing a fresh version of NewHub via the QMC panel
– Linking your apps and mashups to NewHub through QMC custom properties
– Linking specific KPI’s to your NewHub installation by creating Master Items and Tags directly in the QVF file
– Customizing colors and logos to fit specific branding and data organization purposes

Transform the whole experience of using your Qlik Sense panels and mashups with NewHub.
FREE Download and Live Preview

How to render a Qlik Sense object within a React mashup
By Pedro Ugioni and Andrés Ruiz Droege

This post aims to clarify the following points regarding the use of React in rendering Qlik Sense Mashups:

  1. After reading this, you will have learned how to implement a basic component using React in order to link to your Qlik Sense data and visually render it inside your React App.
  2. Understand the benefits a React deployment brings with regards to data management when working with the Qlik Sense platform for your data analysis.

Contextualizing React

React is a library developed and maintained by Facebook that is intended to build large application interfaces. One of the main objectives that React tries to solve is allowing for data updates every second. In other words, a tool to update data on the screen in real time.

Read More
Cluster partners with Looker

Building upon our existing design services and customization services with advanced BI panels and dashboards, Cluster proudly announces it’s newly minted partnership with North American business intelligence platform Looker.

With this new addition, Cluster reassures its positioning as a multi-platform consulting firm, and now paves the way for Looker’s global clients to fully customize their Looker-powered BI mashups.

Read More
Download NewHub for Qlik Sense. For Free

The full-featured version of NewHub is available for download. The mashup was released in late 2018 and runs within Qlik Sense Server. This means it does not require any additional structure beyond the Enterprise license.

Just fill out this form and you’ll receive a zip file for installation, along with configuration instructions and a commercial presentation. This version remains free up to 5 (five) users/tokens and allows color and logo customizations.

Click here to learn more about NewHub


Você está baixando o NewHub gratuito para 5 (cinco) usuários.
Para podermos liberar este acesso, na primeira vez que você acessar o NewHub no seu servidor Qlik, pegaremos automaticamente as seguintes informações: Nome do Host, Nome do Usuário e o ID da instalação do Qlik. Estes dados estão protegidos e são armazenados apenas para fins de controle e liberação dos seus usuários ao NewHub.
Se, a qualquer momento, você desejar parar de utilizar o NewHub e quiser remover seus dados, basta enviar um email para com esta solicitação informando o nome do seu usuário Qlik.