Table des matières
A – AA
Durée : 8 minutes
Testez-vous !
Principe
Permettre à chacun de participer pleinement à toutes les activités, quel que soit le mode d’interaction (souris, clavier, commande vocale…), est un pilier de l’accessibilité.
Pour chaque activité interactive, il est indispensable de vérifier la compatibilité avec le clavier et, si besoin, de prévoir une alternative claire.
Explication audio (transcription disponible)
Transcription
Les interactions, c’est ce qui rend un module vivant et motivant… mais ce sont aussi souvent des pièges pour l’accessibilité.
Un glisser-déposer ludique à la souris peut se révéler inutilisable au clavier, ou pour une personne qui utilise un lecteur d’écran.
L’enjeu : permettre à tous de participer, d’accéder au contenu, de réaliser les mêmes actions, quel que soit leur mode d’interaction.
Pour cela, il faut toujours vérifier la compatibilité clavier/souris de chaque activité, et prévoir une alternative claire si ce n’est pas possible.
C’est aussi ce qui rend le module inclusif : personne ne doit rester sur le bord du chemin à cause d’une contrainte technique.
À vérifier
- Vérifier que toutes les interactions importantes (quiz, activités, navigation…) sont réalisables au clavier (Tab, Entrée, flèches).
- S’assurer que les activités reposant sur la souris (glisser-déposer, survol, mouvements tactiles) disposent d’une alternative équivalente.
- Prévoir un mécanisme pour valider une action sans manipulation complexe (clic simple, sélection, bouton).
- S’assurer que les actions sont validées à la libération de la souris (et non en gardant le bouton enfoncé).
- Vérifier que les interactions par survol (hover) ne sont jamais le seul moyen d’accéder à une information ou à une fonction.
Pour qui ?
- Personnes en situation de handicap moteur, visuel ou utilisant un dispositif alternatif (commande vocale, contacteur…)
- Utilisateurs sur mobiles, tablettes, ou dans un contexte temporairement limité (panne de souris…)
Pourquoi c’est important ?
L’interaction accessible garantit l’égalité d’accès à tous :
- La motivation et l’engagement restent au cœur de l’expérience, sans frustration ni blocage
- Personne n’est exclu à cause d’un geste impossible à réaliser
- Les technologies d’assistance peuvent transmettre l’activité sans obstacle
Comment réussir
- Testez chaque activité au clavier (Tab, Entrée, flèches).
- Privilégiez les formats interactifs accessibles (par exemple, vérifiez si le glisser-déposer de l’outil est utilisable au clavier).
- Si une interaction n’est pas accessible, proposez une alternative (ex. : transcription, version textuelle ou activité alternative), et ne bloquez pas la navigation pour permettre de passer à la suite.
- Veillez à ce que les mouvements de l’appareil ou de l’utilisateur ne soient jamais indispensables sans solution de rechange (secouer, incliner…).
- Pensez à la simplicité : une interaction accessible profite à tous.
- Validez vos choix auprès de personnes concernées ou via les retours de tests utilisateurs.
Accessibilité des activités interactives (glisser-déposer, association, classement…)
Activités d’appariement, d’association ou de discrimination
Les activités de glisser-déposer (drag & drop) sont utilisées pour associer, apparier, trier ou ordonner des éléments dans de nombreux modules pédagogiques.
Pour garantir l’accessibilité, il est essentiel de proposer des alternatives ou formats adaptés à chaque contexte, afin que tous les utilisateurs puissent participer, quels que soient leurs outils ou leurs capacités.
Glissé-déposé accessible au clavier (ex : Rise360, H5P)
Rise360 et H5P proposent des blocs glisser-déposer utilisables au clavier (Tab, flèches, Entrée).
Vous pouvez préciser dans la consigne que l’activité est accessible au clavier et que la manipulation peut être délicate (pour les personnes ayant des difficultés motrices, n’étant pas en mesure de réaliser certains gestes complexes, ou ne maîtrisant pas les raccourcis clavier).
Astuce H5P : activez l’option « Afficher la solution » lors de la création pour permettre à tout utilisateur de consulter la correction s’il le souhaite.
Ainsi, vous informez tous les utilisateurs des possibilités offertes : accès clavier, difficulté potentielle, et solution de secours.
Glissé-déposé non accessible : alternative textuelle ou « solution directe »
Si l’outil ou le choix pédagogique conduit à proposer une activité de glisser-déposer qui n’est pas accessible, il est essentiel de prévoir une alternative accessible pour garantir que personne ne soit bloqué.
- Transcription textuelle : Indiquez clairement les éléments à associer (“Associez mentalement A, B, C, D… puis consultez la correction”).
- Affichage direct de la solution : Offrez la possibilité d’afficher immédiatement la correction ou le debrief, pour garantir l’accès à l’information.
Imaginer d’autres alternatives accessibles simples
Si l’outil ne permet pas de concevoir une activité accessible (glisser-déposer, appariement, correspondance…), proposez un format alternatif :
- Transformer l’activité avec glisser-déposer en série de questions :
Ex : 4 QCM à choix unique, chacun portant sur une association différente. - Utiliser des listes déroulantes, boutons à cliquer, ou toute autre interaction simple au clavier ou à la voix (ces formats sont aussi robustes côté mobile et commande vocale).
- Adaptez le format pour éviter la surcharge cognitive ou l’effet ‘série mécanique’ : fractionnez, variez les formats, regroupez si besoin pour garder l’activité engageante et accessible.
Exemple : Dans Genially, qui ne propose ni glisser-déposer accessible ni feedback, il peut être pertinent de transformer l’activité en plusieurs questions ou tout autre format adapté à votre objectif pédagogique.
À retenir : ce n’est pas la solution la plus interactive, mais c’est un compromis efficace pour garantir l’accès à l’information. L’essentiel est de ne jamais bloquer l’apprenant et proposer une alternative réaliste, même minimaliste.
Créer une alternative sur-mesure (ex : Storyline)
Storyline ne propose pas de glisser-déposer accessible nativement, mais permet de concevoir des alternatives sur-mesure.
C’est l’occasion de faire preuve de créativité et d’innovation, à condition de tester rigoureusement avec les dispositifs d’assistance.
Exemple d’activité « association via modale » :
- Chaque “étiquette” à associer est présentée sous forme de bouton.
- Un appui sur Entrée ouvre une modale listant les options d’association ; l’utilisateur fait son choix au clavier.
- Les options déjà associées sont annoncées pour guider l’utilisateur.
- L’accessibilité est assurée par une gestion rigoureuse du focus, des retours d’état et des textes alternatifs pour chaque bouton.
A savoir : dans les questions notées de type « Ordonner » ou « Appariement » dans Storyline, vous pouvez choisir entre :
- Un glisser-déposer (non accessible au clavier)
- Une liste déroulante (accessible au clavier et aux dispositifs d’assistance) : à privilégier
Comment navigue une personne aveugle lors d’une activité interactive ?
Sur ordinateur ou mobile, une personne aveugle utilise un lecteur d’écran (VoiceOver, JAWS, NVDA, TalkBack…) qui lit à voix haute tous les éléments de l’interface : zones, titres, questions, propositions, boutons…
- Navigation : Annonce de chaque zone, déplacement avec Tab, flèches, raccourcis ou balayage tactile.
- Action : Sélection d’une option puis validation avec Entrée ou double-tap.
- Retour d’information : Les feedbacks doivent toujours être fournis sous forme de texte explicite (jamais uniquement par la couleur ou une icône).
À retenir
- Testez chaque activité au clavier (ordre de focus) et avec un lecteur d’écran, pour vérifier la faisabilité réelle.
- Préférez les formats universels : boutons, listes, QCM, listes déroulantes…
- Proposez une alternative (transcription, correction directe, série de questions) en cas d’impossibilité technique.
- Informez dans la consigne qu’une alternative existe, sans stigmatiser l’utilisateur.
- Recueillez les retours des utilisateurs concernés pour améliorer vos activités.
- Rendre un module accessible au clavier, c’est aussi améliorer sa compatibilité mobile, commande vocale, dispositifs braille…
Pour aller plus loin
- Exemple d’alternative glisser-déposer accessible sur Storyline et source téléchargeable (Elearning Heroes)
Suivre ma progression :
Ce point est lu & terminé.