- Success Criterion 2.5.7
- Conformance level AA
Diagram Editor Where Nodes Connect Only by Dragging
2.5.7 — Dragging Movements
Scenario
Setting
A food-delivery app's order-tracking screen
What’s wrong
Drag-to-connect diagram/node editors with no click-source-then-target alternative (where dragging isn't essential).
Example
Consider a food-delivery app's order-tracking screen: drag-to-connect diagram/node editors with no click-source-then-target alternative (where dragging isn't essential).
Why it matters
People with limited dexterity and switch, eye-gaze, or voice users who cannot drag. On a food-delivery app's order-tracking screen specifically, they get stuck and can't reach the control.
How to test
Try connecting nodes in a diagram/flow editor via click-source-then-click-target instead of dragging: if drag is the only method (and isn't essential to the function), it fails.
How to fix
A single-pointer, non-dragging alternative (buttons, menu option, tap) must exist for the drag operation.
Outcome
Fixed, a visitor to a food-delivery app's order-tracking screen can reach and operate the control without a mouse.
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)