Make sure that users can use or switch to different input mechanisms while interacting with your content on the web.
Table of Contents
Official Requirements
Success Criterion 2.5.6 Concurrent Input Mechanisms (Level AAA): Web content does not restrict use of input modalities available on a platform except where the restriction is essential, required to ensure the security of the content, or required to respect user settings.
Why is it required?
Users with disabilities use Assistive Technologies to access the web, such as users with mobility impairment using a mouse and keyboard on their touchscreen mobile device. Therefore, allowing different modes of input to interact with your content will help disabled users to access your content as they desire.
How do we fix it?
- Ensure that users can switch between different input modes to interact with your content
- Use only high-level, input-agnostic event handlers in javascript such as focus, blur, and click
- Also, register event handlers for keyboard/keyboard-like and pointer inputs simultaneously in Javascript
Are there any exceptions?
When the restriction is essential to secure the content or is required to respect user settings
Mistakes to avoid
The Input mechanism is limited to touch-only on touchscreen devices