Picture this: You’re trying to reorder items in a list. The interface wants you to click, hold, drag the item to a new position, and release. Seems intuitive, right? Now imagine you have a tremor in your hand, or you’re using a trackpad with limited precision, or you’re navigating with a single switch device. Suddenly, that “simple” drag-and-drop becomes an exercise in frustration.
This is exactly what WCAG 2.5.7: Dragging Movements is trying to fix.
Dragging Isn’t Universal
The rule says:
Any functionality that requires dragging movements (click-and-hold, drag-to-reorder, swipe-to-delete, etc.) must also be operable with a single pointer action without dragging.
In plain English: If you can do it by dragging, you should also be able to do it by clicking, tapping, or using buttons.
Precision Isn’t Everyone’s Friend
Dragging movements assume a level of motor control that not everyone has:
- Fine Motor Impairments: Users with conditions like Parkinson’s, cerebral palsy, or arthritis may struggle with the sustained pressure and precise movement dragging requires.
- Assistive Technology Users: Switch devices, eye-tracking systems, and head pointers often can’t perform traditional drag operations.
- Temporary Disabilities: A broken wrist or sprained finger can turn a simple drag into an impossible task.
The goal of 2.5.7 isn’t to eliminate drag-and-drop. We’re trying to ensure that everyone has a way to accomplish the task, regardless of their physical abilities.
Focus on User Needs
When you design a feature that only works with dragging, you’re implicitly saying: “If you can’t drag, you can’t use this.” That’s not a UX decision. It’s a decision to exclude users.
Ask yourself: If I were navigating this site with a single switch, would I be able to reorder this list? If the answer is “no,” you aren’t just failing a criterion; you’re failing the person who needs the feature the most.
Common Pitfalls (And How to Fix Them)
I’ve seen this fail in a few classic ways during audits:
- The Drag-n-Drop List:
- This is always caused by lack of a keyboard handle. Check out my article on 2.5.1 Pointer Gestures for more details.
- The Swipe-to-Delete:
- Offer up a checkbox and delete button.
- The Canvas Drawing Tool:
- This is difficult and relies on implementing a grid system for navigation. I detail this more in 2.5.1 Pointer Gestures.
Conclusion
2.5.7 is a reminder that convenience shouldn’t come at the cost of access. Drag-and-drop can be a great feature, but it should never be the only way to accomplish a task.
Comments closed