Forum Discussion
Accessible drag-and-drop with multiple drag items and "buckets"
I watched the tutorial for accessible drag-and-drop interactions, but I have question that wasn't asked or answered. I can't find any articles on it either.
I'm working on a drag-n-drop interaction that has 10 drag items with two "buckets". Do I need to create two motion paths for the two buckets for each drag item?
3 Replies
Have you checked this thread?
It matches your scenario with two drop targets and 5 drag items. There’s also a downloadable .story file that you might find helpful.
Anyway, to answer your question:
You’ll need two motion paths for each drag item. One to move it to Bucket 1 and another to Bucket 2. Depending on your setup, you may also need additional motion paths if you want each drag item to return to its original position.The exact number of motion paths depends on the specific interaction and behavior you want to implement.
I downloaded the file and it's not working for me. I can tab through the interaction but it doesn't let me drop them in the buckets.
Tab through the drag items and press Enter to select one. Then, continue tabbing to either the first or second bucket and press Enter again to move the item into the selected bucket. The drag item will move accordingly.
