Touch
Touch
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) |