Touch

Touch

Accessibility Techniques for Touch/Click Targets and Controls
Topic Technique WCAG AA Requirement
Touch Target Size Touch Target Size: The click/touch target size SHOULD be at least 44x44 CSS pixels, unless at least one of the following is true:
There is an equivalent control on the same page that is at least 44x44 CSS pixels, OR
The the target is inline (in a sentence or block of text), OR
The user agent controls the target size, OR
The smaller size of the target is essential to the information being conveyed.
Best Practice
Touch Functionality Touch Functionality: Functionality MUST be available using standard touch actions, unless the functionality cannot be accomplished in any known way using a touch device. Required
WCAG 2.5.1 (WCAG 2.1)
Touch Functionality with Screen Reader: Functionality MUST be available using screen reader touch methods (e.g. click actions), unless the functionality cannot be accomplished in any known way using a touch device. Required
WCAG 2.5.1 (WCAG 2.1)
Single pointer: Functionality MUST work with a single pointer (e.g. a single finger), unless multipoint activation is essential. Required
WCAG 2.5.1 (WCAG 2.1)
No gestures: No path-based gestures required: Functionality MUST work with a touch event, without requiring a path-based gesture (e.g. a swipe motion), unless a path-based gesture is essential. Required
WCAG 2.5.1 (WCAG 2.1)
Touch cancellation: Touch events MUST NOT be activated on a down event (use up events instead), to allow users to cancel, abort, or undo touch events, unless the down event is essential. Required
WCAG 2.5.2 (WCAG 2.1)
Motion Actuation Redundant interface controls for motion actuation: All motion actuation features MUST also be available through standard user interface controls, unless the motion actuation is essential. Required
WCAG 2.5.4 (WCAG 2.1)
Focus Trap Focus Trap: Touch/gesture focus MUST NOT be locked or trapped in a particular page element and the user MUST be able to navigate to and from all navigable page elements using standard touch actions. Required
WCAG 2.1.2 (WCAG 2.1)