Skip to content

Commit 2286567

Browse files
committed
Revamp continued
1 parent e35151c commit 2286567

File tree

126 files changed

+274
-472
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

126 files changed

+274
-472
lines changed

accessibility/accessibility-swatch.md

Lines changed: 0 additions & 41 deletions
This file was deleted.

accessibility/compliance.md

Lines changed: 34 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -6,36 +6,36 @@ slug: accessibility-compliance
66
tags: telerik,blazor,accessibility,standards,compliance
77
published: True
88
position: 4
9+
previous_url: /accessibility/wcag-section-508-wai-aria
910
---
1011

1112
# Accessibility Standards Compliance
1213

1314
This article lists the compliance with the various accessibility standards that the Telerik UI for Blazor components provide.
1415

15-
For details on the keyboard support, see the [Keyboard Navigation]({%slug accessibility-keyboard-navigation%}) article.
16+
For details on the keyboard support and how it works, see the [Keyboard Navigation]({%slug accessibility-overview%}#keyboard-navigation) section.
1617

1718
All components implement the required WAI-ARIA attributes without the need for any extra configuration.
1819

19-
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.
20+
Due to the complexity of some of the components in the suite, we sometimes run into scenarios that are not covered by the WAI-ARIA specification. In those cases, we benefit from the know-how of the dedicated accessibility professionals at Progress Software and feedback from accessibility-minded users.
2021

21-
This article will be updated with details on the Section 508 and WCAG 2.2 compatibility levels.
22+
The Telerik UI for Blazor components are highly extensible and customizable. This means that, depending on the level of customization applied, you may be introducing rendering that is not accessible. Therefore, it is recommended that you test any modifications and templates you create to ensure the components still meet the desired level of accessibility standards. Additionally, be mindful of components working with custom input (images, text, HTML content, and so on) and make sure your content is accessible too.
2223

23-
<!--
24-
>caption Accessibility compliance levels support provided by the Telerik UI for Blazor components.
25-
-->
24+
## Voluntary Product Accessibility Template
2625

26+
A [Voluntary Product Accessibility Template (VPAT®)](https://www.section508.gov/sell/vpat/) is a document that explains how information and communication technology (ICT) products such as software, hardware, electronic content, and support documentation meet (conform to) the Revised 508 Standards for IT accessibility.
2727

28+
>tip Download and review the latest version of the <a href="assets/BlazorVPAT.doc" download>Telerik UI for Blazor VPAT document</a>.
2829
30+
## Compliance Table
2931

30-
31-
32-
The Telerik UI for Blazor components are highly extensible and customizable. This means that, depending on the level of customization applied, you may be introducing rendering that is not accessible. Therefore, it is recommended that you test any modifications and templates you create to ensure the components still meet the desired level of accessibility standards. Additionally, be mindful of components working with custom input (images, text, HTML content, and so on) and make sure your content is accessible, too.
32+
> The compliance and accessibility of some components may depend on the enabled features. The compliance levels in the table below are achievable with the [*Default Ocean Blue A11y* theme swatch]({%slug accessibility-overview%}#color-contrast).
3333
3434
@[template](/_contentTemplates/common/parameters-table-styles.md#table-layout)
3535

3636
| Component | Section 508 | WCAG 2.2 | Keyboard Navigation | Accessibility Documentation |
3737
| --- | --- | --- | --- | --- |
38-
| AIPrompt | Yes | AA | Enhanced | TBA |
38+
| AIPrompt | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/aiprompt/overview) | TBA |
3939
| AppBar | N/A | N/A | N/A | N/A |
4040
| ArcGauge | N/A | AA | N/A | N/A |
4141
| AutoComplete | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/autocomplete/keyboard-navigation) | [Documentation]({%slug autocomplete-wai-aria-support%}) |
@@ -48,66 +48,74 @@ The Telerik UI for Blazor components are highly extensible and customizable. Thi
4848
| Calendar | Yes | AAA | [Enhanced](https://demos.telerik.com/blazor-ui/calendar/keyboard-navigation) | [Documentation]({%slug calendar-wai-aria-support%}) |
4949
| Card | No | N/A | N/A | N/A |
5050
| Carousel | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/carousel/keyboard-navigation) | [Documentation]({%slug carousel-wai-aria-support%}) |
51-
| Chart | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/chart/keyboard-navigation) | Documentation |
52-
| CheckBox | Yes | AA | Standard | [Documentation]({%slug checkbox-wai-aria-support%}) |
51+
| Chart | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/chart/keyboard-navigation) | [Documentation]({%slug chart-wai-aria-support %}) |
52+
| CheckBox | Yes | AA | [Standard](https://demos.telerik.com/blazor-ui/checkbox/overview) | [Documentation]({%slug checkbox-wai-aria-support%}) |
5353
| Chip | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/chip/keyboard-navigation) | TBA |
5454
| ChipList | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/chiplist/keyboard-navigation) | TBA |
5555
| ChunkProgressBar | Yes | AA | N/A | [Documentation]({%slug chunkprogressbar-wai-aria-support%}) |
5656
| CircularGauge | N/A | N/A | N/A | N/A |
5757
| ColorGradient | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/colorgradient/keyboard-navigation) | [Documentation]({%slug colorgradient-wai-aria-support%}) |
5858
| ColorPalette | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/colorpalette/keyboard-navigation) | [Documentation]({%slug colorpalette-wai-aria-support%}) |
59-
| ColorPicker | Yes | AA | Enhanced | [Documentation]({%slug colorpicker-wai-aria-support%}) |
59+
| ColorPicker | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/colorpicker/overview) <br /> Also see the [ColorGradient](https://demos.telerik.com/blazor-ui/colorgradient/keyboard-navigation) and [ColorPalette](https://demos.telerik.com/blazor-ui/colorpalette/keyboard-navigation). | [Documentation]({%slug colorpicker-wai-aria-support%}) |
6060
| ComboBox | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/combobox/keyboard-navigation) | [Documentation]({%slug combobox-wai-aria-support%}) |
6161
| ContextMenu | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/contextmenu/keyboard-navigation) | [Documentation]({%slug contextmenu-wai-aria-support%}) |
6262
| DateInput | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/dateinput/keyboard-navigation) | [Documentation]({%slug dateinput-wai-aria-support%}) |
6363
| DatePicker | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/datepicker/keyboard-navigation) | [Documentation]({%slug datepicker-wai-aria-support%}) |
6464
| DateRangePicker | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/daterangepicker/keyboard-navigation) | [Documentation]({%slug daterangepicker-wai-aria-support%}) |
6565
| DateTimePicker | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/datetimepicker/keyboard-navigation) | [Documentation]({%slug datetimepicker-wai-aria-support%}) |
66-
| Dialog | Yes | AA | Enhanced | [Documentation]({%slug dialog-wai-aria-support%}) |
66+
| Dialog | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/drawer/keyboard-navigation) | [Documentation]({%slug dialog-wai-aria-support%}) |
6767
| Drawer | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/drawer/keyboard-navigation) | [Documentation]({%slug drawer-wai-aria-support%}) |
6868
| DropDownButton | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/dropdownbutton/keyboard-navigation) | TBA |
6969
| DropDownList | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/dropdownlist/keyboard-navigation) | [Documentation]({%slug dropdownlist-wai-aria-support%}) |
7070
| DropZone | N/A | N/A | N/A | N/A |
7171
| Editor | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/editor/keyboard-navigation) | [Documentation]({%slug editor-wai-aria-support%}) |
72-
| FileManager | No | AA | Enhanced | TBA |
72+
| FileManager | No | AA |[Enhanced](https://demos.telerik.com/blazor-ui/filemanager/overview) | TBA |
7373
| FileSelect | No | N/A | [Enhanced](https://demos.telerik.com/blazor-ui/fileselect/keyboard-navigation) | TBA |
7474
| Filter | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/filter/keyboard-navigation) | [Documentation]({%slug filter-wai-aria-support%}) |
75-
| FlatColorPicker | Yes | AA | Enhanced | [Documentation]({%slug flatcolorpicker-wai-aria-support%}) |
75+
| FlatColorPicker | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/flatcolorpicker/overview) | [Documentation]({%slug flatcolorpicker-wai-aria-support%}) |
7676
| FloatingLabel | N/A | N/A | N/A | N/A |
77-
| Form | No | AA | Standard | N/A |
77+
| FontIcon | N/A | N/A | N/A | N/A |
78+
| Form | No | AA | [Standard](https://demos.telerik.com/blazor-ui/form/overview) | N/A |
7879
| Gantt | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/gantt/keyboard-navigation) | [Documentation]({%slug gantt-wai-aria-support%}) |
79-
| Gauge | No | N/A | N/A | N/A |
8080
| Grid | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/grid/keyboard-navigation) | [Documentation]({%slug grid-wai-aria-support%}) |
8181
| GridLayout | No | N/A | N/A | N/A |
8282
| LinearGauge | N/A | AA | N/A | N/A |
83+
| ListBox | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/listbox/keyboard-navigation) | TBA |
8384
| ListView | Yes | AAA | [Enhanced](https://demos.telerik.com/blazor-ui/listview/keyboard-navigation) | [Documentation]({%slug listview-wai-aria-support%}) |
8485
| Loader | No | N/A | N/A | N/A |
8586
| LoaderContainer | No | N/A | N/A | N/A |
86-
| Map | No | N/A | Enhanced | N/A |
87-
| MaskedTextbox | Yes | AA | Standard | [Documentation]({%slug maskedtextbox-wai-aria-support%}) |
87+
| Map | No | N/A | [Enhanced](https://demos.telerik.com/blazor-ui/map/overview) | N/A |
88+
| MaskedTextbox | Yes | AA | [Standard](https://demos.telerik.com/blazor-ui/maskedtextbox/overview) | [Documentation]({%slug maskedtextbox-wai-aria-support%}) |
8889
| MediaQuery | N/A | N/A | N/A | N/A |
8990
| Menu | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/menu/keyboard-navigation) | [Documentation]({%slug menu-wai-aria-support%}) |
9091
| MultiColumnComboBox | No | N/A | [Enhanced](https://demos.telerik.com/blazor-ui/multicolumncombobox/keyboard-navigation) | N/A |
9192
| MultiSelect | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/multiselect/keyboard-navigation) | [Documentation]({%slug multiselect-wai-aria-support%}) |
9293
| Notification | Yes | AA | N/A | [Documentation]({%slug notification-wai-aria-support%}) |
93-
| NumericTextbox | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/numericTextbox/keyboard-navigation) | [Documentation]({%slug numerictextbox-wai-aria-support%}) |
94+
| NumericTextbox | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/numerictextbox/keyboard-navigation) | [Documentation]({%slug numerictextbox-wai-aria-support%}) |
9495
| Pager | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/pager/keyboard-navigation) | [Documentation]({%slug pager-wai-aria-support%}) |
9596
| PanelBar | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/panelbar/keyboard-navigation) | N/A |
9697
| PdfViewer | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/pdfviewer/overview) | N/A |
98+
| PivotGrid | Yes | AA | TBA | TBA |
9799
| ProgressBar | Yes | AA | N/A | [Documentation]({%slug progressbar-wai-aria-support%}) |
100+
| Popover | Yes | AA | TBA | TBA |
101+
| Popup | Yes | AA | TBA | TBA |
98102
| QRCode | N/A | N/A | N/A | N/A |
99103
| RadialGauge | N/A | AA | N/A | N/A |
100104
| RadioGroup | Yes | AA | [Standard](https://demos.telerik.com/blazor-ui/radiogroup/keyboard-navigation) | [Documentation]({%slug radiogroup-wai-aria-support%}) |
101105
| RangeSlider | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/rangeslider/keyboard-navigation) | [Documentation]({%slug rangeslider-wai-aria-support%}) |
106+
| Rating | Yes | AA | N/A | N/A |
107+
| Sankey | Yes | AA | TBA | TBA |
102108
| Scheduler | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/scheduler/keyboard-navigation) | [Documentation]({%slug scheduler-wai-aria-support%}) |
103109
| Signature | Yes | AA | N/A | [Documentation]({%slug signature-wai-aria-support%}) |
104110
| Skeleton | No | N/A | N/A | N/A |
105111
| Slider | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/slider/keyboard-navigation) | [Documentation]({%slug slider-wai-aria-support%}) |
106112
| SplitButton | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/splitbutton/keyboard-navigation) | [Documentation]({%slug splitbutton-wai-aria-support%}) |
107113
| Splitter | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/splitter/keyboard-navigation) | [Documentation]({%slug splitter-wai-aria-support%}) |
114+
| Spreadsheet | Yes | AA | TBA | TBA |
108115
| StackLayout | N/A | N/A | N/A | N/A |
109116
| Stepper | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/stepper/keyboard-navigation) | [Documentation]({%slug stepper-wai-aria-support%}) |
110-
| StockChart | No | N/A | N/A | N/A |
117+
| StockChart | No | AA | [Enhanced](https://demos.telerik.com/blazor-ui/stockchart/overview) | TBA |
118+
| SvgIcon | N/A | N/A | N/A | N/A |
111119
| Switch | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/switch/keyboard-navigation) | [Documentation]({%slug switch-wai-aria-support%}) |
112120
| TabStrip | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/tabstrip/keyboard-navigation) | [Documentation]({%slug tabstrip-wai-aria-support%}) |
113121
| TextArea | Yes | AAA | [Standard](https://demos.telerik.com/blazor-ui/textarea/overview) | [Documentation]({%slug textarea-wai-aria-support%}) |
@@ -117,14 +125,15 @@ The Telerik UI for Blazor components are highly extensible and customizable. Thi
117125
| ToggleButton | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/togglebutton/keyboard-navigation) | [Documentation]({%slug togglebutton-wai-aria-support%}) |
118126
| ToolBar | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/toolbar/keyboard-navigation) | [Documentation]({%slug toolbar-wai-aria-support%}) |
119127
| Tooltip | Yes | AA | N/A | [Documentation]({%slug tooltip-wai-aria-support%}) |
120-
| TreeList | No | N/A | [Enhanced](https://demos.telerik.com/blazor-ui/treelist/keyboard-navigation) | N/A |
128+
| TreeList | No | N/A | [Enhanced](https://demos.telerik.com/blazor-ui/treelist/keyboard-navigation) | TBA |
121129
| TreeView | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/treeview/keyboard-navigation) | [Documentation]({%slug treeview-wai-aria-support%}) |
122130
| Upload | No | N/A | [Enhanced](https://demos.telerik.com/blazor-ui/upload/keyboard-navigation) | TBA |
131+
| ValidationMessage | Yes | AA | N/A | TBA |
132+
| ValidationTooltip | Yes | AA | N/A | TBA |
133+
| ValidationSummary | Yes | AA | N/A | TBA |
123134
| Window | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/window/keyboard-navigation) | [Documentation]({%slug window-wai-aria-support%}) |
124135
| Wizard | Yes | AA | [Enhanced](https://demos.telerik.com/blazor-ui/wizard/keyboard-navigation) | [Documentation]({%slug wizard-wai-aria-support%}) |
125136

126-
127-
128137
## See Also
129138

130139
* [Accessibility Overview]({%slug accessibility-overview%})

0 commit comments

Comments
 (0)