Keyboard Accessible Drag & Drop Example

Thanks Joe :)

Hi Teresa - Well hopefully Joe will be able to pop back in with some additional information. In the meantime, would you be able to share your .story file to see if others in the community would be able to pop in and assist you?

Also, please note that your email signature came through when you replied via email. You can remove that if needed and here’s a quick Peek video if you need help.

I don't have my story file, yet, I was using Terry's to try and tweak to see if I could have the second slide activated to be able to use tab/spacebar whether I clicked the next button or used the tab/spacebar on the first slide...so still curious, but I was just using his file at this time...

I quickly grabbed a piece of an existing one that would be where I need help.  On slide two they can tab to the PWA Facts button but then the layers with the stickie notes there are hotspots.  Is there a way I could create a variable that when they got to the black arrow they could click spacebar or enterand it would open the first layer and then how could we get them and then tab through and get to arrow and see next layer by using spacebar or enter on the arrow.

The next slide would be similar, and the other one is I have an example where they hover over a picture to make it appear larger (on another layer) so again trying to give them away to do this.

I haven't configured the Tab Order button yet, it was a little confusing when I went in there on this particular slide

Thanks so much Joe, for taking the time to explain this to me and to modify the file I attached, I will take a look at it today.  Appreciate all the help on this site it is fantastic.

Well this is an older version of Storyline, when updating it to 360 it does not work.  But thanks.

I am looking for the solution to make the drag and drop activities accessible. I am really happy to find this thread. I downloaded the file and opened it in Storyline 3. It did not work in Storyline 3. Can someone help me with it, please? This is such an important solution. I hope someone can create a video to show the details. I am sure a lot of people will benefit from it. Thanks a lot!

Greeting fellow articulate developers,

I'm curious how this file is keyboard accessible. I can't seem to use the tab key to select the food items, so therefore can't move them to the plate. Am I missing something?

Thanks!

Hi Dominic,

Thanks for sharing that you've run into an issue tabbing to items in your project. 

With your permission, I'd like to take a look at your project file to investigate what's happening. You can share it publicly here, or send it to me privately by uploading it here. I'll delete it when I'm done troubleshooting.

Hi, Terry and community, I downloaded this file and opened it in my Storyline 360 application, and when I preview it or publish it to Review 360, using the tab key on the first slide to start the presentation does not activate the accessible version of the second slide. It does not work. Which may explain why so many users are confused here. I don't know if something changed in  a recent update of Storyline (it asked me to update the file when I opened it) or if it must be published to an LMS to work correctly, but this solution is not working. Either the variable is not recognizing the keyboard activity, or the triggers are not functioning as indicated. Please help. Thank you!