All Components
Theme

Themes

    Menu / Keyboard navigation

    Vertical menu

    • First Item
      • Sub Item 1
      • Sub Item 2
        • Sub sub item 1
        • Sub sub item 2
        • Sub sub item 3
        • Sub sub item 4
      • Sub Item 3
      • Sub Item 4
    • Second Item
      • Sub Item 1
      • Sub Item 2
      • Sub Item 3
      • Sub Item 4
    • Third Item
      • Sub Item 1
      • Sub Item 2
      • Sub Item 3
      • Sub Item 4

    Horizontal menu

    • First Item
      • Sub Item 1
      • Sub Item 2
        • Sub sub item 1
        • Sub sub item 2
        • Sub sub item 3
        • Sub sub item 4
      • Sub Item 3
      • Sub Item 4
    • Second Item
      • Sub Item 1
      • Sub Item 2
      • Sub Item 3
      • Sub Item 4
    • Third Item
      • Sub Item 1
      • Sub Item 2
      • Sub Item 3
      • Sub Item 4

    Focus

    • Alt + W focuses vertical menu (clicking on it or tabbing also work)
    • Alt + Q focuses the horizontal menu (clicking on it or tabbing also work)

    Supported keys and user actions

    • Right Goes to the next item or opens an item group
    • Left Goes to the previous item or closes an item group
    • Down Opens an item group or goes to the next item in a group
    • Up Goes to the previous item in a group
    • Enter Select or navigate item (same as click)
    • Esc closes the innermost open group
    • Tab tabs away from the Menu on the next focusable page element
    • Shift + Tab tabs away from the Menu on the previous focusable page element

    HTML5/JavaScript source

    Also available for:

    API Reference
    • keyboard-navigation.html
    • Widget configuration

    Support & learning resources

    Menu for other technologies