Accessibility Extension for FusionCharts Beta

Salient Features

• Intuitive keyboard navigation of chart elements

  While navigating with the keyboard, our chart elements come to focus in a logical order.

  • Use the TAB key to shift focus from the chart area, to the first data point, to the first legend item (if legend exists).
  • Use the UP/DOWN arrows keys to navigate the data points of the same series.
  • Use the RIGHT/LEFT arrow keys to navigate to data points of adjacent series.

• Screen reader friendly text for focusable chart elements

  When a chart element comes to focus, the text description of the element is available as a screen reader friendly text. The text either could be inside an accessible SVG tag or some relevant WAI-ARIA attribute.

• Customizable text description of focusable chart elements

  The text description of each focusable chart element can be both localized and customized. Certain chart parameters are available for use in such text. Each such text is mapped to SVG tag or WAI-ARIA attribute of specific chart element.

• Keyboard support for chart interactions, like drill down, legend interactions, etc

  When the focus is on a legend item, the user can press the SPACE BAR key to hide or unhide the series corresponding to the legend item.

  When the focus is on a clickable plot, the user can press the ENTER key to drill into it. When in the drilled down chart, the user can focus on the BACK button, press the ENTER key, and come back to the main chart.

  Note: For Jaws2019 + Microsoft Edge environment, the plot and legend click we will have to use shift + spacebar / shift + Enter / ctrl + spacebar / ctrl + Enter

Examples of charts with accessible content

Bar chart

Pie chart

Multi-series column chart

Multi-series line chart

Stacked column chart

Bubble chart

Angular gauge

Bar chart with drill down

Multi lingual support

Compatibility