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

Accessibility Standards Compliance

This article lists the accessibility compliance of the Kendo UI for Angular 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 Angular provides an ACR through the Voluntary Product Accessibility Template (VPAT®).

Download the latest version of the Kendo UI for Angular Accessibility Conformance Report.

Compliance Table

The table below specifies the level of WCAG 2.2 compliance of each Kendo Angular component.

  • 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.2Keyboard NavigationAccessibility Documentation
ActionSheetAAEnhancedDocumentation
AIPromptAAEnhancedDocumentation
AppBarAAN/A (see point 2)N/A (see point 2)
ArcGaugeN/AN/A (see point 4)N/A (see point 4)
AutoCompleteAAEnhancedDocumentation
AvatarAAN/A (see point 3)N/A (see point 3)
BadgeN/AN/A (see point 3)N/A (see point 3)
BarcodeN/AN/A (see point 3)N/A (see point 3)
BottomNavigationAAEnhancedDocumentation
BreadcrumbAAEnhancedDocumentation
ButtonAAStandard (see point 1)N/A (see point 1)
ButtonGroupAAEnhancedDocumentation
CalendarAAEnhancedDocumentation
CardAAAN/A (see point 2)N/A (see point 2)
ChartAAEnhancedDocumentation
Chart WizardN/AN/A (see point 2)N/A (see point 2)
CheckboxAAStandard (see point 1)N/A (see point 1)
ChipAAEnhancedDocumentation
ChipListAAEnhancedDocumentation
ChunkProgressBarAAN/A (see point 3)Documentation
CircularGaugeN/AN/A (see point 4)N/A (see point 4)
CircularProgressBarAAN/A (see point 3)Documentation
ColorGradientAAEnhancedDocumentation
ColorPaletteAAEnhancedDocumentation
ColorPickerAAEnhancedDocumentation
ComboBoxAAEnhancedDocumentation
ContextMenuAAEnhancedDocumentation
Conversational UIAAEnhancedDocumentation
DateInputAAEnhancedDocumentation
DatePickerAAEnhancedDocumentation
DateRangeAAEnhancedDocumentation
DateTimePickerAAEnhancedDocumentation
DialogAAEnhancedDocumentation
DrawerAAEnhancedDocumentation
DropDownButtonAAEnhancedDocumentation
DropDownListAAEnhancedDocumentation
DropDownTreeAAEnhancedDocumentation
EditorAAEnhancedDocumentation
ExpansionPanelAAEnhancedDocumentation
FileSelectAAAEnhancedDocumentation
FilterAAEnhancedDocumentation
FlatColorPickerAAEnhancedDocumentation
FloatingActionButtonAAEnhancedDocumentation
FloatingLabelN/AN/A (see point 1)N/A (see point 1)
GanttAAEnhancedDocumentation
GridAAEnhancedDocumentation
GridLayoutN/AN/A (see point 2)N/A (see point 2)
IconAAN/A (see point 3)N/A (see point 3)
LabelN/AN/A (see point 1)N/A (see point 1)
LinearGaugeN/AN/A (see point 4)N/A (see point 4)
ListBoxAAEnhancedDocumentation
ListViewAAAEnhancedDocumentation
LoaderN/AN/A (see point 4)N/A (see point 4)
MapN/AN/A (see point 4)N/A (see point 4)
MaskedTextBoxAAEnhancedDocumentation
MenuAAEnhancedDocumentation
MultiColumnComboBoxAAEnhancedDocumentation
MultiSelectAAEnhancedDocumentation
MultiSelectTreeAAEnhancedDocumentation
MultiViewCalendarAAEnhancedDocumentation
NotificationAAN/A (see point 3)Documentation
NumericTextBoxAAEnhancedDocumentation
OTP InputAAEnhancedDocumentation
PagerAAEnhancedDocumentation
PanelBarAAEnhancedDocumentation
PDFViewerAAEnhancedDocumentation
PivotGridAAEnhancedDocumentation
PopoverAAStandardDocumentation
ProgressBarAAN/A (see point 3)Documentation
QR CodeN/AN/A (see point 3)N/A (see point 3)
RadialGaugeN/AN/A (see point 4)N/A (see point 4)
RadioButtonAAStandard (see point 1)N/A (see point 1)
RangeSliderAAEnhancedDocumentation
RatingAAEnhancedDocumentation
RippleN/AN/A (see point 3)N/A (see point 3)
SankeyChartAAEnhancedDocumentation
SchedulerAAEnhancedDocumentation
SignatureAAEnhancedDocumentation
SkeletonAAAN/A (see point 3)N/A (see point 3)
ScrollViewAAEnhancedDocumentation
SliderAAEnhancedDocumentation
SortableAAEnhancedDocumentation
SparklineAAEnhancedDocumentation
SplitButtonAAEnhancedDocumentation
SplitterAAEnhancedDocumentation
SpreadsheetAAEnhancedDocumentation
StackLayoutN/AN/A (see point 2)N/A (see point 2)
StepperAAEnhancedDocumentation
StockChartN/AN/A (see point 3)N/A (see point 3)
SVGIconN/AN/A (see point 3)N/A (see point 3)
SwitchAAEnhancedDocumentation
TabStripAAEnhancedDocumentation
TextAreaAAAStandard (see point 1)Documentation
TextBoxAAStandard (see point 1)Documentation
TileLayoutAAAEnhancedDocumentation
TimelineAAEnhancedDocumentation
TimePickerAAEnhancedDocumentation
ToolBarAAEnhancedDocumentation
TooltipAAEnhancedDocumentation
TreeListAAEnhancedDocumentation
TreeViewAAEnhancedDocumentation
UploadAAAEnhancedDocumentation
WindowAAEnhancedDocumentation

The following packages provide methods and directives which delivers specific functionalities (exporting and saving files, formatting, animations, etc.). The components do not require keyboard navigation or accessibility support.

ComponentWCAG 2.2Keyboard NavigationAccessibility Documentation
Data QueryN/AN/AN/A
Date MathN/AN/AN/A
Drag and DropN/AN/AN/A
DrawingN/AN/AN/A
Excel ExportN/AN/AN/A
File SaverN/AN/AN/A
PDF ExportN/AN/AN/A
RippleN/AN/AN/A
TypographyN/AN/AN/A

Special Considerations

  1. The components that represent or directly extend a native HTML element (for example Button, CheckBox) do not require additional accessibility functionality to provide their respective level of compliance.

  2. Components that are built using other components and/or native HTML elements that are fully accessible (for example, Card, AppBar, Pager) achieve their respective level of compliance through their building blocks.

  3. Components that do not provide end-user interaction and serve only as visual representation of a specific state, value, actions, and others (for example, Icons and ProgressBars) are neither focusable, nor navigable. Adding descriptive labels, WAI-ARIA attributes, or a tabindex to such components, necessitated by a specific use case, is in the hands of the developer.

  4. Assistive technologies treat components like the various Gauges as images. To make them accessible, add a descriptive label or an alternative representation of the data. For example, a Gauge may be represented by a NumericTextBox or label.

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.

See Also