Project

General

Profile

Actions

Feature #89496

closed

Epic #89595: Improve accessibility of backend

Make context menu usable via keyboard

Added by Michael Telgkamp over 4 years ago. Updated over 3 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Pagetree
Target version:
-
Start date:
2019-10-24
Due date:
% Done:

100%

Estimated time:
PHP Version:
Tags:
page tree, tab key, usability, accessibility
Complexity:
Sprint Focus:

Description

Currently the contextmenu is not usable via keyboard. The focus should be moved to it when it is opened, and the arrow keys should work inside to select an element.

It should be implemented as WAI-ARIA menu (see https://www.w3.org/TR/wai-aria-practices-1.1/#menu)


Files

Bildschirmfoto 2020-10-21 um 10.42.08.png (60.2 KB) Bildschirmfoto 2020-10-21 um 10.42.08.png Content element Elisabeth Zeilinger, 2020-10-21 10:44
Bildschirmfoto 2020-10-21 um 10.43.18.png (171 KB) Bildschirmfoto 2020-10-21 um 10.43.18.png Listview Elisabeth Zeilinger, 2020-10-21 10:44
Bildschirmfoto 2020-10-21 um 10.43.37.png (161 KB) Bildschirmfoto 2020-10-21 um 10.43.37.png Sites Elisabeth Zeilinger, 2020-10-21 10:44
Bildschirmfoto 2020-10-21 um 10.42.38.png (37.2 KB) Bildschirmfoto 2020-10-21 um 10.42.38.png Filesystem Elisabeth Zeilinger, 2020-10-21 10:44
padding-in-buttons.png (22.4 KB) padding-in-buttons.png Oliver Bartsch, 2020-11-24 11:44
localization-overview.png (32 KB) localization-overview.png Oliver Bartsch, 2020-11-24 12:18

Related issues 1 (1 open0 closed)

Related to TYPO3 Core - Epic #91518: Keyboard usage in the TYPO3 backendAcceptedMichael Telgkamp2020-06-05

Actions
Actions #1

Updated by Michael Telgkamp about 4 years ago

  • Related to Epic #91518: Keyboard usage in the TYPO3 backend added
Actions #2

Updated by Torben Hansen about 4 years ago

Areas with context menus in TYPO3 (basically all elements with t3js-contextmenutrigger)

  • Pagetree (click on icon)
  • Content Element (click on icon)
  • Filelist (click on icon)
  • List menu (click on icon)
  • Sites (click on icon)

Contents of context menu is fetched using AJAX - see: #78192

Required changes:
  • Add tabindex in ContextMenu::getItems() to all items
  • Context menu should close using escape key
  • Menu-Item action must be callable (this is currently handled using JS)
  • Focus Management
Actions #4

Updated by Gerrit Code Review over 3 years ago

  • Status changed from New to Under Review

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

Actions #5

Updated by Gerrit Code Review over 3 years ago

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

Actions #6

Updated by Gerrit Code Review over 3 years ago

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

Actions #7

Updated by Gerrit Code Review over 3 years ago

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

Actions #8

Updated by Riccardo De Contardi over 3 years ago

  • Parent task set to #89595
Actions #9

Updated by Gerrit Code Review over 3 years ago

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

Actions #10

Updated by Gerrit Code Review over 3 years ago

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

Actions #11

Updated by Gerrit Code Review over 3 years ago

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

Actions #12

Updated by Gerrit Code Review over 3 years ago

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

Actions #13

Updated by Gerrit Code Review over 3 years ago

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

Actions #14

Updated by Gerrit Code Review over 3 years ago

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

Actions #15

Updated by Gerrit Code Review over 3 years ago

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

Actions #16

Updated by Gerrit Code Review over 3 years ago

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

Actions #17

Updated by Gerrit Code Review over 3 years ago

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

Actions #18

Updated by Gerrit Code Review over 3 years ago

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

Actions #19

Updated by Gerrit Code Review over 3 years ago

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

Actions #20

Updated by Gerrit Code Review over 3 years ago

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

Actions #21

Updated by Gerrit Code Review over 3 years ago

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

Actions #22

Updated by Gerrit Code Review over 3 years ago

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

Actions #23

Updated by Gerrit Code Review over 3 years ago

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

Actions #24

Updated by Oliver Bartsch over 3 years ago

DatabaseRecordList in patchset 18.

Actions #25

Updated by Oliver Bartsch over 3 years ago

Just found another place.

Actions #26

Updated by Gerrit Code Review over 3 years ago

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

Actions #27

Updated by Gerrit Code Review over 3 years ago

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

Actions #28

Updated by Gerrit Code Review over 3 years ago

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

Actions #29

Updated by Gerrit Code Review over 3 years ago

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

Actions #30

Updated by Michael Telgkamp over 3 years ago

  • Status changed from Under Review to Resolved
  • % Done changed from 0 to 100
Actions #31

Updated by Benni Mack over 3 years ago

  • Status changed from Resolved to Closed
Actions

Also available in: Atom PDF