Sélectionner–Associer / Select & Associate – Storyline Template (Drag & Drop Alternative)

Here’s a Storyline template that offers an accessible alternative to drag-and-drop interactions, using modal pop-ups and keyboard navigation.

Aperçu / Démo (Français) : https://formabilite.fr/medias/storyline_selectionner-associer/

The module is in French, but the structure and logic are easy to adapt to any language.

✅ No drag-and-drop – the user selects a label and chooses an answer via a modal
✅ Fully keyboard-operable (tested with NVDA)
✅ Custom states and variables to manage feedback and score
✅ Less cognitive load than traditional drag-and-drop

This interaction is ideal for:
– Motor impairments (no need to drag)
– Screen reader users (clear announcement of elements)
– Learners needing structured, guided steps

You'll find three demo versions with 3, 4, and 5 items, along with a quick usage guide (in French).

Présentation en français

Ce modèle propose une interaction de type “sélectionner–associer”, pensée comme une alternative accessible au glisser-déposer.
L’utilisateur sélectionne une étiquette, puis une fenêtre modale s’ouvre pour choisir une option (une seule possible).
Les associations, l’affichage et le score sont gérés via des variables.

Trois démonstrations (3, 4 et 5 éléments) ainsi qu’un mode d’emploi rapide sont inclus dans le fichier.

Source : https://formabilite.fr/medias/storyline_selectionner-associer.zip

Feel free to reuse, adapt, or ask questions — I’d be happy to help!
Thanks ! Élodie Migeon