DEV Community

Discussion on: Accessibility first: tabs

Collapse
 
harishkalaga profile image
harishkalaga

I understand this, but I feel the tabs should not be tabbable in the beginning, only the tab which is active should be tabbable, the other tabs should be toggled by using arrow keys. Only the active tab should be tabbable, and the tabpanel associated with it should be tabbable.
'role' tabs all of them should have tabindex -1 other than the one which is active.
The other tabpanel can have tabindex 0 but they should be hidden, and upon user interaction to the tab they should be visible.
Reference: w3.org/TR/wai-aria-practices/examp...