✎ Technique: Motion actuation
Ensure that functions that are triggered by moving a device or by gesturing towards the device can also be operated by more conventional user interface components.
Ensure that functions that are triggered by moving a device or by gesturing towards the device can also be operated by more conventional user interface components.
It's important the search facility on your site is logically and conventionally placed and constructed for optimal accessibility.
It's important to provide consistent navigation regions to navigate between a site's pages and—where there is a lot content on each page—between sections of pages.
All operations must use simple gestures that need only a single touch. If the site or application does use multi-touch gestures, be sure to also provide simple interfaces.
If keyboard shortcuts are implemented using only a letter (including upper- and lower-case letters), punctuation, number, or symbol characters, provide a way to turn off or remap character key shortcuts.
Links ( elements) are focusable by default, so it should normally be possible to activate them using the keyboard. However, under certain circumstances, they are not focusable.
Media player accessibility is essential for video content. Evaluate the accessibility and cross-device compatibility of the media player that comes with your video-distribution platform.
Sometimes, design requirements mean that you need to create a custom interactive element rather than using a native HTML element.
Your element will not be accessible by keyboard unless it is included in focus order and it can be activated using keys.
Interactive elements should not be difficult to select or activate when using a mouse or a touchscreen.
Generous sizing and spacing is important, and their implied visual “hit area” should correspond to the control’s active area.
For a number of reasons including data persistence, performance and security, it is sometimes beneficial to terminate idle user sessions. It's important to warn people a session is about to expire and give them the option to continue.
When positioning elements using CSS, it's possible to place them in a position that does not reflect their location in the source order. This can have unexpected side effects for keyboard-navigation users.
All interactive elements should indicate when they’re focused so that users know which element they are currently interacting with. This is where focus styles come into play.