Accessible list reorder

Users can reorder form controls as part of Entellitrak's admin interface.

Overview and design decisions

Within Entellitrak's admin app, users can reorder form controls within a list, either using drag and drop or keyboard controls.

The team ensured the interaction would be accessible by providing for keyboard support. Users may tab into the table, arrow up and down through rows and hit ENTER or SPACEBAR to select an item, then use the arrow keys to reorder it in the table.

---

Project contacts

• Michael Marchio (Developer)
• Che de Bruin (Director of UX)

Resources

• Live demo site (React app)