Search results

Accessibility in Angular Chart component

30 Nov 2021 / 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.