Project

General

Profile

Actions

Task #92679

open

Epic #89595: Improve accessibility of backend

Pagetree Toolbar Focus Styles and Labels

Added by Matthias Weber over 3 years ago. Updated over 1 year ago.

Status:
New
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Start date:
2020-10-22
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
12
PHP Version:
Tags:
accessibility, UX
Complexity:
easy
Sprint Focus:

Description

Create new pages, Filter and Reload buttons have missing focus style

https://typo3.audit.gugler.at/issues#TYPO3-18

When you navigate with your keyboard to an interactive element, you should see a visible focus style. This success criterion helps to know which element has the keyboard focus. The Create new pages, Filter and Reload buttons don't change its style, when it receives focus.

Create new pages, Filter and Reload buttons have no descriptive text

https://typo3.audit.gugler.at/issues#TYPO3-20

When navigating to a button, a descriptive text must be presented to screen reader users to indicate the function of the button.

The Create new pages, Filter and Reload buttons use only the title attribute. Many user agents do not expose the title in an accessible manner as required by the specification (e.g. requiring a pointing device such as a mouse to cause a tooltip to appear, which excludes keyboard-only users and touch-only users, such as anyone with a modern phone or tablet).


Files

schermata2.png (46.7 KB) schermata2.png Riccardo De Contardi, 2021-05-15 15:09
schermata1.png (93.2 KB) schermata1.png Riccardo De Contardi, 2021-05-15 15:09
schermata3.png (50 KB) schermata3.png Riccardo De Contardi, 2021-05-15 15:09
schermata4.png (43.9 KB) schermata4.png Riccardo De Contardi, 2021-05-15 15:09

Related issues 5 (4 open1 closed)

Related to TYPO3 Core - Bug #95767: Add labels for creating a new page and following actionsNew2021-10-25

Actions
Related to TYPO3 Core - Task #97344: [TASK] Polish SvgTree component stylingClosed2022-04-08

Actions
Related to TYPO3 Core - Epic #98290: [UX] - Keep the house cleanIn ProgressAnnett Jähnichen2022-04-05

Actions
Related to TYPO3 Core - Bug #95333: Focus border in PageTree is cluttered in chromeNew2021-09-23

Actions
Copied from TYPO3 Core - Bug #92637: Create new pages, Filter and Reload buttons have missing focus styleNew2020-10-21

Actions
Actions

Also available in: Atom PDF