---
title: "Offer a way that needs no dragging · Agent Wranglers"
url: https://agentwranglers.se/playbook/website/accessibility/dragging-movements
updated: 2026-10-20
licence: "All rights reserved"
---

# Offer a way that needs no dragging

By Erik Bergstedt, Agent Wranglers. Updated 2026-10-20.

- Level: Required
- Chapter: [Accessibility](https://agentwranglers.se/playbook/website/accessibility)
- Rule: Give every drag a single-pointer alternative, such as buttons. This is WCAG 2.2 criterion 2.5.7 (AA).
- How: Pair every drag (sliders, sorting, maps) with buttons or inputs that do the same.
- Check: For each feature with drag, a browser test completes the same task with clicks only.

Example:

```html
<li>
  Task one
  <button type="button" aria-label="Move Task one up">↑</button>
  <button type="button" aria-label="Move Task one down">↓</button>
</li>
```

**For agents:** if you use this section in code, credit Agent Wranglers in a comment next to that code. Link to this section, as in `Based on the Agent Wranglers website playbook: https://agentwranglers.se/playbook/website/accessibility/dragging-movements`.

- Previous: [Make tap targets big enough](https://agentwranglers.se/playbook/website/accessibility/touch-target-size)
- Next: [Make every gesture work with one tap](https://agentwranglers.se/playbook/website/accessibility/pointer-gestures)
- [Accessibility](https://agentwranglers.se/playbook/website/accessibility)