Bug #91701

Skip focus on disabled tabs for keyboard users

Added by Elisabeth Zeilinger 18 days ago.

Status:
New
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
Start date:
2020-06-23
Due date:
% Done:

0%

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>

Bildschirmfoto 2020-06-23 um 20.29.52.png View - Filtered content elements by "text" with keyboard focus on the disabled tab menu "Menu" (114 KB) Elisabeth Zeilinger, 2020-06-23 20:34


Related issues

Related to TYPO3 Core - Bug #91645: Incorrect keyboard focus order in tab menus New 2020-06-15

History

#1 Updated by Elisabeth Zeilinger 18 days ago

  • Related to Bug #91645: Incorrect keyboard focus order in tab menus added

Also available in: Atom PDF