Accessibility in Blazor Dashboard Layout Component
13 Nov 20253 minutes to read
The Blazor Dashboard Layout component is designed with a strong focus on accessibility, adhering to the WAI-ARIA (Web Accessibility Initiative - Accessible Rich Internet Applications) specifications. It applies appropriate WAI-ARIA roles, states, and properties to ensure intuitive navigation and interaction for users relying on assistive technologies (AT).
The component follows established accessibility guidelines and standards, including the ADA (Americans with Disabilities Act), Section 508, and WCAG 2.2 (Web Content Accessibility Guidelines) standards. It also incorporates WCAG roles that are commonly used to evaluate accessibility features.
The accessibility compliance for the Blazor Dashboard Layout component is outlined below.
| Accessibility Criteria | Compatibility |
|---|---|
| WCAG 2.2 Support |  |
| Section 508 Support | |
| Screen Reader Support |  |
| Right-To-Left Support | |
| Color Contrast | |
| Mobile Device Support | |
| Keyboard Navigation Support | Not applicable |
| Axe-core Accessibility Validation | |
- All features of the component meet the requirement. - Some features of the component do not meet the requirement.
- The component does not meet the requirement.WAI-ARIA Attributes
The Blazor Dashboard Layout component integrates WAI-ARIA patterns to enhance accessibility. The following ARIA attributes are used within the Dashboard Layout component:
| Attributes | Purpose |
|---|---|
| role=presentation | Indicates the role as a presentation for the table when the showGridLines property is enabled. |
| aria-grabbed | Indicates whether the attribute is set to true. It has been selected for dragging. If this attribute is set to false, the element can be grabbed for a drag-and-drop operation, but will not be currently grabbed. |
Keyboard Interaction
Keyboard support is not applicable for the Dashboard Layout.
Ensuring Accessibility
The accessibility levels of the Blazor Dashboard Layout component are verified through automated testing using the axe-core software tool.
A sample demonstrating the accessibility compliance of the Dashboard Layout component is available. Open the sample in a new window to evaluate its accessibility using various tools.