|  | 
|  | 1 | +--- | 
|  | 2 | +layout: post | 
|  | 3 | +title: Accessibility in Blazor Spreadsheet Component | Syncfusion | 
|  | 4 | +description: Checkout and learn here all about accessibility in Syncfusion Blazor Spreadsheet component and much more. | 
|  | 5 | +platform: Blazor | 
|  | 6 | +control: Spreadsheet | 
|  | 7 | +documentation: ug | 
|  | 8 | +--- | 
|  | 9 | + | 
|  | 10 | +# Accessibility in Blazor Spreadsheet | 
|  | 11 | + | 
|  | 12 | +The Syncfusion Blazor Spreadsheet followed the accessibility guidelines and standards, including [ADA](https://www.ada.gov/), [Section 508](https://www.section508.gov/), [WCAG 2.2](https://www.w3.org/TR/WCAG22/) standards, and [WCAG roles](https://www.w3.org/TR/wai-aria/#roles) that are commonly used to evaluate accessibility. | 
|  | 13 | + | 
|  | 14 | +The accessibility compliance for the Spreadsheet is outlined below. | 
|  | 15 | + | 
|  | 16 | +| Accessibility Criteria | Compatibility | | 
|  | 17 | +| -- | -- | | 
|  | 18 | +| [WCAG 2.2 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> | | 
|  | 19 | +| [Section 508 Support](../common/accessibility#accessibility-standards) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> | | 
|  | 20 | +| [Screen Reader Support](../common/accessibility#screen-reader-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes">  | | 
|  | 21 | +| [Right-To-Left Support](../common/accessibility#right-to-left-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> | | 
|  | 22 | +| [Color Contrast](../common/accessibility#color-contrast) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> | | 
|  | 23 | +| [Mobile Device Support](../common/accessibility#mobile-device-support) | <img src="https://cdn.syncfusion.com/content/images/landing-page/yes.png" alt="Yes"> | | 
|  | 24 | +| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) |<img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> | | 
|  | 25 | +| [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | <img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> | | 
|  | 26 | + | 
|  | 27 | +<style> | 
|  | 28 | +    .post .post-content img { | 
|  | 29 | +        display: inline-block; | 
|  | 30 | +        margin: 0.5em 0; | 
|  | 31 | +    } | 
|  | 32 | +</style> | 
|  | 33 | +<div><img src="https://cdn.syncfusion.com/content/images/documentation/full.png" alt="Yes"> - All features of the component meet the requirement.</div> | 
|  | 34 | + | 
|  | 35 | +<div><img src="https://cdn.syncfusion.com/content/images/documentation/partial.png" alt="Intermediate"> - Some features of the component do not meet the requirement.</div> | 
|  | 36 | + | 
|  | 37 | +<div><img src="https://cdn.syncfusion.com/content/images/documentation/not-supported.png" alt="No"> - The component does not meet the requirement.</div> | 
|  | 38 | + | 
|  | 39 | +## Keyboard shortcuts | 
|  | 40 | + | 
|  | 41 | +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. | 
|  | 42 | + | 
|  | 43 | +<b>Clipboard</b> | 
|  | 44 | + | 
|  | 45 | +| Windows | MAC | Actions | | 
|  | 46 | +|-----|----- | -----| | 
|  | 47 | +| <kbd>Ctrl</kbd> + <kbd>C</kbd> | <kbd>⌘</kbd> + <kbd>C</kbd> | Copies the selected cells to the clipboard.| | 
|  | 48 | +| <kbd>Ctrl</kbd> + <kbd>X</kbd> | <kbd>⌘</kbd> + <kbd>X</kbd> | Cuts the selected cells to the clipboard.| | 
|  | 49 | +| <kbd>Ctrl</kbd> + <kbd>V</kbd> | <kbd>⌘</kbd> + <kbd>V</kbd> | Pastes the clipboard content into the Spreadsheet.| | 
|  | 50 | + | 
|  | 51 | +<b>Undo/Redo</b> | 
|  | 52 | + | 
|  | 53 | +| Windows | MAC | Actions | | 
|  | 54 | +|-----|----- | -----| | 
|  | 55 | +| <kbd>Ctrl</kbd> + <kbd>Z</kbd> | <kbd>⌘</kbd> + <kbd>Z</kbd> | Reverses the last action performed.| | 
|  | 56 | +| <kbd>Ctrl</kbd> + <kbd>Y</kbd> | <kbd>⌘</kbd> + <kbd>Y</kbd> | Reapplies the last action that was undone.| | 
|  | 57 | + | 
|  | 58 | +<b>Selection</b> | 
|  | 59 | + | 
|  | 60 | +| Windows | MAC | Actions | | 
|  | 61 | +|-----|----- | -----| | 
|  | 62 | +| <kbd>Ctrl</kbd> + <kbd>A</kbd> | <kbd>⌘</kbd> + <kbd>A</kbd> | Selects all cells in the current worksheet.| | 
|  | 63 | +| <kbd>Shift</kbd> + <kbd>Arrow Keys</kbd> | <kbd>⇧</kbd> + <kbd>Arrow Keys</kbd> | Extends the current selection in the direction of the arrow key.| | 
|  | 64 | + | 
|  | 65 | +<b>Navigation</b> | 
|  | 66 | + | 
|  | 67 | +| Windows | MAC | Actions | | 
|  | 68 | +|-----|----- | -----| | 
|  | 69 | +| <kbd>Page Up</kbd> / <kbd>Page Down</kbd> | <kbd>Fn</kbd> + <kbd>↑</kbd> / <kbd>↓</kbd> |Scrolls up or down one screen at a time.| | 
|  | 70 | +| <kbd>Arrow keys</kbd> | <kbd>Arrow keys</kbd> | Navigates between adjacent cells in the direction of the arrow key.| | 
|  | 71 | +| <kbd>Enter</kbd> | <kbd>Enter</kbd> | Moves the selection to the cell below.| | 
|  | 72 | +| <kbd>Shift</kbd> + <kbd>Enter</kbd> | <kbd>⇧</kbd> + <kbd>Enter</kbd> | Moves the selection to the cell above.| | 
|  | 73 | +| <kbd>Tab</kbd> | <kbd>Tab</kbd> | Moves the selection to the cell on the right.| | 
|  | 74 | +| <kbd>Shift</kbd> + <kbd>Tab</kbd> | <kbd>⇧</kbd> + <kbd>Tab</kbd> | Moves the selection to the cell on the left.| | 
|  | 75 | + | 
|  | 76 | +<b>Editing</b> | 
|  | 77 | + | 
|  | 78 | +| Windows | MAC | Actions | | 
|  | 79 | +|-----|----- | -----| | 
|  | 80 | +| <kbd>F2</kbd> | <kbd>F2</kbd> | Begin typing in the selected cell.| | 
|  | 81 | +| <kbd>Enter</kbd> | <kbd>Enter</kbd> | Finish typing in the current cell and move to the one below.| | 
|  | 82 | +| <kbd>Shift</kbd> + <kbd>Enter</kbd> | <kbd>⇧</kbd> + <kbd>Enter</kbd> | Finish typing in the current cell and move to the one above.| | 
|  | 83 | +| <kbd>Tab</kbd> | <kbd>Tab</kbd> | Finish typing in the current cell and move to the one on the right. | | 
|  | 84 | +| <kbd>Shift</kbd> + <kbd>Tab</kbd> | <kbd>⇧</kbd> + <kbd>Tab</kbd> |Finish typing in the current cell and move to the one on the left.| | 
|  | 85 | +| <kbd>Escape</kbd> | <kbd>Esc</kbd> | Cancel editing and return to the original value in the cell.| | 
|  | 86 | + | 
|  | 87 | +<b>Clear</b> | 
|  | 88 | + | 
|  | 89 | +| Windows | MAC | Actions | | 
|  | 90 | +|-----|----- | -----| | 
|  | 91 | +| <kbd>Delete</kbd> | <kbd>Delete</kbd> | Clear contents of the selected cells.| | 
|  | 92 | + | 
|  | 93 | +<b>Hyperlink</b> | 
|  | 94 | + | 
|  | 95 | +| Windows | MAC | Actions | | 
|  | 96 | +|-----|----- | -----| | 
|  | 97 | +| <kbd>Ctrl</kbd> + <kbd>Click</kbd> | <kbd>⌘</kbd> + <kbd>Click</kbd> | Open the link in the selected cell.| | 
|  | 98 | +| <kbd>Ctrl</kbd> + <kbd>K</kbd> | <kbd>⌘</kbd> + <kbd>K</kbd> | Opens the hyperlink dialog to insert a new link or edit an existing one.| | 
|  | 99 | + | 
|  | 100 | +> * The <kbd>Command</kbd> and <kbd>Control</kbd> keys on Mac devices can be interchanged. When this switch occurs, use the <kbd>Command</kbd> key in place of the <kbd>Control</kbd> key for the above listed key interactions with Mac devices. | 
|  | 101 | +
 | 
|  | 102 | +## See also | 
|  | 103 | + | 
|  | 104 | +* [Accessibility in Syncfusion Blazor](https://blazor.syncfusion.com/documentation/common/accessibility) | 
0 commit comments