WCAG (Level A) SC 2.5.1 Pointer Gestures (w3.org)
Issue description
WCAG 2.5.1, “Pointer Gestures” addresses the accessibility of content that relies on complex pointer gestures, such as path-based gestures (like drawing a specific shape) or multipoint gestures (like pinching to zoom). It’s important because these gestures can be challenging or impossible for some users to perform.
Many websites and applications use complex pointer gestures for interactions, such as:
- Path-based gestures: Drawing a specific shape to unlock a device or activate a feature.
- Multi-point gestures: Using two or more fingers to zoom, rotate, or scroll.
- Long presses: Pressing and holding an element for a specific duration to trigger an action.
These gestures can be difficult for people with:
- Motor impairments: Users with tremors, limited dexterity, or other motor impairments may find it difficult or impossible to perform precise gestures.
- Cognitive disabilities: Users with cognitive disabilities may have difficulty understanding or remembering complex gesture sequences.
- Users of assistive technologies: Some assistive technologies may not be able to interpret or perform complex gestures.
WCAG requirements
This guideline requires that all functionality that can be operated with a single pointer (e.g., a mouse click) can also be operated with:
- Simple pointer gestures: Single pointer gestures, such as a single tap or click.
- Motion actuation: Device motion or user movement (e.g., shaking the device).
- Keyboard operation: Keyboard keys or keyboard shortcuts.
Exceptions
- Path-based gestures: Path-based gestures are exempt if they are essential (e.g., for signature input) and no other input method can serve the same purpose.
Essentially, this guideline ensures that users have alternative ways to interact with content that doesn’t rely on complex pointer gestures. This promotes inclusivity and makes functionality accessible to a wider range of users, regardless of their physical abilities or input device preferences.
Related requirements
The following WCAG source criteria are often related to this as well. They can provide additional insights into specific challenges you may be encountering.
Who this issue impacts
Follow the links for additional information on user impairments:
Suggestions for remediation
Remediating WCAG 2.5.1, “Pointer Gestures” involves providing alternative ways to perform actions that normally require complex pointer gestures, such as path-based gestures or multi-point gestures. Here’s how:
Provide alternative input methods
- Single pointer actions: Ensure that any functionality that can be operated with a complex gesture can also be operated with a single pointer action, such as a click or tap.
- Keyboard support: Provide keyboard shortcuts or alternative keyboard interactions that replicate the functionality of the complex gesture.
- Motion actuation: If appropriate, allow users to use device motion or user movement (e.g., shaking the device) to trigger the action.
Avoid complex gestures when possible
- Simplify interactions: If a complex gesture is not essential, consider simplifying the interaction to use a single pointer action or keyboard command.
- Alternative controls: Provide alternative controls, such as buttons or menus, that offer the same functionality as the complex gesture.
Provide clear instructions
- Alternative methods: If a complex gesture is unavoidable, provide clear instructions on how to perform the gesture and explain the alternative input methods available.
- Visual cues: Use visual cues to guide users through the gesture, such as arrows or animations.
Testing
- Test alternative methods: Thoroughly test all alternative input methods to ensure they are functional and easy to use.
- Assistive technology testing: Test with assistive technologies to ensure that users can access and operate all functionality without needing to perform complex gestures.
- User testing: Conduct user testing with people with motor impairments to get feedback on the usability of the alternative input methods.
Examples
- Pinch-to-zoom: Provide alternative controls for zooming, such as buttons or a slider.
- Path-based gesture for unlocking: Offer an alternative unlock method, such as a PIN code or password.
- Drag-and-drop: Provide keyboard controls to move items between lists or areas instead of relying on drag-and-drop.
By implementing these techniques, you can make your website or application more accessible to users with motor impairments or those who cannot perform complex pointer gestures. This ensures that everyone can access and interact with your content effectively.
