Declined
Last Updated: 03 Oct 2024 07:40 by AGB
AGB
Created on: 26 Sep 2024 07:55
Category: Grid
Type: Bug Report
0
Grid Checkboxes - Accessibility Issue
Hi Guys,

Have just tripped over an issue with grid checkboxes whereby they cannot be accessed via the keyboard.

To illustrate

    - Run the following dojo
           https://dojo.telerik.com/ojODosUL

    - Select any checkbox then try tabbing to the next ... It doesn't happen.

If you look at the checkboxes using the browser's dev tools you will see the header and cell checkbox inputs have been assigned the attribute tabindex="-1" so it's no wonder they cannot by accessed.

This regression seems to have been introduced with version 2022.2.802

Looking at the release notes for this version I don't see any mention of this breaking change so it looks like its another bug which has been kicking around for a while which your QA accessibility testing hasn't picked up on.

Regards
Alan

2 comments
AGB
Posted on: 03 Oct 2024 07:40
Hi Neli,

I'm well aware of the navigatable property but I don't want to navigate the whole grid on a cell by cell basis I just want to allow navigation of the check-box cell via the tab key.

Prior to version 2022.2.802 this was possible because the check-boxes were not restricted with a tabindex=-1

So I'm afraid to say this is another breaking change that has been introduced on a whim without informing you user community.

Regards
Alan.
ADMIN
Neli
Posted on: 03 Oct 2024 07:22

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

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.