This project was created pre-pandemic, long before AI tools were integrated into everyday ID workflows—but it still holds up. I have reused it multiple times updating for context.
The challenge: Deliver the interactivity of a drag-and-drop activity in a way that’s fully accessible via keyboard.
The solution: A custom-built interaction in Storyline using:
- Extensive use of variables to track user input and matches
- Carefully timed motion paths to mimic the drag motion without requiring a mouse
- Drop areas and draggable items with alt text applied to all object states, including for correct and incorrect matches
- Thoughtful focus order and keyboard navigation throughout
This approach ensures the same meaningful interaction experience—whether a learner uses a mouse, keyboard, or screen reader.