Task #41335

Story #41152: As a content editor, I want to use a page tree which fits into the overall UI

Keyboard Navigation for the pagetree

Added by Markus Goldbeck almost 3 years ago. Updated 10 months ago.

Status:Closed Start date:2012-09-24
Priority:Could have Due date:
Assigned To:Markus Goldbeck % Done:

100%

Category:UI
Target version:-

Description

In my opinion it would be nice to navigate the pagetree with the Cursors.

up -> up on the same level, or going up a level
down -> like up
left -> go to parent node and collapse
right -> go down to the next parent node and expand

with https://review.typo3.org/#/c/14876/
and https://review.typo3.org/#/c/14680/

'esc' and 'enter' work already for editing a pagetitle

History

#1 Updated by Markus Goldbeck almost 3 years ago

  • Target version set to Sprint February 2013
  • Parent task set to #41152

#2 Updated by Patrick Broens over 2 years ago

Keep WAI-ARIA (Accessibility) in mind. There are only a few best practices for the page tree. Don't confuse this with the WAI-ARIA tree widget.

  • Up: Select the previous visible tree item.
  • Down: Select next visible tree item.
  • Left: Collapse the currently selected parent node if it is expanded. Move to the previous parent node (if possible) when the current parent node is collapsed.
  • Right: Expand the currently selected parent node and move to the first child list item.
  • Enter: Select the current node (Go to URL)
  • Space: Select the current node (Go to URL)
  • Home: Select the root parent node of the tree.
  • End: Select the last visible node of the tree.
  • Tab: Navigate away from tree. Important! (Normally when using tab it will focus on the next anchor in the following node)
  • (asterisk on the numpad): Expand all group nodes.

Double-clicking on a parent node will toggle its expanded or collapsed state.

An example can be found on http://stackoverflow.com/questions/12279113/recommended-wai-aria-implementation-for-navigation-bar-menu#answer-12279190

#3 Updated by Sebastian Helzle 10 months ago

  • Status changed from New to Closed
  • % Done changed from 0 to 100

This was done in 1.0.

If you still think this is an issue please open a ticket on jira.typo3.org

Also available in: Atom PDF