Storyline: Accessible Drag-and-Drop Chat Interaction

Thank you, Marianne! Great questions! From what I understand, when it comes to states, the states names aren't automatically added in the alt text. But as I was researching a little more on this topic, I realized I incorrectly explained that custom message text on the first slide. Screen readers can read the text when it changes if you select the accessibility checkbox for the new text within that added state and edit the Alt Text. Here's a video example by Maria that shows what that looks like (using shapes and editing the ALT text): https://360.articulate.com/review/content/b46673ef-b554-4f9c-9999-971c9f3d9696/review

As for using States for color changes, those are just visual enhancements, and the change of color is not recognized by a screen reader so don’t rely on color alone to convey meaning (whether on a state or a slide/layer).

As for the timeline, it’s a good idea to not have items appear and disappear because items can disappear before screen readers can read.

Hi Samantha! It sounds like your project is going well! As for your drag-and-drop interaction, Sally Wiedenbeck shared this download file that seems similar to what you’re looking to do: https://community.articulate.com/discussions/articulate-storyline/build-an-accessible-drag-and-drop-interaction-in-storyline

Another option I can think of (that could work similarly to the template I made here) would be to introduce all the options and drop fields, and then focus on one drop field at a time. Then have the learner select all the options that go into that one drop field. This makes it so the motion path always goes to that drop field. Then move onto the next drop field and repeat by having the learner select all options that go into that field. I haven’t tried building this yet, but just an idea!

Awww...thank you, Todd! I'm so glad it was helpful! 😊

Thanks so much, Valerie! It’s really important to us! 💙

Hi Barbara and welcome! 🙂 I'm glad you like it! This template is free for personal or commercial use.

Thanks, Hilary! 🙂