Project

General

Profile

Actions

Bug #102214

open

Enable keyboard navigation on tabs

Added by Patrick Schriner 7 months ago. Updated about 1 month ago.

Status:
Under Review
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2023-10-20
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
13
PHP Version:
Tags:
accessibility
Complexity:
easy
Is Regression:
Sprint Focus:

Description

Using bootstrap 5 it is possible to enable keyboard navigation on tabs when using BUTTON instead of A for linking tabs and tab content.
Enabling keyboard navigation should be considered both a usability and an accessibility improvement.

Currently the bootstrap tabs plugin will disable all other tabs if you select a tab via keyboard (even after adding tabindex=0) and thereby render the keyboard useless.

Actions #1

Updated by Gerrit Code Review 7 months ago

  • Status changed from New to Under Review

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

Actions #2

Updated by Gerrit Code Review 7 months ago

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

Actions #3

Updated by Gerrit Code Review 7 months ago

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

Actions #4

Updated by Gerrit Code Review 7 months ago

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

Actions #5

Updated by Gerrit Code Review 7 months ago

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

Actions #6

Updated by Gerrit Code Review 7 months ago

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

Actions #7

Updated by Patrick Schriner 7 months ago

testing has revealed that this is inconsistent.

In TYPO3 12 is works with on Ubuntu

OS Browser
Ubuntu Chrome
Ubuntu Firefox
Ubuntu Vivaldi
Actions #8

Updated by Garvin Hicking 7 months ago

I can throw in MacOS:

Safari: Does NOT work
Chromium (Brave): works
Firefox: works
MS Edge: works

BTW: In Safari the issue not only affects the bootstrap tab order, but also the top action row ("Close / Save / View / Create / Delete") is not accessible. Tabbing only goes to the single "button" in that row, and skips all other "links".

Tested in v12 and main.

Actions #9

Updated by Patrick Schriner 7 months ago

  • Tracker changed from Task to Bug

as this is not 100% reproducible I'll vote to close this issue for know. Learned about acceptance tests :-)

Actions #10

Updated by Garvin Hicking 7 months ago

I'd say so too. I would declare Safari to not follow proper HIG standards here and it'll hopefully get addressed as a brower "bug".

Actions #11

Updated by Ayke Halder about 1 month ago

  • Tags set to accessibility
Actions

Also available in: Atom PDF