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-label or aria-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 placeholder configuration is not used. That is because the DropDownTree wrapper element, which has role="listbox" will not contain any option elements. That is a known limitation of the component. Detailed information on the scenario is available in this GitHub issue.