Rule: Pointer Cancellation

Rule ID Pointer 2
Conformance Required
Definition For functionality that can be operated using a single pointer, at least one of the following is true: "No Down-Event", "abort or undo", "up Reversal" techniques, unless completing the function is essential.
Purpose
  • Pointer events that can be cancelled 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.
  • Makes it easier for all users to recover from hitting the wrong target.
  • Helps people with visual disabilities, cognitive limitations, and motor impairments by reducing the chance that a control will be accidentally activated or an action will occur unexpectedly, and also ensures that where complex controls are activated, a means of Undoing or Aborting the action is available.
  • Individuals who are unable to detect changes of context are less likely to become disoriented while navigating a site.
Conformance Required
WCAG Success Criteria

Success Criterion 2.5.2 Pointer Cancellation

Rule Category ARIA Widgets
Rule Scope Page
Techniques
  • 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.
  • Example: For interface elements that have a single tap or long press as input, the corresponding event is triggered when the finger is lifted inside that element.
  • Example: 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.
Information Links