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.

Accessible straight table example

Source code

Did this information help you?

Thanks for letting us know. Is there anything you'd like to tell us about this topic?

Can you tell us why it did not help you and how we can improve it?