Accessibility Standards Compliance
This article lists the accessibility compliance of the Kendo UI for jQuery components.
Accessibility Conformance Report
The Accessibility Conformance Report (ACR) is a document that explains how information and communication technology products such as software, hardware, electronic content, and support documentation conform to leading global accessibility standards. Kendo UI for jQuery provides an ACR through the Voluntary Product Accessibility Template (VPAT®).
Download the latest version of the Kendo UI for jQuery Accessibility Conformance Report.
Compliance Table
The table below specifies the level of WCAG 2.2 compliance of each Kendo UI component for jQuery.
- The Keyboard Navigation column links to component-specific online demos or keyboard shortcut lists. For general information on how the keyboard support works, see the Keyboard Navigation section.
- The Accessibility Documentation column links to component-specific details and information about WAI-ARIA attributes.
- For information about Section 508 of the US Rehabilitation Act, the European Accessibility Act in the EU, or any other national accessibility legislation, see section Legal and Technical Compliance.
Also check the notes below the table.
| Component | WCAG 2.2 | Accessibility Example | Accessibility Documentation |
|---|---|---|---|
| ActionSheet | AA | Demo | Documentation |
| AIPrompt | AA | n/a | Documentation |
| AppBar | AA | Demo | Documentation |
| AutoComplete | AA | Demo | Documentation |
| Avatar | AA | Demo | Documentation |
| BarCode | AAA | Demo | n/a |
| BottomNavigation | n/a | Demo | Documentation |
| Breadcrumb | AA | Demo | Documentation |
| Button | AA | Demo | Documentation |
| ButtonGroup | AA | Demo | Documentation |
| Calendar | AA | Demo | Documentation |
| Captcha | AA | Demo | Documentation |
| Charts | AA | Demo | Documentation |
| Chat | AA | Demo | Documentation |
| CheckBox | AA | n/a | Documentation |
| CheckBoxGroup | AA | Demo | Documentation |
| CircularGauge | AA | Demo | n/a |
| ColorGradient | AA | Demo | Documentation |
| ColorPalette | n/a | Demo | Documentation |
| ColorPicker | AA | Demo | Documentation |
| ComboBox | AA | Demo | Documentation |
| DateInput | AA | Demo | Documentation |
| DatePicker | AA | Demo | Documentation |
| DateTimePicker | AA | Demo | Documentation |
| Diagram | AA | Demo | n/a |
| Dialog | AA | Demo | Documentation |
| DockManager | AA | Demo | n/a |
| Drawer | AA | Demo | Documentation |
| DropDownButton | AA | Demo | Documentation |
| DropDownList | AA | Demo | Documentation |
| DropDownTree* | AA | Demo | Documentation |
| Editor | AA | Demo | Documentation |
| ExpansionPanel | AA | Demo | Documentation |
| FileManager | AA | Demo | Documentation |
| Filter | AA | Demo | Documentation |
| FlatColorPicker | AA | Demo | Documentation |
| FloatingActionButton | AA | Demo | Documentation |
| Form | AA | Demo | Documentation |
| Gantt | AA | Demo | Documentation |
| Grid | AA | Demo | Documentation |
| ImageEditor | AA | Demo | Documentation |
| LinearGauge | AA | Demo | n/a |
| ListBox | AA | Demo | Documentation |
| ListView | AAA | Demo | Documentation |
| Loader | AA | Demo | Documentation |
| Map | AA | Demo | n/a |
| MaskedTextbox | AA | Demo | Documentation |
| MediaPlayer | n/a | Demo | Documentation |
| Menu | AA | Demo | Documentation |
| MultiColumnComboBox | AA | Demo | Documentation |
| MultiSelect | AA | Demo | Documentation |
| Notification | AA | Demo | Documentation |
| NumericTextbox | AA | Demo | Documentation |
| OrgChart | AA | Demo | Documentation |
| Pager | AA | Demo | Documentation |
| PanelBar | AA | Demo | Documentation |
| PDFViewer | AA | Demo | Documentation |
| PivotGrid | n/a | n/a | n/a |
| PivotGridV2 | n/a | n/a | Documentation |
| PopOver | AA | Demo | Documentation |
| Popup | AA | n/a | n/a |
| PropertyGrid | AA | Demo | Documentation |
| QRCode | AAA | Demo | n/a |
| RadialGauge | AA | Demo | n/a |
| RadioButton | AA | n/a | Documentation |
| RadioGroup | AA | Demo | Documentation |
| RangeSlider | AA | n/a | Documentation |
| Rating | AA | Demo | Documentation |
| ResponsivePanel | AA | n/a | n/a |
| Scheduler | AA | Demo | Documentation |
| ScrollView | AA | Demo | Documentation |
| Signature | AA | Demo | Documentation |
| SkeletonContainer | AAA | n/a | n/a |
| Slider | AA | Demo | Documentation |
| SplitButton | AA | Demo | Documentation |
| Splitter | AA | Demo | Documentation |
| Spreadsheet | AA | Demo | Documentation |
| Stepper | AA | Demo | Documentation |
| Switch | AA | Demo | Documentation |
| TabStrip | AA | Demo | Documentation |
| TaskBoard | AA | Demo | Documentation |
| TextArea | AAA | Demo | Documentation |
| TextBox | AA | Demo | Documentation |
| TileLayout | AAA | Demo | Documentation |
| TimeDurationPicker | AA | Demo | Documentation |
| TimeLine | AA | Demo | Documentation |
| TimePicker | AA | Demo | Documentation |
| ToggleButton | AAA | Demo | Documentation |
| ToolBar | AA | Demo | Documentation |
| Tooltip | AA | Demo | Documentation |
| TreeList | AA | Demo | Documentation |
| TreeView | AA | Demo | Documentation |
| Upload | AA | Demo | Documentation |
| Window | AA | Demo | Documentation |
| Wizard | AA | Demo | Documentation |
Accessibility Compliance Notes
The information in the compliance table above is subject to the following considerations:
- All components implement the required WAI-ARIA attributes without the need for any extra configuration. Some components may provide parameters that render additional optional WAI-ARIA attributes, for example,
aria-labeloraria-describedby. - The compliance levels are achievable with the Default Ocean Blue A11y theme swatch or any other custom theme swatch that provides the minimum required color contrast.
- The accessibility and compliance of some components may depend on the enabled features. In such cases, the compliance table information is based on the default component configuration.
- Component templates introduce custom markup that may not be accessible. Test any modifications to ensure the web content still meets the desired level of accessibility compliance. Be mindful of components that work with user input such as images, text, or HTML content.
- Due to the complexity of some components, there are scenarios that are not covered by the WAI-ARIA specification.
- The DropDownTree component will be identified as non-compliant with the WAI-ARIA spec when tested with a static HTML analyzer if no selection in the component is present and the
placeholderconfiguration is not used. That is because the DropDownTree wrapper element, which hasrole="listbox"will not contain anyoptionelements. That is a known limitation of the component. Detailed information on the scenario is available in this GitHub issue.