Actions
Bug #91701
closedSkip focus on disabled tabs for keyboard users
Start date:
2020-06-23
Due date:
% Done:
100%
Estimated time:
TYPO3 Version:
11
PHP Version:
Tags:
accessibility
Complexity:
easy
Is Regression:
Sprint Focus:
Description
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
Implementation example:
- 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>
</li>
Files
Actions