Making accessibility standards easy to understand, one success criterion at a time.

theme: Keyboard

Navigation and operation using only a keyboard.

WCAG 2.0, 2.1, 2.2 Level AA

2.4.7 Focus Visible

There’s visible keyboard focus styling to indicate which element you’re currently focused on.

Keyboard, Sensory
Cognitive, Physical/Motor, Visual
Code, Design
WCAG 2.1, 2.2 Level AAA

2.5.6 Concurrent Input Mechanisms

The user can happily switch between using a mouse, touchscreen, keyboard, or any other input device.

Gestures, Keyboard
Cognitive, Physical/Motor
Code
WCAG 2.0, 2.1, 2.2 Level A

3.2.1 On Focus

Nothing unexpected changes when something on the page receives keyboard focus, like a <button>

Keyboard
Cognitive
Code, Design
WCAG 2.0, 2.1, 2.2 Level A

3.2.2 On Input

Nothing unexpected happens when a form field value is selected, like picking an option from a dropdown menu.

Code and Labels, Forms, Keyboard
Cognitive
Code
WCAG 2.0, 2.1, 2.2 Level AAA

3.2.5 Change on Request

Nothing in the user interfaces changes without the user expressly requesting it using a

Forms, Keyboard
Cognitive, Visual
Code, Design
WCAG 2.0, 2.1, 2.2 Level A

4.1.2 Name, Role, Value

The semantic meaning of every interactive element (form controls, links, headings, landmarks, tables, and so on) is correct, and each has an accessible name.

Code and Labels, Forms, Keyboard
Cognitive, Physical/Motor, Visual
Code