Blog Post
Jonathan_Hill
Super Hero
Hello!
There's more than one way to 'click next'.
But hover states don't work on mobile devices and drag and drop isn’t always accessible. This demo attempts to address these challenges by providing device-specific interactions.
For instance, the hover interaction is replaced with a press and hold interaction if the demo is running on a phone.
The drag and drop is in reality an invisible slider, which makes the interaction accessible from a keyboard but also provides a tactile control on a touchscreen.
Try it out on your desktop and your phone and let me know what you think!
HOVER CLICK DRAG
https://bit.ly/elhc462
There's more than one way to 'click next'.
But hover states don't work on mobile devices and drag and drop isn’t always accessible. This demo attempts to address these challenges by providing device-specific interactions.
For instance, the hover interaction is replaced with a press and hold interaction if the demo is running on a phone.
The drag and drop is in reality an invisible slider, which makes the interaction accessible from a keyboard but also provides a tactile control on a touchscreen.
Try it out on your desktop and your phone and let me know what you think!
HOVER CLICK DRAG
https://bit.ly/elhc462
DavidAnderson
5 months agoStaff
You're digging deep into the javascript these days, Jon. Might be a good time to do another challenge on the topic.