Project

General

Profile

Actions

Bug #91701

closed

Skip focus on disabled tabs for keyboard users

Added by Elisabeth Zeilinger over 4 years ago. Updated almost 4 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
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

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

Related issues 1 (1 open0 closed)

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

Actions
Actions

Also available in: Atom PDF