2.1.1 Keyboard Level A

All functionality of the content is operable through a keyboard interface without requiring specific timings for individual keystrokes, except where the underlying function requires input that depends on the path of the user’s movement and not just the endpoints.

This exception relates to the underlying function, not the input technique. For example, if using handwriting to enter text, the input technique (handwriting) requires path-dependent input but the underlying function (text input) does not.

This does not forbid and should not discourage providing mouse input or other input methods in addition to keyboard operation.

[View on W3C.org]

Testing & Remediation

How to test: In order to test for this Success Criterion, you will need to keyboard navigate your website & confirm that everything that can be done with a mouse can be done with the keyboard alone.
  • Navigate and operate every interactive elements (buttons, links, navigation, widgets, etc)
  • Any place where a mouse can be used to select elements, ensure the same items can be selected while using only a keyboard
  • Use the keyboard to switch between tabs and then continue to navigate within the selected tab
  • If an object can be manipulated using the mouse (eg. resizing), ensure that it can also be manipulated using the keyboard
  • Using only the keyboard, verify that you can open, interact with and close modal dialog boxes and overlays
  • Confirm that there are no specific, timed sequences of keystrokes for any functionalities
How to remediate: There are a number of techniques that can be used to meet the requirements of this Success Criterion. Using HTML form controls and keyboard-triggered event handlers are a couple of the options. Please see the W3C link above for details on these techniques.

Questions and Answers

How do I navigate a website with my keyboard?

I've been reading about how I need to make sure my site can be navigated with a keyboard. Honestly, I'm not even sure where to start because I don't know what button I would hit on my keyboard. How do I navigate a website with...

What are the best accessible wordpress sliders?

I see a lot of WordPress websites (and websites in generally really) using sliders for images and information. I can see how it would be really easy to make an accessible slider. Are there any 'out of the box' accessible WordPress sliders?