Skip focus on disabled tabs for keyboard users
When filtering types of content elements with the search input "Filter by:", all tabs with no results get disabled and you cannot click the disabled tabs with the mouse. But if you tab through the tab menu with your keyboard with the TAB key, the disabled tabs still get focus (see screenshot).
Goal: disabled tabs should not get keyboard focus
- Add tabindex="-1" to disabled tabs like this:
<li role="presentation" class="t3js-tabmenu-item disabled">
<a href="#DTM-a31afc8fb6-3" title="" aria-controls="DTM-a31afc8fb6-3" role="tab" data-toggle="tab" tabindex="-1">Menu</a>