Forum Discussion
Accessible Drag and Drop Interactions
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
- PrathibaSrir570Community Member
Hi Joakim, I'm on the same boat. Any luck with this? Thanks, Prathiba
- RioSloanCommunity Member
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.
- SusanStewart-daCommunity Member
Would you be willing to share how you did this? A .story file would be awesome!!
- RioSloanCommunity Member
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.
- JenniferStein-8Community Member
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.
- sathishkumar1Community Member
Hi Jennifer,
Can you please share your file?
- SusanStewart-daCommunity Member
Yes, it would be great to see .story files where folks are making these things happen!
Get Outlook for iOS
- SalWiedenbeckCommunity Member
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?
- SalWiedenbeckCommunity Member
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:
- EileenFernandezCommunity Member
@Sally
You are a gem! Thank you!
Related Content
- 10 months ago