Skip to main content

Keyboard navigation flow - example

Here is an example of requesting a headset using just the keyboard. For this, you need to:

  • navigate to top category IT Workplace Services / 2nd level category Hardware / 3rd level category Audio & Video

  • select and configure the offer

  • submit the request

Starting point: a freshly opened Shop (just opened or after clicking the USU logo in the toolbar)

  1. Press Tab until you move focus to the IT Workplace top category. (The page opens with focus on the USU logo, one Tab press moves focus to the help icon, second Tab press moves focus to User profile, subsequent Tab presses move focus within top categories.)

  2. Press Enter to expand the navigation menu to display IT Workplace Service 2nd and 3rd level categories.

  3. With the menu expanded, press Tab to move focus to the Hardware item.

  4. With focus on the Hardware item

    1. press Tab until focus lands on 3rd level category Audio & Video; or

    2. use Arrow keys to move focus directly to Audio & Video

  5. With focus on Audio & Video, press Enter to open the Audio & Video 3rd level category page.

  6. In the page, press Tab until focus lands on the name of the offer of your choice. Then press Enter to open the offer in the Offer detail page.

  7. In the Offer detail page, press Tab to move focus to individual offer parameters. Type the input in input parameters and select available values in selection parameters.

    1. Use Spacebar to display dropdown menus, use the up/down Arrow keys to move focus to menu items, press Enter to confirm menu item selection.

    2. If option groups are part of the configuration, use the Arrow keys to move focus between check boxes and radio buttons within individual option groups.

    3. If date fields are involved:

      1. Type the date in the required format; or

      2. Press Tab to move focus to the calendar icon at the right of the field, press Enter to open the calendar control, use the Arrow keys to select a date and press Enter to confirm the selection.

    4. If check boxes are involved, use Spacebar to toggle check box states.

  8. When the configuration is finished, use Tab to move focus the the Summary section. Specify Quantity (if available) and press Tab to move focus to either of the requesting buttons: Request directly or Add to cart.

  9. With focus on the action of your choice, press Enter.

    1. If your choice was Request directly, congratulations - you have just requested a headset using only the keyboard.

    2. If you chose Add to cart, continue shopping or proceed to the cart to finalize the request.

Note

Alternatively, you could use keyboard navigation in combination with the search functionality.

It may also be a good idea to start by a brief glance at the homepage Recommended sections. Navigation to an offer of your choice will be much faster if the relevant category or even the offer itself have been marked as recommended.

In this section: