B.30 OJET Navigation List (oj-navigation-list)
The OFSAA landing page uses the Navigation menu for the Left-Hand-Side (LHS) menu. The application selection menu is used to select an Application, Reports, Admin menu, and so on.
| Target | Key | Action |
|---|---|---|
| List Item | Enter or Space | Selects list item. |
| List Item | Up Arrow | Moves focus to the previous visible list item. |
| List Item | Down Arrow | Moves focus to the next visible list item. |
| List Item | Right Arrow (Left Arrow in RTL) | For the horizontal navigation list, the focus is moved to the next visible item. |
| List Item | Left Arrow (Right Arrow in right to left (RTL) | For the horizontal navigation list, the focus is moved to the previous visible item. |
| List Item | Home | Moves focus to the first visible list item. |
| List Item | End | Moves focus to the last visible list item. |
| List Item | F2 | If the focus is on a list item, pressing F2 makes its contents accessible using TAB. |
| List Item | Esc | When F2 mode is enabled, press Esc to exit F2 mode. |
| List Item | Shift+Tab | Move focus to the hierarchical menu button. Only applicable for sliding navigation list and when the hierarchical menu button is enabled. |
| Group Item | Right Arrow (Left Arrow in RTL) | If the focus is on the collapsed node, expand the sublist. |
| Group Item | Left Arrow (Right Arrow in RTL) | If the focus is on the expanded node, collapses the sublist. |
| List Item in the sublist | Esc | Applicable only for sliding navigation list. If focus is in a sublist, closes the sublist and moves focus to the parent list item. |
| Hierarchical Menu button | Enter |
Note: This target is visible only for the Sliding Navigation List. |
| Hierarchical Menu button | Tab | Moves focus to the current list item.
Note: This target is visible only for the Sliding Navigation List. |
| Hierarchical Menu button | Shift + Tab | Moves focus to the Previous Icon. Note: This target is visible only for the Sliding Navigation List. |
| Overflow Menu button | Enter or Space |
Note: This is applicable only for the Horizontal Navigation List when overflow is set to pop-up. |
| Previous Icon or List Header | Enter |
Collapses the sub-list and slides to the parent list. Note: This target is visible only for the Sliding Navigation List. |
| Previous Icon or List Header | Tab |
Moves focus to Hierarchical Menu button. Note: This target is visible only for the Sliding Navigation List. |