Accessible Drag and Drop Interactions
Feb 07, 2018
Hi all,
Wondering if its possible to create Drag and Drop interactions in Storyline 360 that can be navigated/completed using only a keyboard?
So far I can't seem to "select" items that I want to place in drop targets.
Ideally I'd want to be able to hit spacebar or enter on a drag item, tab to the drop targets, and hit spacebar/enter to place it there, tab to next drag item.... and so on.
Is this possible? Are there other interactions I can use instead to make something like this keyboard accessible?
10 Replies
Hi Joakim, I'm on the same boat. Any luck with this? Thanks, Prathiba
It's not a perfect workaround, but I was able to utilize the move function for the puzzle pieces and "dragged" them over their correct drop areas when they press the corresponding key.
This was done in SL3, but maybe there's a better workaround in 360.
I'm thinking along the same lines experimenting with motion paths and variables that change when a "drag item" is selected. So far I've made it work for a very primitive "drag and drop" 3 drag items and three drop targets. I'm hoping that inspiration will come as I work to generalize this for an actual project.
Hi Jennifer,
Can you please share your file?
Yes, it would be great to see .story files where folks are making these things happen!
Get Outlook for iOS
I am also wondering if there's a way to create a keyboard-accessible drag and drop - has anyone been able to figure this out?
Would you be willing to share how you did this? A .story file would be awesome!!
Hi Susan! Here's the one we tried where the user would just press a key or shift+key to "drag and drop" the puzzle tile.
I have figured out a way to create accessible drag and drop interactions, that mirror the function of the built-in interactions but with added keyboard accessibility. I have outlined how to do it here:
https://community.articulate.com/discussions/articulate-storyline/build-an-accessible-drag-and-drop-interaction-in-storyline
@Sally
You are a gem! Thank you!