Bug #91701: Skip focus on disabled tabs for keyboard users - TYPO3 Core - TYPO3 Forge

Actions

Copy link

Bug #91701

closed

Skip focus on disabled tabs for keyboard users

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

Status:

Closed

Priority:

Should have

Assignee:

Category:

Backend User Interface

Target version:

11.0

Start date:

2020-06-23

Due date:

% Done:

100%

Estimated time:

TYPO3 Version:

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 open — 0 closed)

Actions

Copy link

Updated by Elisabeth Zeilinger almost 4 years ago

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

Actions

Copy link

Updated by Gerrit Code Review over 3 years ago

Status changed from New to Under Review

Patch set 1 for branch master of project Packages/TYPO3.CMS has been pushed to the review server.
It is available at https://review.typo3.org/c/Packages/TYPO3.CMS/+/66321

Actions

Copy link