Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Please see more detailed information on how to comply with this guideline.

Don’t Rely on Dragging for User Interactions

Don’t rely on dragging for user actions.

Some people cannot use a mouse to drag items.

For any action that involves dragging, provide a simple pointer alternative.

Ensure that functionality that uses a dragging movement has another single pointer mode of operation without the need for the dexterity required to drag elements.

Some people cannot perform dragging movements in a precise manner. Others use a specialized or adapted input device, such as a trackball, head pointer, eye-gaze system, or speech-controlled mouse emulator, which may make dragging cumbersome and error-prone.

When an interface implements functionality that uses dragging movements, users perform four discrete actions:

  1. tap or click to establish a starting point, then

  2. press and hold that contact while...

  3. performing a repositioning of the pointer, before...

  4. releasing the pointer at the end point.

Not all users can accurately press and hold that contact while also repositioning the pointer. An alternative method must be provided so that users with mobility impairments who use a pointer (mouse, pen, or touch contact) can use the functionality.

This requirement is separate from keyboard accessibility because people using a touch screen device may not use a physical keyboard. Keyboard specific interactions such as tabbing or arrow keys may not be possible when encountering a drag and drop control.

However, that providing a text input can be an acceptable single-pointer alternative to dragging. For example, an input beside a slider could allow any user to enter a precise value for the slider. In such a situation, the on-screen keyboard that appears for touch users offers a single-pointer means of entering an alphanumeric value.

Please see more detailed information on how to comply with this guideline.

WCAG Related References

2.5.1 Pointer Gestures (Level A)

...

2.5.4 Motion Actuation (Level A)

2.5.7 Dragging Movements (Level AA)