Nouveau E-learning

Case à cocher

Une case à cocher permet à l’apprenant de sélectionner indépendamment une ou plusieurs options dans une liste, ou d’activer et désactiver un réglage. Chaque case fonctionne de façon autonome : cocher l’une n’a aucun effet sur les autres.

Sur cette page

Quand utiliser une case à cocher

  1. Choix multiple : plusieurs réponses possibles au sein d'une même liste.
  2. Réglage binaire indépendant : activer ou désactiver une option (sous-titres, son, mode d'affichage).
  3. Validation d'une condition : acceptation d'une consigne, confirmation de lecture.

Quand ne pas utiliser une case à cocher

  1. Choix unique et exclusif : utiliser des boutons radios.
  2. Déclenchement immédiat d'une action : utiliser un bouton ; la case à cocher exprime un état, pas une action.
  3. Liste très longue d'options : préférer un regroupement par catégories ou une liste de choix.

Depuis la mise à jour de mars 2026, les lecteurs d’écran annoncent la case et son texte de remplacement comme un seul élément. Exiger une version à jour de Storyline.

Sur cette page

Implémentation

  • Aller dans Insertion → Saisie
  • Choisir le style de case à cocher retenu par le design system
  • Tracer la zone d’insertion sur la diapositive
  • Renommer la variable générée avec un nom explicite
  1. Clic droit sur la case → « Modifier le texte »
  2. Saisir une étiquette explicite et unique
  3. L’étiquette saisie de cette façon est solidaire de la case : ne jamais la placer dans une zone de texte séparée, l’association serait perdue
  1. Définir la couleur de l’état coché (double-clic sur la case).
  2. Contraste minimum 3:1 entre coché, non coché et fond.
  3. La coche doit rester perceptible en niveaux de gris : jamais d’information portée par la couleur seule.

Restitution : depuis la mise à jour de mars 2026, les lecteurs d’écran annoncent la case et son texte de remplacement comme un seul élément. Exiger une version à jour de Storyline.

Interdits :

  • Utiliser une case à cocher comme bouton d’action ou comme élément de navigation
  • Formuler une étiquette en double négation
  • Détourner la case à cocher en interrupteur d’activation immédiate

Sur cette page

Interaction au clavier

Accordion keyboard navigation function table
Touche Fonction
Tab/Shift+Tab
  • Atteindre chaque case, qui constitue un arrêt de tabulation distinct contrairement au groupe de boutons radio, parcouru aux flèches directionnelles
  • revenir à l’option précédente
Espace/Entrée
    Cocher et décocher