Accessibility in EJ2 TypeScript Linear Gauge control
27 Jun 20243 minutes to read
The Linear Gauge control follows commonly used accessibility guidelines and standards, such as ADA, Section 508, WCAG 2.2 standards, and WCAG roles.
The accessibility compliance for the Linear Gauge control is outlined below.
Accessibility Criteria | Compatibility |
---|---|
WCAG 2.2 Support | |
Section 508 Support | |
Screen Reader Support | |
Right-To-Left Support | Not Applicable |
Color Contrast | |
Mobile Device Support | |
Keyboard Navigation Support | Not Applicable |
Accessibility Checker Validation | |
Axe-core Accessibility Validation |
WAI-ARIA attributes
The Linear Gauge control followed the WAI-ARIA patterns to meet the accessibility. The following ARIA attributes are used in the Linear Gauge control:
Attributes | Purpose |
---|---|
role=region |
It is specified in the title and pointer. The pointer supports the interactive drag-and-drop function to update the pointer value. |
aria-label |
Provides an accessible name for the title, axis labels, text pointer and annotation. |
Screen reading in Linear Gauge
Accessibility in the Linear Gauge control ensures that all users, regardless of ability or disability, can use screen reading. The following Linear Gauge elements will be read aloud using screen reading software, such as Narrator for Windows.
Elements | Description |
---|---|
Title | Reads the title of the Linear Gauge. |
Axis labels | Reads the axis labels of the Linear Gauge. |
Text pointer | Reads the text content shown as a pointer in Linear Gauge. |
Annotation | Reads the content specified in the annotation. |
Ensuring accessibility
The Linear Gauge control’s accessibility levels are ensured through an accessibility-checker and axe-core software tools during automated testing.
The accessibility compliance of the Linear Gauge control is shown in the following sample. Open the sample in a new window to evaluate the accessibility of the Linear Gauge control with accessibility tools.