disabled TabItems are selectable by using tab-key #307

Closed
opened 2026-01-29 17:35:06 +00:00 by claunia · 0 comments
Owner

Originally created by @acordts on GitHub (Jan 24, 2022).

We implement a blazor app using Radzen 3.14.6. The app should become barrier-free.
the regulations provide that disabled tabs are not reachable using "tab-key". For this reason we currently manipulate the DOM of "RadzenTabItem" after rendering and add to the disabled HTML tab link tag tabindex="-1".

to avoid such dirty hack, is it possible to add following to comply with the regulations?
At

github.comradzenhq/radzen-blazor/blob/master/Radzen.Blazor/RadzenTabsItem.razor#L6

could be added HTML parameter tabindex="-1" if the tab is defined as "Disabled".

with kind regards

Originally created by @acordts on GitHub (Jan 24, 2022). We implement a blazor app using Radzen 3.14.6. The app should become barrier-free. the regulations provide that disabled tabs are not reachable using "tab-key". For this reason we currently manipulate the DOM of "RadzenTabItem" after rendering and add to the disabled HTML tab link tag tabindex="-1". to avoid such dirty hack, is it possible to add following to comply with the regulations? At github.comradzenhq/radzen-blazor/blob/master/Radzen.Blazor/RadzenTabsItem.razor#L6 could be added HTML parameter tabindex="-1" if the tab is defined as "Disabled". with kind regards
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#307