Interactive drag-and-drop not accessible for keyboard-only users - won't tab to content
Mar 30, 2022
I'm building an accessible drag-and-drop interaction in Storyline 360.
I've added triggers to all the drag options (text in shapes) so they can be selected and moved to the target (a large hotspot) using a keyboard.
I've created a custom focus order so the user can tab through the drag options and then go to the hotspot.
However, the drag options are not highlighted by pressing tab - it goes from the hotspot to the submit button and won't select any of the drag options. I'm assuming this is because they're text boxes, which don't count as interactive elements. However, I've added multiple triggers to each one (and they are not grouped), so surely Articulate should acknowledge them as interactive elements?
Any tips or ideas to get this working for users of both screen readers and keyboard only? The training will be used by everybody in the organisation.
7 Replies
Hello Jo, and welcome to E-Learning Heroes. 😊
I appreciate you chiming in to share what you are currently experiencing.
Drag-and-drop Interactions are not currently keyboard accessible in Storyline 360.
Sarah created an accessible download that may help you make the custom interaction you're looking for:
Storyline: Accessible Drag-and-Drop Chat Interaction
This ticket was helpful for me. That said, I already created numerous tutorials with a lot of drag and drop functionality in them and was just informed that these were inaccessible by a student using a screen reader at our school. Do you have an ETA as to when this might be fixed?
Hello Sean!
We don't have an ETA to share just yet! I'll be sure to update you in this discussion if that changes!
Hello, any updates on this? thanks!
Hello Darryl!
We don't have any updates just yet. I'll be sure to update this discussion with any changes!
Have a great start to your week ☀️
+1 for making drag items accessible by keyboard! I got this to work by programming everything by hand, but it should come that way out of the box.
Hi Allison!
Thanks for reaching out!
We currently have Interactive drag-and-drop is not accessible for keyboard-only navigation logged as a Feature Request so I'll include your voice in the report. We'll update this discussion if it makes it onto our Feature Roadmap.
Have a great start to your week!