The happy path
This happy path exercise is keyboard accessible. The examples are common but not an exhaustive representation of the controls and components a keyboard user may encounter.
Develop your skills by working through the content in the tabs below with the keyboard. It takes a skilled keyboard user around 40 key presses to work through every focusable item. To track the number of your key presses refer to the keypress counter in the sidebar on this page.
How to test using a keyboard
Read these tips before proceeding.
- Press Tab to move to the next link, form element or button.
- Press Shift+Tab to move to the previous link, form element, or button.
- Press Enter or the space bar to activate the current link or button and/or to make a selection.
- In some cases the arrow keys are used to navigate through controls within a component and/or make a selection.
- Try Esc or other keys if doing so would seem to make sense.
Based on tips from the #NoMouse Challenge
Try out some form elements
Keyboard through a modal
Press on the button below to rate this web page then close the modal.