3.2 All functionality must be accessible to keyboard users without traps

We expect all users to be able to use the functionality on our pages and apps. In order to do that we have to make sure that you can access and use all functionality with the keyboard. This also means that you have to be able to navigate away from everything using the keyboard.

WCAG 2.1.1: Keyboard Opens in a new window

WCAG 2.1.2: No Keyboard Trap Opens in a new window

Details

  • Keyboard focus goes to every interactive element.
  • All interactive elements can be operated using only the keyboard.
  • All functionality that occurs on hover also occurs on focus.
  • Focus can be moved away from every element using only the keyboard.

Tips

  • All links need an href value, even if it isn't leveraged.
  • Events that use onmouseover / onmouseout should be accompanied by onfocus / onblur.

Tools & Resources