Project

General

Profile

Actions

Bug #95333

closed

Focus border in PageTree is cluttered in chrome

Added by Stefan Bürk almost 3 years ago. Updated 2 months ago.

Status:
Closed
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 (0 open1 closed)

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

Actions

Updated by Riccardo De Contardi about 1 year 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 about 1 year ago

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

Updated by Georg Ringer 2 months ago

  • Status changed from New to Closed

the tree is now far better and focus works, same for a11y, closing issue

Actions

Also available in: Atom PDF