• What is KendoReact
  • Components
    • Animation
    • Barcodes
    • Buttons
    • Charts
    • Common Utilitiesupdated
    • Conversational UI
    • Data Gridupdated
    • Data Query
    • Data Tools
    • Date Inputs
    • Date Math
    • Dialogs
    • Drawing
    • Dropdowns
    • Editor
    • Excel Export
    • File Saver
    • Form
    • Gantt
    • Gauges
    • Indicators
    • Inputsupdated
    • Labels
    • Layoutupdated
    • ListBox
    • ListView
    • Mapbeta
    • Notification
    • PDF Processing
    • PDFViewernew
    • PivotGrid
    • Popup
    • Progress Bars
    • Ripple
    • Scheduler
    • ScrollView
    • Sortable
    • TaskBoard
    • Tooltips
    • TreeList
    • TreeView
    • Upload
  • Sample Applications
  • Styling & Themes
  • Common Features
  • Project Setup
  • Knowledge Base
  • Changelog
  • Troubleshooting

Accessibility

The KendoReact ActionSheet component is WCAG 2.1 AAA and Section 508 compliant. The component also follows the WAI-ARIA best practices for implementing the keyboard navigation for its component role and is tested against the popular screen readers.

The following example demonstrates the accessibility compliance of the ActionSheet component. Open the example in a new window to evaluate it with Axe Core or other accessibility tools.

  • Upon closing the ActionSheet, the focus should be returned to the element that triggered the open.
Example
View Source
Change Theme:

WAI-ARIA

All relevant internal elements of the ActionSheet component have the aria attributes and roles with their respective values, required for WCAG 2.1 compliance.

Section 508

The ActionSheet is compliant with the Section 508 requirements.

Static analyzers

The tool used for Automated Testing is Axe Core.

Limitations

The following issues are related to the WAI-ARIA support limitations of browsers and screen readers: