accessibility-guidelines

This document is in beta. Help us by reporting issues via Github or email.

Back to the overview page

Touch and click cancellation

Interactive elements must not activate as soon as the user’s finger is down.


On this page:


Requirements

Why?

If an interactive control fires as soon as it is touched, it causes difficulties for people with visual disabilities, cognitive disabilities, motor impairments, and many others.

It is better when there is a way to ‘undo’ or change your mind (for example, by dragging your mouse or finger away after having clicked or touched a control). This avoids accidentally triggering things on a page.

Official wording in the Web Content Accessibility Guidelines

2.5.2 Pointer Cancellation: For functionality that can be operated using a single pointer, at least one of the following is true: (Level A)

See the W3C’s detailed explanation of this guideline with techniques and examples.


Guidance for Design


Guidance for Web

Use click or mouse-up events, not mouse-down events

Using click events will only trigger the event on release.

More guidance for Web


More info

Sources

Contribute

This document is in beta. Help us by reporting issues via Github or email.