Touchscreen Gestures

  • Keep gestures as simple as possible.

    • Complex gestures will be difficult for users with mobility or dexterity issues.

  • Activate elements via a mouseup or touchend event.

    • This helps prevent unintentional actions during touch and mouse interaction. (If user presses down and realized they made a mistake, they can move the position outside the touch to “cancel” the touchend event.)

  • Provide error-proofing mechanisms in place, too, such as a prompt to verify if a user intends to undo an action.

    • This doesn’t apply to ‘save’ or ‘favorites’ functionality as much as it would to any element of financial or personal value. (Like removing self from a waitlist)

Example of Error-proofing mechanism on the Kayak Mobile App.

Generally, avoid unique device gestures if possible. If this must be used, consult Section 3.4 of Mobile Accessibility: How WCAG 2.0 and Other W3C/WAI Guidelines Apply to Mobile