Skip to content

Commit d39ab44

Browse files
Merge pull request #6890 from syncfusion-content/BLAZ-983104-split
983104: Updated the UG Documentation for Splitbutton
2 parents 7ce6d5a + 8f581d7 commit d39ab44

12 files changed

+93
-89
lines changed

blazor/split-button/accessibility.md

Lines changed: 12 additions & 12 deletions
Original file line numberDiff line numberDiff line change
@@ -9,7 +9,7 @@ documentation: ug
99

1010
# Accessibility in Blazor SplitButton Component
1111

12-
The Blazor SplitButton component 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.
12+
The Blazor SplitButton component follows 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.
1313

1414
The accessibility compliance for the Blazor SplitButton component is outlined below.
1515

@@ -38,33 +38,33 @@ The accessibility compliance for the Blazor SplitButton component is outlined be
3838

3939
## WAI-ARIA attributes
4040

41-
The Blazor SplitButton component followed the WAI-ARIA patterns to meet the accessibility. The following ARIA attributes are used in the Blazor SplitButton component:
41+
The Blazor SplitButton component applies WAI-ARIA patterns to meet accessibility requirements. The following ARIA attributes are used in the Blazor SplitButton component:
4242

4343
| Attributes | Purpose |
4444
| --- | --- |
45-
| `role` | Indicates the SplitButton component as `button`, SplitButton popup as `menu`, and the SplitButton popup action items as `menuitem`. |
46-
| `aria-haspopup` | Indicates the availability and type of interactive SplitButton popup element. |
47-
| `aria-expanded` | Indicates whether the SplitButton popup can be expanded or collapsed, as well as indicates whether its current state is expanded or collapsed. |
48-
| `aria-owns` | Identifies an elements in order to define a visual, functional, or contextual parent/child relationship between DOM elements where the DOM hierarchy cannot be used to represent the relationship. |
49-
| `aria-disabled` | Indicates that the element is perceivable but disabled, so it is not editable or otherwise operable. |
45+
| `role` | Identifies the SplitButton as a `button`, the SplitButton popup as a `menu`, and popup action items as `menuitem`. |
46+
| `aria-haspopup` | Indicates that the button opens an interactive SplitButton popup (menu). |
47+
| `aria-expanded` | Reflects whether the SplitButton popup is currently expanded or collapsed. |
48+
| `aria-owns` | Associates elements to define a parent/child relationship when it cannot be represented in the DOM hierarchy. |
49+
| `aria-disabled` | Indicates that the element is perceivable but disabled and not operable. |
5050

5151
## Keyboard interaction
5252

53-
The Blazor SplitButton component followed the keyboard interaction guideline, making it easy for people who use assistive technologies (AT) and those who completely rely on keyboard navigation. The following keyboard shortcuts are supported by the Blazor SplitButton component.
53+
The Blazor SplitButton component follows keyboard interaction guidelines, making it usable for people who rely on assistive technologies (AT) and keyboard navigation. The following keyboard shortcuts are supported:
5454

5555
| Windows | Mac | Actions |
5656
| --- | --- | --- |
5757
| <kbd>Esc</kbd> | <kbd>Esc</kbd> | Closes the opened popup. |
5858
| <kbd>Enter</kbd> | <kbd>Enter</kbd> | Opens the popup, or activates the highlighted item and closes the popup. |
59-
| <kbd>Space</</kbd> | <kbd>Space</kbd> | Opens the popup. |
60-
| <kbd>↑</kbd> | <kbd>↑</kbd> | Navigates up or to the previous action item. |
61-
| <kbd>↓</kbd> | <kbd>↓</kbd> | Navigates down or to the next action item. |
59+
| <kbd>Space</kbd> | <kbd>Space</kbd> | Opens the popup. |
60+
| <kbd>↑</kbd> | <kbd>↑</kbd> | Navigates up to the previous action item. |
61+
| <kbd>↓</kbd> | <kbd>↓</kbd> | Navigates down to the next action item. |
6262
| <kbd>Alt</kbd> + <kbd>↑</kbd> | <kbd>⌥</kbd> + <kbd>↑</kbd> | Closes the popup. |
6363
| <kbd>Alt</kbd> + <kbd>↓</kbd> | <kbd>⌥</kbd> + <kbd>↓</kbd> | Opens the popup. |
6464

6565
## Ensuring accessibility
6666

67-
The Blazor SplitButton component's accessibility levels are ensured through an [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) with playwright tests.
67+
The Blazor SplitButton components accessibility is validated using [axe-core](https://www.nuget.org/packages/Deque.AxeCore.Playwright) with Playwright tests.
6868

6969
The accessibility compliance of the Blazor SplitButton component is shown in the following sample. Open the [sample](https://blazor.syncfusion.com/accessibility/split-button) in a new window to evaluate the accessibility of the Blazor SplitButton component with accessibility tools.
7070

0 commit comments

Comments
 (0)