Operable

2.1 Keyboard accessible Opens in new window

Not everybody is able to use a mouse. Many people rely on keyboard navigation to access online content. These criteria ensure that your content is accessible for people who use the keyboard, but this often also translates into voice-recognition software users.

2.1.1 Keyboard

Learn how to navigate with a keyboard instead of a mouse.

2.1.2 No keyboard trap

Keyboard traps make your webpage unusable for people who navigate by keyboard. Find out what they are and how to test for them.

No keyboard trap

2.1.4 Character key shortcuts

2.2 Enough time Opens in new window

2.2.1 Timing adjustable

2.2.2 Pause, stop, hide

2.3 Seizures and physical reactions Opens in new window

2.3.1 Three flashes or below threshold

2.4 Navigable Opens in new window

2.4.1 Bypass blocks

If you use the tab key to navigate a webpage, it can take many keystrokes to get past all the menus and navigation items and into the main part of the page. A bypass block allows the user to skip past repeated items on a page and dive straight into the main content. Find out how to create a bypass block.

2.4.2 Page titled

Page titles are important in any context. Can you imagine a book with no title? Find out how to add a page title to your webpage.

2.4.3 Focus order

Navigating by keyboard really relies on the focus order being logical. Find out how to test and what to be careful about.

2.4.4. Link purpose (in context)

Hyperlinks are used in many different contexts. Learn how to make your hyperlinks accessible for people using assistive software.

2.4.5 Multiple ways

2.4.6 Headings and labels

2.4.7 Focus visible

2.5 Input modalities Opens in new window

2.5.1 Pointer gestures

2.5.2 Pointer cancellation

2.5.3 Label in name

2.5.4 Motion actuation


Clicky