I am using the teleriktilelayout component. I have resizing and reordering turned off, but we may have it as a feature in the future. Since they are turned off, I need the tiles to be taken out of the tab order and not be navigable. I know that navigable=false is the default, but all the tiles have tabindex=0 (making them tabbable/navigable). Adding navigable=false to the main component doesn't work (and again, it's supposed to be the default).
How do I change it to tabindex=-1 on the tiles? Is there any other way to remove the tiles from the tab order? Is this a known accessibility issue?
How do I change it to tabindex=-1 on the tiles? Is there any other way to remove the tiles from the tab order? Is this a known accessibility issue?
1 Answer, 1 is accepted
0
Hello J,
Indeed, this is a bug. I am logging it on your behalf and awarding you some Telerik points. Fortunately, there is an easy JavaScript-based workaround.
We are very close to our release this week, but I hope we will manage to squeeze the fix.
Regards,
Dimo
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.
J
commented on 12 Nov 2024, 02:28 PM
| edited
Top achievements
Rank 1
Rank 1
So I don't want to remove tabindex entirely. I want to change it to tabindex=-1.
Tabindex is still a valuable tool for keyboard users. "-1" is used to indicate a non-interactive element. If tabindex is removed, it defaults to the native determination by the element. Testing would be needed to see if removing tabindex from the tiles would indeed make them non-navigable. Tabindex=-1 is a surefire way to make sure they are not navigable.
Tabindex is still a valuable tool for keyboard users. "-1" is used to indicate a non-interactive element. If tabindex is removed, it defaults to the native determination by the element. Testing would be needed to see if removing tabindex from the tiles would indeed make them non-navigable. Tabindex=-1 is a surefire way to make sure they are not navigable.
Dimo
commented on 12 Nov 2024, 02:32 PM
Telerik team
Yes, this is how we fixed it - with tabindex="-1"