• 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