Image

Single selection

Multiple selection

Smart Selection

Tab

• From the previous component:

  • If no item is selected, moves focus to the first node in the tree.

  • If a node is selected, moves focus to the first selected node.

• From the last node in the tree, navigates to the next component.

Shift + Tab

• From the next component:

  • If no item is selected, moves focus to the first node in the tree.

  • If a node is selected, move focus to the first selected node.

• From the first node in the tree, navigates to the previous component.

Space

Selects or actions the item.

Enter

Selects or actions the item.

Esc

N/A

Arrows

Up/Down - Moves focus to the previous/next node accordingly. Only nodes which are visible without opening a parent node should be focused.

Right:

• When focus is on a closed node, opens the node. Focus does not move.

• When focus is on an open node, moves focus to the first child node.

• When focus is on an end node, does nothing.

Left:

• When focus is on an open node, closes the node.

• When focus is on a child node that is also either an end node or a closed node, moves focus to its parent node.

• When focus is on a root node that is also either an end node or a closed node, does nothing.

Home

Moves focus to the first/top node in the tree, without automatically opening or closing any nodes.

End

Moves focus to the last focusable node without expanding any closed nodes.

“*” (asterisk)

• Expands all closed sibling nodes that are at the same level as the focused node.

• Focus does not move.

• See W3 for reference.

a-z, A-Z

• Moves focus to the next node with a label starting with the typed character(s), if such an item exists.

• Typing multiple characters in rapid succession moves the focus to the next node starting with the string of typed characters.

• If no matching nodes are found below the focused node, the first node from the top of the tree should be focused (if exists).

• Only nodes which are visible without opening a parent node should be focused.

• If no node labels match the typed character(s), the focus does not move.