Skip to content

Commit 25851a9

Browse files
Merge pull request #6207 from Syncfusion-Content/hotfix/hotfix-v30.1.37
DOCINFRA-2341_merged_using_automation
2 parents ec3cbf9 + 26b8c0a commit 25851a9

File tree

5 files changed

+140
-0
lines changed

5 files changed

+140
-0
lines changed

blazor-toc.html

Lines changed: 2 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -4569,6 +4569,8 @@
45694569
<li><a href="/blazor/spreadsheet/open-and-save">Open and Save</a></li>
45704570
<li><a href="/blazor/spreadsheet/editing">Editing</a></li>
45714571
<li><a href="/blazor/spreadsheet/contextmenu">Context Menu</a></li>
4572+
<li><a href="/blazor/spreadsheet/undo-redo">Undo and Redo</a></li>
4573+
<li><a href="/blazor/spreadsheet/accessibility">Accessibility</a></li>
45724574
</ul>
45734575
</li>
45744576
<li>Stepper
Lines changed: 104 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,104 @@
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)
10.3 KB
Loading
10.3 KB
Loading

blazor/spreadsheet/undo-redo.md

Lines changed: 34 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,34 @@
1+
---
2+
layout: post
3+
title: Undo and Redo in Blazor Spreadsheet Component | Syncfusion
4+
description: Checkout and learn here all about undo and redo functionality in Syncfusion Blazor Spreadsheet component and much more.
5+
platform: Blazor
6+
control: Spreadsheet
7+
documentation: ug
8+
---
9+
10+
# Undo and Redo in Blazor Spreadsheet component
11+
12+
The <b>Undo</b> option reverses the last action performed in the Spreadsheet, while the <b>Redo</b> option reapplies an action that was previously undone.
13+
14+
## Undo
15+
16+
<b>Undo</b> reverses the last action performed in the Spreadsheet. It can be done in the following ways:
17+
18+
* Select the <b>Undo</b> option from the **Home** tab on the Ribbon toolbar.
19+
20+
* Use the keyboard shortcut <kbd>Ctrl</kbd> + <kbd>Z</kbd>.
21+
22+
![UI showing undo option](./images/undo-feature.png)
23+
24+
## Redo
25+
26+
<b>Redo</b> reverses the last action performed in the Spreadsheet. It can be done in the following ways:
27+
28+
* Select the <b>Redo</b> option from the **Home** tab on the Ribbon toolbar.
29+
30+
* Use the keyboard shortcut <kbd>Ctrl</kbd> + <kbd>Y</kbd>.
31+
32+
![UI showing redo option](./images/redo-feature.png)
33+
34+

0 commit comments

Comments
 (0)