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
Back to feedPost
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.
Clean work!
Thank you so much.
Great work :)
Appreciate it 🙌
fantastic, this is such a quick way to reorder the tracks!
Thank you, Nicolette!
Prioritizing keyboard navigation, Home/End position jumps, and ARIA updates for reorderable queues is true design engineering! Drag-and-drop often breaks accessibility, so spending equal time on the non-mouse behavior makes the UX feel world-class for everyone. Outstanding work!
Thank you, Abdul!
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?
It was as a result of an accessiblity audit I typically do when buiding web experiences.
Wonderfully
Thank you!
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
Trending
retrofuturism
Share your favorite designs from the past exploring the distant future. Or your own take on the aesthetic 🚀
halftone
Dots. Texture. Grain. Let's see your designs using the halftone technique.
Midjourney
Creatives are showing off what they're making with Midjourney.
colorgrade
Video editors sound off: How do you enhance the mood of your video in color grading?
Related posts
I’ve always liked when UI animation feels less like animation and more like the product just knows what to do.
Small interactions, quick transitions, little moments of feedback - all working together without getting in the way.
The interface stays familiar. The experience feels different.
Would you use motion like this in your product?💭
Created a visual generator that draws inspiration from the moment between an inhale and an exhale
An interactive travel safety platform featuring a 3D globe, country-level safety information, and global news. I designed and developed the entire experience with a focus on immersive data visualization and intuitive exploration.😊
