Accessibility ♿️
June 5, 2019 · View on GitHub
Traditionally drag and drop interactions have been exclusively a mouse or touch interaction. This library has invested a huge amount of effort to ensure that everybody has access to drag and drop interactions
What we do to include everyone
- Full keyboard support (reordering, combining, moving between lists)
- Keyboard multi drag support
- Keyboard auto scrolling
- Fantastic screen reader support - We ship with english messaging out of the box 📦
- Correct use of
aria-*attributes for lift announcements - Ensure a dragging item maintains focus if started dragging with focus - more info
- Ensure a dragging item maintains focus when dropping into a new list to allow drags to be chained together - more info
- Ensure a dragging item maintains focus moving into a portal
Example screen reader announcement