Nouveau E-learning

Focus

Le focus est l’indicateur visuel qui signale, à tout instant, l’élément interactif atteint au clavier. Il permet à l’apprenant naviguant sans souris de se repérer dans la diapositive : il doit rester visible, suffisamment contrasté et jamais tronqué par un autre élément.

Sur cette page

Quand utiliser le focus

  1. Tout élément interactif : bouton, lien, champ de saisie, case à cocher, bouton radio, contrôle de média.
  2. Personnalisation graphique : quand l'indicateur natif de Storyline manque de contraste sur le fond de la diapositive.
  3. Prise de focus programmée : ouverture d'une modale ou d'un calque, affichage d'un message d'erreur.

Quand ne pas utiliser le focus

  1. Suppression ou masquage de l'indicateur de focus pour des raisons esthétiques : à exclure sans exception.
  2. Style de focus appliqué à un élément non interactif : il suggère à tort une action possible.
  3. Déplacement du focus sans action de l'apprenant en cours de lecture : la perte de repère est immédiate.

Sur cette page

Visibilité du focus

  • L’indicateur de focus doit être visible sur tous les éléments interactifs.
  • Il ne doit jamais être masqué par un autre objet de la diapositive.
  • Le focus par défaut de Storyline (contour jaune) ne doit pas être supprimé.

Contraste

  • Le ratio de contraste entre l’indicateur de focus et l’arrière-plan doit atteindre un minimum de 3:1.
  • Sur un fond coloré, vérifier que le focus reste perceptible sans ambiguïté.

Ordre de tabulation

  • L’indicateur de focus doit être visible sur tous les éléments interactifs.
  • Il ne doit jamais être masqué par un autre objet de la diapositive.
  • Le focus par défaut de Storyline (contour jaune) ne doit pas être supprimé.

Comportement

  • Le focus ne doit pas déclencher d’action : seules les touches Entrée ou Espace activent l’élément.
  • Après l’ouverture d’un calque ou d’une fenêtre, le focus doit se déplacer vers le nouveau contenu.
  • Après la fermeture, le focus doit revenir sur l’élément déclencheur.

Sur cette page

Interaction au clavier

Le focus se déplace selon l’ordre de tabulation défini dans le panneau d’accessibilité de Storyline.

Accordion keyboard navigation function table
Touche Fonction
Tab/Maj Tab Déplacer le focus vers l’élément précédent ou suivant.
Espace/Entrée Activer l’élément qui a le focus

L’ordre de tabulation doit être configuré manuellement dans le panneau dans Storyline. Il doit suivre la logique pédagogique et l’ordre visuel de la diapositive (haut → bas, gauche → droite).
Le focus doit rester visible à chaque étape du parcours et ne doit jamais être perdu après une interaction (clic, ouverture d’un calque, lecture d’un média).