Project

General

Profile

Actions

Bug #95333

open

Focus border in PageTree is cluttered in chrome

Added by Stefan Bürk over 2 years ago. Updated 11 months ago.

Status:
New
Priority:
Should have
Assignee:
-
Category:
Pagetree
Target version:
-
Start date:
2021-09-23
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
11
PHP Version:
Tags:
Complexity:
Is Regression:
Sprint Focus:

Description

Clicking an item or navigation with TAB, the focus accessibility border is cluttered, at least in Chrome Version 94.0.4606.54 (Offizieller Build) (64-Bit) (for Linux)
Would be nice to have something like ~5px of the right side away from the page title / text.

master + v10


Files

pagetree-focus-border-cluttered.png (5.63 KB) pagetree-focus-border-cluttered.png Stefan Bürk, 2021-09-23 16:13
cattura1.png (13.1 KB) cattura1.png Riccardo De Contardi, 2023-06-03 13:35
cattura2.png (13.5 KB) cattura2.png Riccardo De Contardi, 2023-06-03 13:42
cattura3.png (13.1 KB) cattura3.png Riccardo De Contardi, 2023-06-03 13:42

Related issues 1 (1 open0 closed)

Related to TYPO3 Core - Task #92679: Pagetree Toolbar Focus Styles and LabelsNew2020-10-22

Actions

Updated by Riccardo De Contardi 11 months ago

On version 13 the border is gone, but accessibility did not improve, either.

This is the situation I experienced when navigating the pagetree using the "tab" key

1) The first element that gets the focus is the search box

2) pressing "tab" again you are on the "kebab" menu (Which is operable using the "Enter" key

3) The next "tabbed step" is actually ... well... hiddden! No focus is shown but you're actually on the pagetree itself - just press the "up" or "down" arrow to see that you can highlight the pages on the tree. And it can be navigated using the arrows; the pages can be selected using "enter".

4) Then pressing "tab" again you end up on the "collapse panel" button. By the way, it is not operable using enter or space or any other key

The other icons (the pages that can be created via drag and drop) are not reachable using the "tab" key. (That could be correct)

Actions #2

Updated by Riccardo De Contardi 11 months ago

  • Related to Task #92679: Pagetree Toolbar Focus Styles and Labels added
Actions

Also available in: Atom PDF