Accessibility in React Circular gauge component

24 Jan 20231 minute to read

Circular gauge 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 gauge.

Element	Default description
Pointer	Reads the pointer value
Annotation	Read the annotation description
Gauge Title	Reads the gauge title

You can change this default description, using description property available in Pointers, Annotations and CircularGauge object. It helps the screen reader to read for assistive purpose.