Dashboard Widgets Reorderable Only by Dragging

2.5.7 — Dragging Movements

Scenario

An insurance company's claims form

Reordering dashboard widgets, playlist items, priority ranks via drag with no alternative.

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

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

Try reordering dashboard widgets, playlist items, or priority ranks via a menu or buttons instead of dragging: if drag is the only method, it fails.

A single-pointer, non-dragging alternative (buttons, menu option, tap) must exist for the 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.

On an insurance company's claims form, this barrier is gone for people with limited dexterity and switch — they can finish what they came here to do.

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