Unplanned
Last Updated: 07 Sep 2022 07:09 by ADMIN
Richmond
Created on: 31 Aug 2022 12:53
Category: DateRange
Type: Feature Request
1
DateRange Keyboard Navigation

Currently is not possible to focus the End DateInput, using keyboard shortcuts.

So far the Tab focuses the first input which automatically opens the popup then continues on the next focusable elements on the page skipping the End input.

This is not correct in terms of another component that has a popup in it. The popup should be opened on Alt+Down arrow, while the Tab should go through the Start and End DateInputs fields only.

Please improve and provide built-in keyboard navigation shortcuts for the DateRange component.

 

1 comment
ADMIN
Dimiter Topalov
Posted on: 07 Sep 2022 07:09

Hi Richmond,

Thank you for your comments and logging this feature request.

Indeed, currently the DateRange component does not have a dedicated keyboard navigation. Recently we have been working on improving the accessibility and KB navigation across all Kendo suites, and this ongoing effort will also see the DateRange and other components comply with the respective accessibility and KB navigation specs.

The planned improvements for the DateRange KB navigation will ensure it meets the following spec once implemented:

Managing Focus

Focus goes through the two date inputs and the popup.

Keyboard Shortcuts

Actions applied to the DateInput:

The DateRangePicker implements the keyboard shortcuts for the DateInput component. Apart from that, it also features the following shortcuts related to ist Popup:

`Esc`: Closes the popup
`Alt + Down`: Opens the popup
`Alt + Up`: Closes the popup

Actions applied to the Calendar:

Ones the popup is open, navigation is handled through the MultiViewCalendar component.

Resources:

https://www.w3.org/TR/wai-aria-practices/examples/dialog-modal/datepicker-dialog.html

Regards,
Dimiter Topalov
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.