Accessible Drag and Drop - 5 answers

Sarah did a good webinar on creating an accessible drag and drop. I took a quick peek at your file. A few things I'd look at:

• Arrange objects in focus order
• Alt-text for the drag and drop objects
• The drag items have selected states, so you can put them in a button set and that would get rid of some of the triggers

Thanks for the help Tom! 

I played around with the file. Here's a recording. Attached is the file.

• use a button set for the drag objects
• I ditched the motion paths and just created triggers to hide the object
• Once the trigger is correct, it's easy to select all the other drop targets and paste them

Tom - wow! Thank you so much. This approach alleviates the motion paths issue!

Tom - I've added a sixth response to dig into the file. Does everything look good to you? 

A couple of thoughts:

• what happens if someone doesn't make a selection and presses on a drop zone. You probably need some other state. 
• since someone may be accessing this with a screen reader you need instructions that tell them what to do and alt-text appropriate for the choice and for the target

I can't seem to get to the incorrect layer if one does not drag all the items. The goal would be if 1 drag button hasn't been moved, the incorrect layer would show after one presses submit. I tried adding the triggers shown in the screenshot - but to no avail. Any help would be greatly appreciated!  Attached is the storyline file. 

I'd use the trigger if the state of object does not equal drop correct rather than normal

Hi K Pace,

Thanks for reaching out! I understand your drag items for answers 9 through 12 won't stick to their corresponding drop areas. I'd be happy to work with you to help figure out what's happening! After taking a look at your triggers, I saw that the drop area for drag items 9 through 12 was set to Drop 8. To get those drag items to stick, the drop areas need to be set to the corresponding drop areas. Here is a Peek video showing you what I did.

• Changing the drop area for drag items 9 through 12

Also, I attached an updated Story with the changes in place.

I hope this helps you out!

Hi,

I'm wondering if anyone can help me here. I have a drag and drop activity I've designed for 508. I have everything working properly but I have one question that I can't seem to figure out. I have my drop objects set with states that show correct or incorrect when dropped in the appropriate target. Once dropped into the targets (right or wrong) is there a way to make the tab order ignore those and go onto the ones that have not yet been dropped? Under the states, I've unchecked the accessibility option, but it keeps picking these options up when tabbing even though they've already been moved... any ideas?