...
Help mobile keyboard users and mobile screen reader users know which element has the keyboard focus.
9. Navigation and consistency
Ensure that navigational mechanisms on a mobile screen, that are repeated on multiple web pages within a set of web pages, occur in the same relative order each time they are repeated.
Ensure that components viewed on a mobile device, that have the same functionality within a set of web pages, are identified consistently.
10. Links and grouping of operable elements that perform the same action
When multiple elements perform the same action or go to the same destination (e.g. link icon with link text), these should be contained within the same actionable element. This increases the touch target size for all users. It also reduces the number of redundant focus targets, which benefits people using screen readers and keyboard/switch control.
Help users understand the purpose of each link when viewed on a mobile device.
Help users understand the purpose of each link from the link text alone when viewed on a mobile device.
11. Labels and instructions
Ensure that labels or instructions are provided to mobile users and mobile screen reader users when content requires user input.
12. Operating touch screens
Provide users with the ability to operate touchscreens with one finger and reduced gestures.
WCAG Mobile Related Guidelines
...
Gesture | Action |
---|---|
Touch/single tap | Select and read the element |
Double-tap | Activate the selected element |
Swipe-right | Move to the next the element |
Swipe-left | Move to the previous the element |
Swipe up or down | On an adjustable element like a slider, this increments or decrements the value. In text view, this moves the insertion point backwards or forwards. |
Double press: with one finger, perform a double tap. During the second tap, continue to hold your finger against the screen. | Drag the selected item |
Two-finger tap | Pause/resume reading |
Two-finger swipe up | Read all accessible items from the top of the screen |
Two-finger swipe down | Read all accessible items from the current position |
Two-finger pinch open/closed | Select/deselect text |
Three-finger swipe up/down | Scroll screen up/down |
Three-finger swipe left/right | Navigate to the next/previous page |
Three-finger double tap (if zoom is enabled, this becomes a three-finger triple tap) | Toggle speech |
Three-finger triple tap (if zoom is enabled, this becomes a three-finger quadruple tap) | Toggle screen curtain |
Four-finger tap at the top or bottom of the screen | Select the first or last accessible element on the screen |
...