Project

General

Profile

Actions

Feature #92704

closed

Epic #89595: Improve accessibility of backend

Make the navigation through module menu more efficient for keyboard users

Added by Martin Kutschker about 4 years ago. Updated over 3 years ago.

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

100%

Estimated time:
PHP Version:
Tags:
tas2020, accessibility
Complexity:
Sprint Focus:

Description

Description

When the user tabs through the module menu on the left with the TAB key, the user has to go through each menu item to get to the next section in the CMS (which is the page tree menu). This is very cumbersome as a keyboard user has to tab through the whole menu, each time the page is loaded.

When a menu item is selected, the next focussable element with the TAB key should be the first interactive element in the opened content panel. When you select "Page" in the module menu, the next focussable element should be "Create new page" in the container <div class="scaffold-content t3js-scaffold-content ">.

<button class="svg-toolbar__btn" data-tree-icon="actions-page-new" title="Create new pages">

Recommendation

Make the module menu the same way navigable as the pagetree. Switching between menu items should be only possible with the arrow keys and not with the TAB key. This way, a keyboard user can skip navigating through the whole module menu.


Related issues 4 (0 open4 closed)

Related to TYPO3 Core - Bug #92613: Mobile module menu links are missing link titleClosed2020-10-20

Actions
Related to TYPO3 Core - Task #92634: Unknown ARIA-attribute used in menuClosed2020-10-21

Actions
Related to TYPO3 Core - Bug #93358: Click on user settings in topbar does not longer open the user settings formClosedOliver Bartsch2021-01-25

Actions
Related to TYPO3 Core - Bug #93757: Topbar links such as user settings do not work after the topbar was refreshedClosed2021-03-16

Actions
Actions

Also available in: Atom PDF