Search results

Accessibility in React Chart component

24 Jun 2022 / 1 minute to read

Chart provides built-in compliance with the WAI-ARIA specifications. WAI-ARIA Accessibility supports are achieved through the attributes like aria-label. It helps to provides information about elements in a document for assistive technology

Aria-label: Attribute provides the text label with some default description for below elements in chart

Element Default description
Datalabel Reads the Point y Value
Legend 'Click to show or hide the series'
Axis Title Reads the axis tile
Chart Title Reads the chart title
Series Points Read’s the Point x : Point y value

You can change this default description, using description property available in Datalabel, Legend, Axis Title and Chart object. It helps the screen reader to read for assistive purpose.