Your website is accessible by keyboard only, without exception
Your users have varying degrees of motor skills and may use your website with only their keyboard. Users with motor impairment, including many elderly users, need help to navigate your website.
All parts of your website must be accessible by keyboard only. That means, without a mouse or pointing device, your forms, menus, shopping cart and everything between. On top of that, you cannot require specific timings for keystrokes to access any feature.
What to do
A clean HTML and CSS website will often have keyboard accessibility without further work. This is a great example of why you need to invest in web design and development from the outset.
- Unlike the lower-level Guideline 2.1.1, there are no exceptions here. All aspects of your website must be accessible by keyboard. It’s up to you to decide if Level AAA conformance is worth you removing any mouse-only features.
- Unplug your mouse and make sure you can fully use your website with your keyboard.
- Make sure no function on your website requires timed keystrokes (for example, ‘ double tap on enter within two seconds’ to submit).
- Don’t use ‘access keys’ (assigning a navigation link to a particular key) or page-specific key commands as they can conflict with assistive technology.
- Be wary of third-party adverts and widgets, often these are not accessible.
- Guideline 2.1.1 – Keyboard
- Guideline 2.1.2 – No Keyboard Trap
- Understanding Success Criterion 2.1.3 (W3C)
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.