- Success Criterion 2.5.7
- Conformance level AA
Kanban Board Reorderable Only by Drag and Drop
2.5.7 — Dragging Movements
Scenario
Setting
A ticket marketplace's seat-selection map
What’s wrong
Kanban boards / sortable lists movable only by drag (no "move to…" menu, no cut/paste, no arrows).
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 reordering a kanban board or sortable list via a 'move to.' menu, cut/paste, or arrow buttons instead of dragging: if none exist, it fails.
How to fix
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.
Outcome
On a ticket marketplace's seat-selection map, this barrier is gone for people with limited dexterity and switch — they reach the same outcome without extra effort.
Who is affected
People with limited dexterity and switch, eye-gaze, or voice users who cannot drag.
Learn more
- Understanding Understanding document (opens in a new tab)