Skip to content

Commit 9cf50c1

Browse files
[4.6] docs(a11y): add grid and treeview examples that cover latest wcag gui… (#1668)
* docs(a11y): add grid and treeview examples that cover latest wcag guidelines * docs(a11y): fixes as per comments
1 parent 044f288 commit 9cf50c1

File tree

4 files changed

+786
-8
lines changed

4 files changed

+786
-8
lines changed

accessibility/compliance.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -18,7 +18,7 @@ All components implement the required WAI-ARIA attributes without the need for a
1818

1919
Due to the complexity of some of the components in the suite, we sometimes run into scenarios not covered by the WAI-ARIA specification. In those cases, we tap into the web development accessibility know-how of the rest of the Progress organization, including feedback from accessibility-minded users, for expertise and feedback based on 10 years of creating web component libraries. This knowledge-sharing across internal teams and clients helps us ensure that UI for Blazor can reach a certain level of accessibility compliance even with its most advanced components.
2020

21-
This article will be updated with details on the Section 508 and WCAG 2.1 compatibility levels.
21+
This article will be updated with details on the Section 508 and WCAG 2.2 compatibility levels.
2222

2323
<!--
2424
>caption Accessibility compliance levels support provided by the Telerik UI for Blazor components.

accessibility/wcag-section-508-wai-aria.md

Lines changed: 8 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -17,7 +17,7 @@ In this article you will find information on the general topics of accessibility
1717

1818
* [Standards and Policies](#standards-and-policies)
1919
* [Section 508](#section-508)
20-
* [W3C Web Content Accessibility Guidelines (WCAG) 2.1](#w3c-web-content-accessibility-guidelines-wcag-21)
20+
* [W3C Web Content Accessibility Guidelines (WCAG) 2.2](#w3c-web-content-accessibility-guidelines-wcag-22)
2121
* [Technical Specificatns](#technical-specifications)
2222
* [WAI-ARIA](#wai-aria)
2323
* [Keyboard Navigation](#keyboard-navigation)
@@ -29,7 +29,7 @@ In this article you will find information on the general topics of accessibility
2929
Accessible websites and applications normally comply with some or all of the following standards:
3030

3131
* [Section 508](#section-508)
32-
* [W3C Web Content Accessibility Guidelines (WCAG) 2.1](#w3c-web-content-accessibility-guidelines-wcag-21)
32+
* [W3C Web Content Accessibility Guidelines (WCAG) 2.2](#w3c-web-content-accessibility-guidelines-wcag-22)
3333

3434
### Section 508
3535

@@ -43,14 +43,15 @@ For more information, refer to:
4343
* [Telerik UI for Blazor Accessibility Compliance]({%slug accessibility-compliance%})
4444

4545

46-
### W3C Web Content Accessibility Guidelines (WCAG) 2.1
46+
### W3C Web Content Accessibility Guidelines (WCAG) 2.2
4747

4848
The Web Content Accessibility Guidelines (WCAG) which are set by the World Wide Web Consortium (W3C) define recommendations for making web content accessible to people with physical and cognitive disabilities. WCAG defines accessibility principles with their respective success criteria. Depending on the implemented success criteria by a web application, the WCAG provide the A, `AA`, and AAA levels of accessibility conformance.
4949

5050
For more information, refer to:
5151

5252
* [WCAG 2 Quick Reference Guide](https://www.w3.org/WAI/WCAG21/quickref/)
53-
* [WCAG 2.1 Guidelines](https://www.w3.org/TR/WCAG21)
53+
* [WCAG 2.2 Guidelines](https://www.w3.org/TR/WCAG22)
54+
* [Dragging Movements](https://www.w3.org/WAI/WCAG22/Understanding/dragging-movements)
5455
* [Telerik UI for Blazor Accessibility Compliance]({%slug accessibility-compliance%})
5556

5657

@@ -78,7 +79,7 @@ By default, users can only navigate to links, buttons, and form controls with a
7879

7980
[Keyboard accessibility](https://www.w3.org/WAI/WCAG21/quickref/#keyboard-accessible) is a category under the [WCAG Operable principle](https://www.w3.org/WAI/WCAG21/quickref/#principle2).
8081

81-
In WCAG 2.1, the keyboard accessible category provides the following success criteria:
82+
In WCAG 2.2, the keyboard accessible category provides the following success criteria:
8283

8384
* [Keyboard](https://www.w3.org/WAI/WCAG21/quickref/#keyboard)
8485
* [No Keyboard Trap](https://www.w3.org/WAI/WCAG21/quickref/#no-keyboard-trap)
@@ -90,9 +91,9 @@ See the [Keyboard Support in Telerik UI for Blazor]({%slug accessibility-keyboar
9091
> The described level of compliance in the table below is achievable with the [**Ocean Blue Sass Swatch**]({%slug themes-accessibility-swatch%}) and the **Default Ocean Blue A11Y**.
9192
9293
### Accessibility Compliance Components Table
93-
The following table lists the Section 508 and WCAG 2.1 compliance levels of support for the Blazor UI components.
94+
The following table lists the Section 508 and WCAG 2 compliance levels of support for the Blazor UI components.
9495

95-
|Component |508|WCAG 2.1| Accessibility Example | Accessibility Documentation |
96+
|Component |508|WCAG 2.2| Accessibility Example | Accessibility Documentation |
9697
|:--- |:---|:---|:---|:---
9798
|`AutoComplete`|`Yes`|`AA`| [Demo](https://demos.telerik.com/blazor-ui/autocomplete/keyboard-navigation) | [Documentation]({%slug autocomplete-wai-aria-support%}) |
9899
|`Barcodes`|`No`|`n/a`| `n/a` | `n/a` |

0 commit comments

Comments
 (0)