Your website must not trap keyboard users
Your users have varying degrees of motor skills and may use your website with only their keyboard.
You must make sure that keyboard-only users can’t get stuck anywhere on your site. All parts of your website should be reachable by keyboard alone (See Guideline 2.1.1). Your users must also be able to navigate away from all parts of your website. If your users can reach a feature (such as a subscribe form) by keyboard but can’t leave it by keyboard, they are keyboard trapped.
What to do
- Test your website to make sure you can navigate away from, as well as to, all parts of your website by keyboard only.
- Make sure all navigation is controllable by either the ‘Tab’ or arrow keys, which is a standard many people are familiar with.
- Unplug your mouse and make sure you can fully use your website with your keyboard.
- It’s tempting to use non-standard navigation with a text explanation of what to do, but this isn’t worth your time. Stick to the Tab and arrow keys and the majority of your customers will already know how to use your website.
- Be wary of third-party adverts and widgets, often these are not accessible.
Free Developer Resources
Join over 3,500 subscribers on my weekly web accessibility email and get free developer resources like WCAG 2.1 Checklists and special offers.
Over 600 developers like you have learned more about the Web Content Accessibility Guidelines with my guidebook.