Keyboard navigation

There are many different ways to use the web besides a mouse and a pair of eyes. Users navigate for example with a keyboard only or with their voice.

All the functionality, including menus, links and forms should work using a keyboard only. This is essential for all assistive technology to work properly. The only way to test this, at the moment, is manually. The best time to test this is during development.

How to keyboard test:

Tab through your pages, links and forms to do the following tests:

  • Confirm that all links can be reached and activated via keyboard, including any in dropdown submenus.
  • Confirm that all links get a visible focus indicator (e.g., a border highlight).
  • Confirm that all visually hidden links (e.g. skip links) become visible when in focus.
  • Confirm that all form input fields and buttons can be accessed and used via keyboard.
  • Confirm that all interactions, buttons, and other controls can be triggered via keyboard — any action you can complete with a mouse must also be performable via keyboard.
  • Confirm that focus doesn’t move in unexpected ways around the page.
  • Confirm that using shift+tab to move backwards works as well.

Resources

About the Author

review Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Bibendum at varius vel pharetra. Vulputate eu scelerisque felis imperdiet proin fermentum leo. Eget est lorem ipsum dolor sit amet. Velit sed ullamcorper morbi tincidunt ornare massa eget egestas purus. Elit ut aliquam purus sit amet luctus venenatis lectus magna. Et malesuada fames ac turpis. Risus sed vulputate odio ut enim. Mollis aliquam ut porttitor leo. Venenatis tellus in metus vulputate eu scelerisque felis imperdiet. Aliquet bibendum enim facilisis gravida neque convallis a cras semper. Mauris rhoncus aenean vel elit scelerisque mauris pellentesque pulvinar pellentesque. Cursus euismod quis viverra nibh cras pulvinar mattis nunc sed. Tortor id aliquet lectus proin nibh. Et ligula ullamcorper malesuada proin libero.