Marcelo Paiva

All criteriaPresent as slides

A person with a bob haircut holds a long handled square topped tool inside a triangular frame surrounded by swirls.Meant to show: A woman with cerebral palsy and short dark hair, a typing aid strapped to her hand

Success criterion 2.1.2

No Keyboard Trap

Keyboard focus should never get stuck on one element; it should always be possible to move it away using only the keyboard.

  • Level A
  • Principle 2: Operable
  • Guideline 2.1: Keyboard Accessible

In a user’s words

“It's like I was stuck in a digital maze, and you handed me the escape key!”

Who this helps: Motor Impairments

What each role can do

Product manager
Make sure keyboard users can navigate through all elements easily.
Designer
Indicate keyboard focus clearly and avoid elements that could trap keyboard navigation.
Developer
Make sure to provide ways to exit menus or modals via keyboard commands.
Tester
Run comprehensive tests to make sure there are no keyboard traps.

Once it is fixed

“Thank you for giving me back control of my keyboard. You're a real lifesaver!”

The quotes are written to illustrate the criterion. They are not testimonials from real people. For the official wording, find 2.1.2 in the W3C quick reference for WCAG 2.2 (opens in a new tab).

Or press the left arrow and the right arrow.