Keyboard End User Information (oj-navigation-list)
The following table explains the user information for oj-navigation-list:
Target | Key | Action |
|---|---|---|
List Item | Enter or Space | Selects list item. |
| Up Arrow | Moves focus to the previous visible list item. |
| Down Arrow | Moves focus to the next visible list item |
| Right Arrow (Left Arrow in RTL) | For horizontal navigation list and focus will be moved to next visible item. |
| Left Arrow (Right Arrow in RTL) | For horizontal navigation list and focus will be moved to previous visible item. |
| Home | Moves focus to the first visible list item. |
| End | Moves focus to the last visible list item. |
| F2 | If focus is on a list item, then pressing F2 will make its contents accessible using TAB. |
| Esc | When F2 mode is enabled, press Esc to exit F2 mode. |
| Shift+Tab | Move focus to hierarchical menu option. This is only applicable for sliding navigation list and when hierarchical menu option is enabled. |
Group Item | Right Arrow (Left Arrow in RTL) | If focus is on collapsed node, expands the sub list. |
| Left Arrow (Right Arrow in RTL) | If focus is on expanded node, collapses the sub list. |
List Item in sublist | Esc | Applicable only for sliding navigation list. If focus is in a sublist, then it closes the sublist and moves focus to the parent list item. |
Hierarchical Menu button | Enter | Open menu. Refer to the menu keyboard documentation. This target is visible only for Sliding Navigation List. |
| Tab | Moves focus to current list item. This target is visible only for Sliding Navigation List. |
| Shift + Tab | Moves focus to Previous Icon. This target is visible only for Sliding Navigation List. |
Overflow Menu button | Enter or Space | Open menu. Refer to the menu touch documentation. This is applicable only for Horizontal Navigation List when overflow is set to pop-up. |
Previous Icon or List Header | Enter | Collapses the sublist and slides to parent list. This target is visible only for Sliding Navigation List. |
| Tab | Moves focus to Hierarchical Menu option. This target is visible only for Sliding Navigation List. |
Last Published Wednesday, December 20, 2023