Accessibility in Blazor Spreadsheet
7 Oct 20259 minutes to read
The Syncfusion Blazor Spreadsheet follows accessibility guidelines and standards, including ADA, Section 508, WCAG 2.2, and WAI-ARIA roles that are commonly used to evaluate accessibility.
The accessibility compliance for the Spreadsheet component is outlined below.
- 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 Syncfusion Blazor Spreadsheet 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 shortcuts
The Syncfusion Blazor Spreadsheet follows keyboard interaction guidelines, making it accessible for people who use assistive technologies (AT) and those who rely on keyboard navigation. The following keyboard shortcuts are supported by the Spreadsheet.
Clipboard
| Windows | MAC | Actions |
|---|---|---|
| Ctrl + C | ⌘ + C | Copies the selected cells to the clipboard. |
| Ctrl + X | ⌘ + X | Cuts the selected cells to the clipboard. |
| Ctrl + V | ⌘ + V | Pastes the clipboard content into the Spreadsheet. |
Undo/Redo
| Windows | MAC | Actions |
|---|---|---|
| Ctrl + Z | ⌘ + Z | Reverses the last action performed. |
| Ctrl + Y | ⌘ + Y | Reapplies the last action that was undone. |
Selection
| Windows | MAC | Actions |
|---|---|---|
| Ctrl + A | ⌘ + A | Selects all cells in the current worksheet. |
| Shift + Arrow Keys | ⇧ + Arrow Keys | Extends the current selection in the direction of the arrow key. |
Navigation
| Windows | MAC | Actions |
|---|---|---|
| Page Up / Page Down | Fn + ↑ / ↓ | Scrolls up or down one screen at a time. |
| Arrow keys | Arrow keys | Navigates between adjacent cells in the direction of the arrow key. |
| Enter | Enter | Moves the active cell down one row. |
| Shift + Enter | ⇧ + Enter | Moves the active cell up one row. |
| Tab | Tab | Moves the active cell right one column. |
| Shift + Tab | ⇧ + Tab | Moves the active cell left one column. |
Editing
| Windows | MAC | Actions |
|---|---|---|
| F2 | F2 | Enters edit mode for the selected cell. |
| Enter | Enter | Confirms the edit and moves the active cell down one row. |
| Shift + Enter | ⇧ + Enter | Confirms the edit and moves the active cell up one row. |
| Tab | Tab | Confirms the edit and moves the active cell right one column. |
| Shift + Tab | ⇧ + Tab | Confirms the edit and moves the active cell left one column. |
| Escape | Esc | Cancels the edit and restores the cell’s original value. |
Clear
| Windows | MAC | Actions |
|---|---|---|
| Delete | Delete | Clears the contents of the selected cells. |
Hyperlink
| Windows | MAC | Actions |
|---|---|---|
| Ctrl + Click | ⌘ + Click | Open the link in the selected cell. |
| Ctrl + K | ⌘ + K | Opens the hyperlink dialog to insert a new link or edit an existing one. |
- The Command and Control keys on Mac devices can be interchanged. When this switch occurs, use the Command key in place of the Control key for the above listed key interactions with Mac devices.