Why it matters
Users with motor impairments, those using head pointers or mouth sticks, and users of assistive technology may not be able to perform complex gestures like pinch-to-zoom or swipe paths.
Common violations
- Maps that only support pinch-to-zoom with no zoom buttons
- Carousels that only advance by swiping
- Drawing interfaces with no alternative input method
- Multi-finger gestures required to access content
Code examples
Bad
<div class="carousel" ontouchstart="handleSwipe(event)">
<!-- No buttons to navigate slides -->
</div>Good
<div class="carousel">
<button aria-label="Previous slide" onclick="prevSlide()">ā</button>
<div class="slides">...</div>
<button aria-label="Next slide" onclick="nextSlide()">ā</button>
</div>How to fix
Provide single-tap or click alternatives for all multipoint gestures. Add buttons for zoom, navigation, and rotation. Ensure all gesture-driven actions have button equivalents.
Related criteria
Related resources
Scan your site