Navigation with the Arrow Keys Is Not Working When the Screen Reader Is On

Environment

Description

The arrow keys keyboard navigation of the Kendo UI for Angular component stops working when certain screen readers are on.

Cause

Screen readers themselves provide keyboard navigation which overrides the keyboard navigation of the components.

Solution

To avoid this behavior, add a role application to the component in question.

The following example demonstrates the full implementation of the suggested approach.