Skip to main content Skip to complementary content

Accessibility in mashups

Qlik Sense provides a function for accessibility features to help users interact with Qlik Sense.

Viewing data of visualizations

You can change between a visualization and a view of the data it represents.

When working with a visualization in analysis mode, you might need to take a look at the data behind a selection. For most visualizations, a table containing their data is available when the Qvisualization.toggleDataView() method is defined.

Visualizations where data viewing is available

In the following visualizations you can change between the visualization and a view of its data in table form:

  • Bar chart
  • Box plot (with one or more dimensions)
  • Combo chart
  • Distribution plot
  • Histogram
  • Line chart
  • Pie chart
  • Pivot table
  • Scatter plot
  • Treemap

toggleDataView() implementation

The code example below defines the toggleDataView() function for two visualizations.

function toggle(vis, element) {
  vis.toggleDataView().then(function (toggled) {
    vis.isToggled = toggled;
    document.getElementById(element).parentElement.focus();
  });
}

document.getElementById("toggle1").addEventListener("click", function () {
  toggle(vis1, "QV01");
});
document.getElementById("toggle2").addEventListener("click", function () {
  toggle(vis2, "QV02");
});
document.getElementById("clear").addEventListener("click", function () {
  app.clearAll();
});

Accessible mashup example

Data view lets you toggle any QVisualization into a table to view the data behind the chart. After toggling, you can enter the visualization with SPACE or ENTER and use the navigation keys to navigate the table. While navigating, you can select values and sort headers. When you are done, you can toggle back to the chart with ESC.

To run this example, download the Helpdesk Management app and import it into Qlik Sense using the QMC.

Accessible straight table example

Source code

Did this page help you?

If you find any issues with this page or its content – a typo, a missing step, or a technical error – let us know how we can improve!