Accessibility in Blazor Spreadsheet

4 Jul 20259 minutes to read

The Syncfusion Blazor Spreadsheet followed the accessibility guidelines and standards, including ADA, Section 508, WCAG 2.2 standards, and WCAG roles that are commonly used to evaluate accessibility.

The accessibility compliance for the Spreadsheet is outlined below.

Accessibility Criteria Compatibility
WCAG 2.2 Support Intermediate
Section 508 Support Intermediate
Screen Reader Support Yes
Right-To-Left Support Yes
Color Contrast Yes
Mobile Device Support Yes
Keyboard Navigation Support Intermediate
Axe-core Accessibility Validation Intermediate
Yes - All features of the component meet the requirement.
Intermediate - Some features of the component do not meet the requirement.
No - The component does not meet the requirement.

WAI-ARIA attributes

The Syncfusion Blazor Spreadsheet followed the WAI-ARIA patterns to meet the accessibility. The following ARIA attributes are used in the Spreadsheet:

Attributes Purpose
role=textbox Identifies an element as an input field that allows text entry.
role=button To represent the element that acts as a button in the component.
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 im portant, time-sensitive information.
aria-label This attribute describes the accessible name for the interactive elements.
aria-expanded This attribute describes the control (for example, dropdown) is 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 row index of the row with respect to the total number of rows within the Spreadsheet.
aria-colindex Defines the column index of the column with respect to the total number of columns within the Spreadsheet.
aria-multiline Indicates whether a textbox accepts multiple lines of input or only a single line.

Keyboard shortcuts

The Syncfusion Blazor Spreadsheet followed keyboard interaction guidelines, making it accessible for people who use assistive technologies (AT) and those who completely 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 selection to the cell below.
Shift + Enter ⇧ + Enter Moves the selection to the cell above.
Tab Tab Moves the selection to the cell on the right.
Shift + Tab ⇧ + Tab Moves the selection to the cell on the left.

Editing

Windows MAC Actions
F2 F2 Begin typing in the selected cell.
Enter Enter Finish typing in the current cell and move to the one below.
Shift + Enter ⇧ + Enter Finish typing in the current cell and move to the one above.
Tab Tab Finish typing in the current cell and move to the one on the right.
Shift + Tab ⇧ + Tab Finish typing in the current cell and move to the one on the left.
Escape Esc Cancel editing and return to the original value in the cell.

Clear

Windows MAC Actions
Delete Delete Clear 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.

See also