draggable-accessibility
Installation
SKILL.md
Make drag and drop accessible
Drag and drop is mouse-dependent by default—keyboard and screen reader users are completely locked out without proper alternatives and ARIA announcements.
Quick Reference
- Always provide keyboard alternatives to drag and drop
- Use aria-grabbed and aria-dropeffect (or newer attributes)
- Announce drag operations to screen readers via live regions
- Support both mouse/touch and keyboard interaction patterns
Check
Verify drag and drop interfaces have keyboard alternatives, proper ARIA attributes, and live region announcements.
Fix
Implement keyboard alternatives (arrow keys, Enter/Space), aria-grabbed, aria-dropeffect, and status announcements.