diff --git a/blazor-toc.html b/blazor-toc.html index 4ea1866c3d..3fec2dbadf 100644 --- a/blazor-toc.html +++ b/blazor-toc.html @@ -4569,6 +4569,8 @@
  • Open and Save
  • Editing
  • Context Menu
    • +
  • Undo and Redo
    • +
  • Accessibility
  • Stepper diff --git a/blazor/spreadsheet/accessibility.md b/blazor/spreadsheet/accessibility.md new file mode 100644 index 0000000000..8743135c23 --- /dev/null +++ b/blazor/spreadsheet/accessibility.md @@ -0,0 +1,104 @@ +--- +layout: post +title: Accessibility in Blazor Spreadsheet Component | Syncfusion +description: Checkout and learn here all about accessibility in Syncfusion Blazor Spreadsheet component and much more. +platform: Blazor +control: Spreadsheet +documentation: ug +--- + +# Accessibility in Blazor Spreadsheet + +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. + +The accessibility compliance for the Spreadsheet is outlined below. + +| Accessibility Criteria | Compatibility | +| -- | -- | +| [WCAG 2.2 Support](../common/accessibility#accessibility-standards) | Intermediate | +| [Section 508 Support](../common/accessibility#accessibility-standards) | Intermediate | +| [Screen Reader Support](../common/accessibility#screen-reader-support) | Yes | +| [Right-To-Left Support](../common/accessibility#right-to-left-support) | Yes | +| [Color Contrast](../common/accessibility#color-contrast) | Yes | +| [Mobile Device Support](../common/accessibility#mobile-device-support) | Yes | +| [Keyboard Navigation Support](../common/accessibility#keyboard-navigation-support) |Intermediate | +| [Axe-core Accessibility Validation](../common/accessibility#ensuring-accessibility) | 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.
    + +## 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 + +* [Accessibility in Syncfusion Blazor](https://blazor.syncfusion.com/documentation/common/accessibility) diff --git a/blazor/spreadsheet/images/redo-feature.png b/blazor/spreadsheet/images/redo-feature.png new file mode 100644 index 0000000000..1cc3fe8b40 Binary files /dev/null and b/blazor/spreadsheet/images/redo-feature.png differ diff --git a/blazor/spreadsheet/images/undo-feature.png b/blazor/spreadsheet/images/undo-feature.png new file mode 100644 index 0000000000..3acea7840e Binary files /dev/null and b/blazor/spreadsheet/images/undo-feature.png differ diff --git a/blazor/spreadsheet/undo-redo.md b/blazor/spreadsheet/undo-redo.md new file mode 100644 index 0000000000..9fdd7f8dc1 --- /dev/null +++ b/blazor/spreadsheet/undo-redo.md @@ -0,0 +1,34 @@ +--- +layout: post +title: Undo and Redo in Blazor Spreadsheet Component | Syncfusion +description: Checkout and learn here all about undo and redo functionality in Syncfusion Blazor Spreadsheet component and much more. +platform: Blazor +control: Spreadsheet +documentation: ug +--- + +# Undo and Redo in Blazor Spreadsheet component + +The Undo option reverses the last action performed in the Spreadsheet, while the Redo option reapplies an action that was previously undone. + +## Undo + +Undo reverses the last action performed in the Spreadsheet. It can be done in the following ways: + +* Select the Undo option from the **Home** tab on the Ribbon toolbar. + +* Use the keyboard shortcut Ctrl + Z. + +![UI showing undo option](./images/undo-feature.png) + +## Redo + +Redo reverses the last action performed in the Spreadsheet. It can be done in the following ways: + +* Select the Redo option from the **Home** tab on the Ribbon toolbar. + +* Use the keyboard shortcut Ctrl + Y. + +![UI showing redo option](./images/redo-feature.png) + +