C3.18.4Non-drag reorder alternativedesignresearch

Reordering must offer a non-drag alternative

Aliases: move up down · dragging alternative · reorder without drag

What it is

Long-press drag may be a fast way to reorder; it must not be the only way. There has to be a path that does not require holding and moving: move up/down, jump to an index, stepper controls in an edit mode, or a screen-reader “move” action. Drag is hostile to motor control, precise drops, and assistive tech that cannot see a gap. The alternative is about reachability and accuracy, not a reskin of the same gesture.

Why it happens

Drag-to-reorder binds selection, transport, and hit-testing onto one unbroken trajectory; the finger cannot let go. Tremor, motor impairment, one-handed use of a large phone, and switch control all break that trajectory. Assistive technologies expose a tree of activatable controls, not a geometric drag layer, so “lift and insert” has no semantic counterpart. WCAG 2.2 Dragging Movements states the structural demand: anything doable by dragging must also be doable by single-pointer activation.

Studying it

Compare drag against button or menu paths on time, errors, and abandonment, with motor-impaired and screen-reader users in the sample—not only people who can long-press cleanly. Include both adjacent swaps and long-distance moves. Besides speed, record whether a helper is needed and whether voice control can finish the task alone. A prompt that says “please drag” hides the need for the other path.

Where it stops holding

Tiny, reversible, three-card shuffles can still lead with drag, but a saved order still needs the other path. Free placement on a canvas is not a list-index problem. An alternative buried under extra menus, and lacking the same undo as drag, does not count. This path also does not teach people that long-press drag exists.

Applying it

  • Give each item explicit move-up/move-down or “move to position” controls; an edit mode can gather them.
  • Let a screen reader announce the current index and perform the move; do not ship an unlabeled drag handle as the only control.
  • Verify that the saved order can be changed with drag disabled (keyboard or switch); walk the same task with at least one person who cannot long-press.

Related

  • Same group: C3.18.1 Pickup requires a clear change of state · C3.18.2 Sibling items yield to show the drop slot · C3.18.3 Long-list reorder needs autoscroll and collapse
  • Adjacent: C3.24 Accessible alternatives to gestures · C3.20 Gesture discoverability
  • Search: dragging movements · reorder alternative · move up down

Cards in the same group

Quick Actions

Share

Share this page

ios_share

https://hci.top/en/handbook/C3.18.4