Hello, Alan,

I have created a separate bug report for the navigation when the focus is on the command buttons. 

I have also updated your Telerik Points as a small token of gratitude for helping us discover the issue.

Let me know if you have any further questions.

Regards,
Martin
Progress Telerik

Hello, Alan,

I had another chat with a developer colleague, and indeed the behaviour you described is not the expected one. Generally, tabbing through the buttons in a cell shouldn't result in navigation to the buttons of another cell. Such key sequence is not a valid one, and that is what is preventing the Esc key from exiting from the current cell, and navigate to the rest of the row.

The topic would be brought up within our accessibility team on their next meeting to discuss trapping the focus within the current cell buttons. I will get back to you when we have more feedback to share on the topic.

Regards,
Martin
Progress Telerik

Hello Alan,

I discussed the thread with a developer from the team. Although tabbing through the checkboxes has been possible with some old versions, it is not the expected behavior. The current behavior is expected, and the keyboard navigation in the Grid is possible only when the navigatable option is enabled. Thus to tab through the selectable checkboxes in the Grid, with the latest Kendo versions, you will need to either enable the navigatable option or use the suggested workaround. 

Regarding the issue with the locked column and displaying a checkbox using columns.template the bug has not been fixed due to other issues in our priority queue with higher severity.  I increased the priority of the item, so it could take precedence over other issues in our priority queue. 

Regards,

Neli
Progress Telerik

Hi Alan,

You could set different values to the tabindex and navigate using the Tab key as demonstrated below:

$('.k-checkbox').attr('tabindex', 1)

Here is such a Dojo example - https://dojo.telerik.com/AUZUiTra.

Or if you want to set different values for the tabindex you could use the following approach:

var checkboxes = [...$('.k-grid .k-checkbox')]
checkboxes.forEach((c,index) => {$(c).attr('tabindex', ++index )})

Here is such an example - https://dojo.telerik.com/GgaNJUOa.

I remain at your disposal if any additional questions arise.

Regards,
Neli
Progress Telerik

Hi Alan,

Please note that in order for the keyboard navigation to be in the Grid the navigatable property should be set to true: 

navigatable: true,

- https://docs.telerik.com/kendo-ui/api/javascript/ui/grid/configuration/navigatable

When the Keyboard Navigation is enabled you can navigate between the cells using the arrow keys and check/uncheck the checkboxes using the 'Space' key. You could also take a look at the following link in the Grid documentation:

- https://docs.telerik.com/kendo-ui/controls/grid/accessibility/key-nav 

Let me know in case you have any additional questions.

Regards,
Neli
Progress Telerik