Accessibility in Blazor Spreadsheet
28 Oct 20264 minutes to read
The Blazor Spreadsheet Editor follows accessibility guidelines and standards, including ADA, Section 508, WCAG 2.2, and WAI-ARIA roles commonly used to evaluate accessibility.
The accessibility compliance for the Spreadsheet component is outlined below. The icons in the table indicate the level of compliance: a full check means all features meet the requirement, a partial check means some features do not, and a cross means the requirement is not met. Click any criterion to learn more about the standard.
- 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.| 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 | |
| Axe-core Accessibility Validation | |
WAI-ARIA attributes
The Blazor Spreadsheet Editor follows WAI-ARIA patterns to meet accessibility standards. The following ARIA attributes are used in the Spreadsheet component:
| Attributes | Purpose |
|---|---|
role=textbox |
Identifies an element as an input field that allows text entry. |
role=button |
Identifies an element that functions as a button. |
role=combobox |
Identifies a component that combines a text input with a popup listbox or tree. |
role=menu |
Defines a container for a collection of choices or commands presented in a contextual or dropdown format. |
role=alert |
Designates an element that displays important, time-sensitive information. |
aria-label |
This attribute describes the accessible name for the interactive elements. |
aria-expanded |
Indicates whether a collapsible element (e.g., a dropdown) is currently expanded or collapsed. |
aria-live |
Defines a region as “live”, meaning its content updates dynamically. Values include “off”, “polite” (waits until idle), or “assertive” (announces immediately). |
aria-rowindex |
Defines the row index of a row with respect to the total number of rows in the Spreadsheet. |
aria-colindex |
Defines the column index of a column with respect to the total number of columns in the Spreadsheet. |
aria-multiline |
Indicates whether a textbox accepts multiple lines of input or only a single line. |
Keyboard interaction
The Blazor Spreadsheet Editor follows keyboard interaction guidelines, making it accessible for people who use assistive technologies (AT) and those who rely on keyboard navigation.
For a complete list of keyboard shortcuts available in the Blazor Spreadsheet, refer to the Keyboard shortcuts documentation.