2.5.2 - Pointer cancellation
Intent
The intent of this success criterion is to make it easier for users to prevent accidental or erroneous pointer input. People with various disabilities can inadvertently initiate touch or mouse events with unwanted results.
WCAG 2.1 Level AA
Benefits for users with:
- low vision
- cognitive limitations
- motor impairments
- all users who accidentally hit the wrong target
Ways to meet the criterion
For functionality that can be operated using a single pointer, at least one of the following is true:
- No down-event - the down-event of the pointer is not used to execute any part of the function
- Abort or undo - completion of the function is on the up-event, and a mechanism is available to abort the function before completion or to undo the function after completion
- Up reversal - the up-event reverses any outcome of the preceding down-event;
- Essential - completing the function on the down-event is essential
Functions that emulate a keyboard or numeric keypad key press are considered essential. This requirement applies to web content that interprets pointer actions and does not apply to actions that are required to operate the user agent or assistive technology.
Drag and drop function
A drag-and-drop interface allows users to sort vertically stacked cards by picking up one card with the pointer (down-event), move it to a new position, and insert it at the new location when the pointer is released (up-event). Releasing the pointer outside the drop target area reverts the action, i.e., it moves the card back to the old position before the interaction started.
Testing principles
Open the content on a device with pointer inputs (mouse, touchscreen, stylus) and for all available controls (buttons, links, complex widgets):
- trigger down-events (i.e. by pressing but not releasing the mouse button, or placing a finger or stylus on the touchscreen) and check if functionality is executed prior to the up-event (i.e. releasing the mouse button or lifting the finger/stylus)
- if functionality was executed on the down-event, check if triggering the up-event (releasing the pressed mouse button, or lifing the finger or stylus from the touchscreen) reverses the outcome
- evaluate if it could be deemed essential for the controls to execute and complete functionality on the down-event
If #1 is true, and #2 and #3 are false then the content fails the success criterion.
Success and failure examples
Success
Call to action activationTap/click and release activates the action.
Failure
Call to action activationTap/click activates the action.
Success
Cancelling activationTap/click and hold and slide to the outside of the call to action area cancels the action.
Failure
Cancelling activationTap/click activates the action so users cannot cancel the action.