Success Criterion 2.5.7
Conformance level AA
W3C reference F108

Feature Operable Only by Dragging, With No Alternative

2.5.7 — Dragging Movements

Scenario

Setting

A hospital's patient portal appointment scheduler

What’s wrong

Something must be dragged to operate it and there is no click/tap alternative (no 'move to' menu, no buttons).

Example

<div draggable="true" class="reorder-handle"></div> <!-- drag-only reordering -->

Why it matters

People with limited dexterity and switch, eye-gaze, or voice users who cannot drag.

How to test

Try to complete the drag operation using only clicks/taps (arrows, a 'move to' menu, or a picker) instead of dragging: if nothing else works, it fails.

How to fix

Provide a click/tap alternative (move-to menu, arrows, pickers) for every drag operation.

<div draggable="true" class="reorder-handle"></div>

<button aria-label="Move item up">↑</button>

<button aria-label="Move item down">↓</button>

Any drag-to-reorder or drag-to-move interaction needs a single-pointer alternative like up/down buttons.

Outcome

On a hospital's patient portal appointment scheduler, this barrier is gone for people with limited dexterity and switch — they can finish what they came here to do.

Who is affected