I didn’t want dragging to be the only way this reorder queue worked. You can move tracks with the...I didn’t want dragging to be the only way this reorder queue worked. You can move tracks with the...
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started
I didn’t want dragging to be the only way this reorder queue worked.
You can move tracks with the keyboard, jump with Home/End, and get position updates through assistive tech. There’s reduced-motion support too.
I spent almost as much time on keyboard behaviour as the drag.
Bella's avatar
Clean work!
Uzochukwu's avatar
Thank you so much.
Umar's avatar
Great work :)
Uzochukwu's avatar
Appreciate it 🙌
Nicolette's avatar
fantastic, this is such a quick way to reorder the tracks!
Uzochukwu's avatar
Thank you, Nicolette!
Maty's avatar
Reduced-motion support on a drag interaction is the detail most people skip entirely. What made you catch that gap, was it a real accessibility audit or something you'd been burned by before on another project?
Uzochukwu's avatar
It was as a result of an accessiblity audit I typically do when buiding web experiences.
Abdullah's avatar
Wonderfully
Uzochukwu's avatar
Thank you!
Girum's avatar
It's insane bro. Love it. It's so cool
Uzochukwu's avatar
Appreciate it man 🙌
Zekarias's avatar
This is great!
Uzochukwu's avatar
Thank you!
Komu's avatar
Reduced-motion and full keyboard navigation make such a huge difference in UX. Awesome attention to detail! 👏
Uzochukwu's avatar
Thank you so much!
Boluwatife's avatar
One of the best designs I’ve seen today. Really solid work 👏 Adding full keyboard navigation and assistive tech support alongside drag interactions is top-tier design engineering.
Uzochukwu's avatar
I really appreciate the support 🙏🏾
Thank you
Abdullah's avatar
Nice Work 👍
Uzochukwu's avatar
Thank you so much!
Back to feed
The network for creativity
Join 1.25M professional creatives like you
Connect with clients, get discovered, and run your business 100% commission-free
Creatives on Contra have earned over $150M and we are just getting started