Level AAOperableNew in 2.2
2.5.7

Dragging Movements

Anything you do by dragging must also work with a simple tap or click, because not everyone can drag.

In plain English

Some controls only work if you click and drag: a price slider you drag left and right, a “slide to confirm” button, a drag-to-reorder wishlist. Dragging takes steady, precise motor control, which a lot of people simply do not have. This rule, new in WCAG 2.2, says: if something can be done by dragging, it must also be doable with a plain tap or click.

You do not have to remove the drag, you just have to add an easier alternative next to it.

Who this is for

  • People with tremors or limited hand mobility, for whom a controlled drag is difficult or impossible.
  • People using a head pointer, switch, or other assistive device, where dragging is impractical.
  • Anyone on a touchscreen fighting an imprecise drag.

How to check and fix it yourself

Look for anything you operate by dragging, then ask: can I also do it with a single tap or click? If not, add one.

Price filter slider  → also provide "min" and "max" number inputs.   ✓
Image before/after   → also add a tap zone or a toggle button.       ✓
Drag-to-reorder list → also add up/down arrow buttons.               ✓

Where we can help

Drag-only widgets are easy to overlook because they feel natural with a mouse. In an audit we test your sliders, carousels, and reorder controls with keyboard and touch, and tell you exactly which need a tap alternative. It is one of the new WCAG 2.2 checks and appears on the common failures list.

How to meet it

Techniques the W3C accepts as sufficient (summarized). Follow a link for the full method.

Common mistakes

Patterns the W3C lists as failures of this criterion. Avoid these.

Frequently asked questions

What does dragging movements require?+

Success Criterion 2.5.7 (Level AA, new in WCAG 2.2) says any functionality that uses a dragging motion must also be operable with a single pointer without dragging, such as a tap or click, unless dragging is essential to the task.

Why is drag-only a problem?+

Dragging needs precise, sustained motor control that many people don't have: those with tremors, limited hand mobility, or who use a head pointer, switch, or other assistive device. If the only way to do something is to drag, those users are locked out.

What are common drag-only features on stores?+

Image comparison sliders, 'slide to confirm' buttons, drag-to-reorder lists, range price filters with only a draggable handle, and some carousels. Each needs a non-drag alternative, like buttons, a tap-to-set option, or number inputs.

Reference

This is a plain-language explainer. The authoritative source is the W3C Web Content Accessibility Guidelines (WCAG) 2.2.

WCAG 2.2 © W3C. Excerpts are paraphrased; see the linked documents for the normative text.

Not sure if your store passes 2.5.7?

A human auditor checks this and every other criterion against your live store, and documents the result.

Book an audit