'/%3E%3C/svg%3E){kind=small}
Nouveau E-learning
Boutons radios
Un bouton radio permet à l’apprenant de choisir une seule option parmi plusieurs propositions mutuellement exclusives. Les boutons radios fonctionnent toujours en groupe : sélectionner une option désélectionne automatiquement la précédente.
Points de vigilance
- Deux options minimum ; en dessous, utiliser une case à cocher ou un bouton bascule.
- Au-delà de sept options, préférer une liste de choix.
- Prévoir explicitement une option « Aucune de ces réponses » ou « Je ne sais pas » plutöt que de laisser l’apprenant sans issue.
- Un bouton radio ne doit jamais être présélectionné par défaut dans un contexte d’évaluation : la sélection initiale biaise la réponse.
Quand utiliser des boutons radios
- Choix unique : une seule réponse possible parmi deux à cinq propositions visibles simultanément.
- Question Vrai/Faux ou question à choix unique dans un quiz.
- Comparaison d'options : quand voir toutes les propositions en même temps facilite la décision.
Quand ne pas utiliser des boutons radios
- Plusieurs réponses possibles : utiliser des cases à cocher.
- Nombre important d'options (au-delà de six ou sept) : préférer une liste de choix déroulante.
- Option unique isolée : un bouton radio seul ne peut pas être désélectionné ; utiliser une case à cocher.
Sur cette page
Label de chaque bouton radio
- Clic droit sur le bouton radio, une fenêtre va apparaitre.
- Cliquer sur "Modifier le texte"
- Ajouter un label explicite et descriptif
- Chaque bouton radio doit obligatoirement avoir un label clair et unique.
Cas exceptionnel
Si plusieurs questions doivent être présentes sur une même diapositive :
- Créer les boutons radio et leurs labels
- Sélectionner les boutons d’une même question
- Clic droit → Créer un ensemble (Button Set)
- Nommer clairement chaque ensemble
Sans cette étape, tous les boutons seront considérés comme un seul groupe unique, ce qui entraîne un comportement incorrect.
Relier la question au groupe de boutons :
- Le lecteur d'écran doit dire à quelle question l'apprenant répond. Sinon il entend seulement "option 1 sur 4".
- Le plus simple: utiliser une diapositive de question à choix unique (ou Vrai/Faux). Storyline relie tout seul la question aux réponses.
Si les boutons radio sont insérés à la main:
- Reprendre la question dans le texte alternatif de chaque bouton (exemple: "Votre niveau ? - Débutant")
- Placer la question juste avant les boutons dans l'ordre de lecture
Annoncer l'erreur quand aucune réponse n'est choisie :
Un message affiché en rouge ne suffit pas: une personne non-voyante ne le voit pas.
Diapositive de question :
Le message "Réponse non valide" existe déjà. Vérifier que son texte est le premier élément dans l'ordre de lecture du calque, et que l'apprenant ne peut pas cliquer derrière le calque.
Interaction créée à la main :
Afficher un calque d'erreur avec un déclencheur, y écrire le message en clair, et vérifier que le focus arrive bien dessus. Toujours tester avec un lecteur d'écran avant validation.
Annoncer l'état sélectionné ou non :
L'apprenant doit entendre si l'option est cochée ou non, pas seulement la voir.
Les boutons radio de Storyline le font automatiquement. Un bouton radio dessiné avec des formes ne le fait pas: dans ce cas, utiliser les boutons radio de Storyline plutôt qu'un visuel fait main.
Sur cette page
Interaction au clavier
Une seule question par diapositive est recommandée pour garantir une navigation claire.
L’ordre de lecture doit être logique :
- Question (texte)
- Options (boutons radio)
| Touche | Fonction |
|---|---|
| Tab | Accès au groupe de boutons radio |
| Flèches directionnelles (↑↓) | Navigation entre les options |