Level A
Functionality that can be operated by device motion or user motion can also be operated by user interface components and responding to the motion can be disabled to prevent accidental actuation, except when:
- Supported Interface: The motion is used to operate functionality through an accessibility supported interface;
- Essential: The motion is essential for the function and doing so would invalidate the activity.>
Explanation
When custom actions are triggered by device motion (like shaking or tilting), it must be possible to trigger the action using an alternative like a button or link. It must also be possible to disable motion triggered actions, unless the action can be triggered in an accessible way, or the action is essential. This means that people who are unable to move their devices can still trigger the action.
Roles
- Design
- Development
- QA
Requirements
- An action is triggered by shaking or tilting a device, and the same action can also be triggered using a button or link within the interface; or
- Motion triggered actions can be disabled, and an alternative mechanism for triggering the actions is provided;
- The prefers-reduced-motion CSS property is used to detect user preferences for reduced motion, and these preferences are supported.
Common mistakes
- The deviceMotion event is used to trigger an action, and no alternative has been provided;
- The prefers-reduced-motion CSS property has not been used;
- There are motion triggered actions, but no alternative way to trigger the actions has been provided;
- It is not possible to disable motion triggered actions.