Project

General

Profile

Actions

Bug #86818

closed

Page tree is not accessible via tab key anymore

Added by Oliver Bartsch over 5 years ago. Updated over 4 years ago.

Status:
Closed
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
-
Start date:
2019-12-16
Due date:
% Done:

100%

Estimated time:
(Total: 0.00 h)
TYPO3 Version:
9
PHP Version:
7.2
Tags:
page tree, tab key, usability, gremlin
Complexity:
Is Regression:
Sprint Focus:

Description

After the re-work of the page tree it’s no longer possible to access the pages in the page tree via the tab key. This should be made possible again.


Subtasks 2 (0 open2 closed)

Task #89832: Add acceptance tests for keyboard interaction with pagetreeClosedMichael Telgkamp2019-12-16

Actions
Task #89955: Adjust build plans to include acceptancePagetreeClosedAnja Leichsenring2019-12-16

Actions

Related issues 1 (0 open1 closed)

Related to TYPO3 Core - Bug #91779: "Collapse all" and "Expand All" in pages menu do not work.ClosedMichael Telgkamp2020-07-10

Actions
Actions #1

Updated by Oliver Bartsch over 5 years ago

  • Description updated (diff)
Actions #2

Updated by Gerrit Code Review over 5 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/58906

Actions #3

Updated by Gerrit Code Review over 5 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/58906

Actions #4

Updated by Gerrit Code Review over 5 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/58906

Actions #5

Updated by Gerrit Code Review about 5 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/+/58906

Actions #6

Updated by Michael Telgkamp about 5 years ago

I would like to help on this topic.

In my opinion it would be good to implement the tree as Aria Tree View > https://www.w3.org/TR/wai-aria-practices-1.1/#TreeView
If you add a-Tags for all elements in the list you have to tab through all elements of the list. With tree view you only have one tabstop for the tree view and then navigate using the arrow keys (like in file browsers).

This would mean not to add additional a-Tags, but instead implement the aria pattern.

Some parts of the aria pattern are to add an attribute `tabindex="0"` for the active page (or the root if no active page is selected) to make one element of the list focusable.

Also the JS needs to be adjusted to handle keypresses
  • Enter/Space: should trigger the click handler
  • Key Up/Down: should move the selection to the page above/below
  • Key Left/Right: should expand/collapse the subtree

Having implemented the last bullet point you would prevent an additional tabstop for the chevron.

Also you have to think on how to open the menu of the selected item with the keyboard. I will have a look if the menu button of the keyboard can be used as trigger for this.

Actions #7

Updated by Oliver Hader over 4 years ago

  • Tags changed from page tree, tab key, usability to page tree, tab key, usability, gremlin
Actions #8

Updated by Gerrit Code Review over 4 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/+/62051

Actions #9

Updated by Michael Telgkamp over 4 years ago

The context menu will not be adjusted in this issue, I created #89496 for this.

Actions #10

Updated by Gerrit Code Review over 4 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/+/62051

Actions #11

Updated by Gerrit Code Review over 4 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/+/62051

Actions #12

Updated by Gerrit Code Review over 4 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/+/62051

Actions #13

Updated by Gerrit Code Review over 4 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/+/62051

Actions #14

Updated by Gerrit Code Review over 4 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/+/62051

Actions #15

Updated by Gerrit Code Review over 4 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/+/62051

Actions #16

Updated by Gerrit Code Review over 4 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/+/62051

Actions #17

Updated by Gerrit Code Review over 4 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/+/62051

Actions #18

Updated by Gerrit Code Review over 4 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/+/62051

Actions #19

Updated by Gerrit Code Review over 4 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/+/62051

Actions #20

Updated by Gerrit Code Review over 4 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/+/62051

Actions #21

Updated by Gerrit Code Review over 4 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/+/62051

Actions #22

Updated by Gerrit Code Review over 4 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/+/62051

Actions #23

Updated by Gerrit Code Review over 4 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/+/62051

Actions #24

Updated by Gerrit Code Review over 4 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/+/62051

Actions #25

Updated by Gerrit Code Review over 4 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/+/62051

Actions #26

Updated by Gerrit Code Review over 4 years ago

Patch set 23 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/+/62051

Actions #27

Updated by Gerrit Code Review over 4 years ago

Patch set 24 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/+/62051

Actions #28

Updated by Gerrit Code Review over 4 years ago

Patch set 25 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/+/62051

Actions #29

Updated by Gerrit Code Review over 4 years ago

Patch set 26 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/+/62051

Actions #30

Updated by Gerrit Code Review over 4 years ago

Patch set 27 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/+/62051

Actions #31

Updated by Gerrit Code Review over 4 years ago

Patch set 28 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/+/62051

Actions #32

Updated by Gerrit Code Review over 4 years ago

Patch set 29 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/+/62051

Actions #33

Updated by Gerrit Code Review over 4 years ago

Patch set 30 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/+/62051

Actions #34

Updated by Michael Telgkamp over 4 years ago

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

Updated by Benni Mack over 4 years ago

  • Status changed from Resolved to Closed
Actions #36

Updated by Oliver Hader over 3 years ago

  • Related to Bug #91779: "Collapse all" and "Expand All" in pages menu do not work. added
Actions

Also available in: Atom PDF