New to Kendo UI for jQueryStart a free 30-day trial

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.

ComponentWCAG 2.2Accessibility ExampleAccessibility Documentation
ActionSheetAADemoDocumentation
AIPromptAAn/aDocumentation
AppBarAADemoDocumentation
AutoCompleteAADemoDocumentation
AvatarAADemoDocumentation
BarCodeAAADemon/a
BottomNavigationn/aDemoDocumentation
BreadcrumbAADemoDocumentation
ButtonAADemoDocumentation
ButtonGroupAADemoDocumentation
CalendarAADemoDocumentation
CaptchaAADemoDocumentation
ChartsAADemoDocumentation
ChatAADemoDocumentation
CheckBoxAAn/aDocumentation
CheckBoxGroupAADemoDocumentation
CircularGaugeAADemon/a
ColorGradientAADemoDocumentation
ColorPaletten/aDemoDocumentation
ColorPickerAADemoDocumentation
ComboBoxAADemoDocumentation
DateInputAADemoDocumentation
DatePickerAADemoDocumentation
DateTimePickerAADemoDocumentation
DiagramAADemon/a
DialogAADemoDocumentation
DockManagerAADemon/a
DrawerAADemoDocumentation
DropDownButtonAADemoDocumentation
DropDownListAADemoDocumentation
DropDownTree*AADemoDocumentation
EditorAADemoDocumentation
ExpansionPanelAADemoDocumentation
FileManagerAADemoDocumentation
FilterAADemoDocumentation
FlatColorPickerAADemoDocumentation
FloatingActionButtonAADemoDocumentation
FormAADemoDocumentation
GanttAADemoDocumentation
GridAADemoDocumentation
ImageEditorAADemoDocumentation
LinearGaugeAADemon/a
ListBoxAADemoDocumentation
ListViewAAADemoDocumentation
LoaderAADemoDocumentation
MapAADemon/a
MaskedTextboxAADemoDocumentation
MediaPlayern/aDemoDocumentation
MenuAADemoDocumentation
MultiColumnComboBoxAADemoDocumentation
MultiSelectAADemoDocumentation
NotificationAADemoDocumentation
NumericTextboxAADemoDocumentation
OrgChartAADemoDocumentation
PagerAADemoDocumentation
PanelBarAADemoDocumentation
PDFViewerAADemoDocumentation
PivotGridn/an/an/a
PivotGridV2n/an/aDocumentation
PopOverAADemoDocumentation
PopupAAn/an/a
PropertyGridAADemoDocumentation
QRCodeAAADemon/a
RadialGaugeAADemon/a
RadioButtonAAn/aDocumentation
RadioGroupAADemoDocumentation
RangeSliderAAn/aDocumentation
RatingAADemoDocumentation
ResponsivePanelAAn/an/a
SchedulerAADemoDocumentation
ScrollViewAADemoDocumentation
SignatureAADemoDocumentation
SkeletonContainerAAAn/an/a
SliderAADemoDocumentation
SplitButtonAADemoDocumentation
SplitterAADemoDocumentation
SpreadsheetAADemoDocumentation
StepperAADemoDocumentation
SwitchAADemoDocumentation
TabStripAADemoDocumentation
TaskBoardAADemoDocumentation
TextAreaAAADemoDocumentation
TextBoxAADemoDocumentation
TileLayoutAAADemoDocumentation
TimeDurationPickerAADemoDocumentation
TimeLineAADemoDocumentation
TimePickerAADemoDocumentation
ToggleButtonAAADemoDocumentation
ToolBarAADemoDocumentation
TooltipAADemoDocumentation
TreeListAADemoDocumentation
TreeViewAADemoDocumentation
UploadAADemoDocumentation
WindowAADemoDocumentation
WizardAADemoDocumentation

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.

See Also