Operable
Operable focuses on enabling a diverse range of interaction methods. One consideration is tab order
and keyboard shortcuts, accommodating users who might require or prefer interacting with page
content without the use of a mouse cursor. The idea of motion sensitivity and the importance of
reduced motion options is also introduced.
Keyboard Shortcuts
Keyboard shortcuts provide an essential alternative input method for users who use the keyboard
instead of the mouse cursor to interact with the page. Keyboard-based interaction is a common
preference for power users and a necessary alternative for users with reduced motor control.
Use the interactive panel below to enable common keyboard shortcuts. Then simulate keyboard button
presses to navigate the form. A common issue on some web pages is incorrectly configured keyboard
shortcuts, which you can simulate using the "Random Tab Order" toggle.
Reduced Animation
Animation can cause discomfort and negative reactions from motion-sensitive users; hence it is
important to provide reduced animation versions of pages for these users.
Use the interactive panel below to configure and determine comfortable animation duration for
standard users. Then simulate motion sensitivity and reduced motion for motion-sensitive users.