Vous souhaitez ajouter de l'interactivité à vos modules Storyline 360 ? Les boutons vous permettent de guider la navigation, de révéler le contenu, de recueillir les commentaires des apprenants, etc. Vous pouvez personnaliser leur apparence et définir ce qui se passe lorsque les apprenants les sélectionnent à l'aide d'états et de déclencheurs. Poursuivez votre lecture pour savoir comment faire.

• Création et personnalisation de boutons
• Ajouter de l'interactivité aux boutons
• Rendre les boutons accessibles

Création et personnalisation de boutons

Pour ajouter un bouton, allez dans l'onglet Insérer et cliquez sur Bouton. Choisissez ensuite un style et dessinez-le sur votre diapositive ou votre calque. Pour ajouter le texte d'un bouton, sélectionnez le bouton et commencez à taper. Vous pouvez également :

• Formatez le texte dans l'onglet Accueil. En savoir plus
• Ajustez l'alignement, les marges et l'ajustement automatique en cliquant avec le bouton droit de la souris et en choisissant Format de forme, puis en sélectionnant l'onglet Zone de texte. En savoir plus

L'attribution de noms significatifs aux boutons permet de les identifier plus facilement dans les déclencheurs et les interactions. Pour renommer un bouton, cliquez dessus avec le bouton droit de la souris et sélectionnez Renommer. Vous pouvez également double-cliquer dessus dans la chronologie et saisir un nouveau nom.

Pour mettre en forme un bouton en fonction de la conception de votre module, sélectionnez-le et accédez à l'onglet Format. Vous pouvez modifier les styles, les couleurs, les effets et ajouter des icônes. Les couleurs proviennent de votre thème. Vous pouvez cliquer avec le bouton droit sur un bouton personnalisé et choisir Définir comme bouton par défaut pour appliquer le même style à tous les nouveaux boutons.

Pour supprimer un bouton, sélectionnez-le et appuyez sur Supprimer sur votre clavier.

Ajouter de l'interactivité aux boutons

Utilisez les états et les déclencheurs pour définir la façon dont les boutons répondent à l'activité interactive de l'apprenant.

Les boutons incluent des états intégrés qui changent d'apparence lorsque les apprenants interagissent avec eux. Par défaut, ils incluent Normal, Survol, Down, Visited et Disabled. Vous pouvez les modifier ou créer les vôtres. En savoir plus

Vous pouvez utiliser des déclencheurs pour déterminer ce qui se passe lorsque les apprenants sélectionnent un bouton. Par exemple, vous pouvez afficher une calque, passer à une autre diapositive, lire un média, ajuster une variable, etc. En savoir plus

Vous pouvez également :

• Convertissez les diapositives en interactions libres et utilisez les boutons comme choix de réponse avec notation et retour facultatifs.
• Créez des ensembles de boutons qui n'autorisent qu'une seule sélection à la fois. Lorsque les boutons sont groupés, la sélection de l'un d'entre eux désélectionne automatiquement les autres. Vous pouvez inclure plusieurs ensembles de boutons sur la même diapositive.

Rendre les boutons accessibles

Les boutons accessibles aident tous les apprenants à naviguer et à interagir plus facilement avec votre formation. Suivez ces conseils pour améliorer l'accessibilité des boutons :

• Fournissez des instructions et des commentaires clairs. Expliquez le rôle de chaque bouton et envoyez un retour lorsqu'il est sélectionné, en particulier pour des actions telles que l'envoi de réponses ou le passage d'une diapositive à une autre (3.3.2 Étiquettes ou instructions).
• Utilisez des étiquettes descriptives. Rédigez le texte du bouton expliquant ce qui se passe lorsque les apprenants le sélectionnent, par exemple « Valider la réponse » ou « Ressources ouvertes ». Évitez les textes vagues tels que « Cliquez ici » (2.4.4 Objectif du lien).
• Fournissez des noms accessibles pour les boutons contenant uniquement des icônes. Si un bouton utilise uniquement une icône, ajoutez un texte alternatif décrivant son action. Masquer les icônes décoratives des technologies d'assistance (1.1.1 Contenu non textuel).
• Utilisez le texte affiché à l'écran plutôt que le seul pointeur de la souris. Présentez les informations importantes sur la diapositive plutôt que de vous fier uniquement aux états de survol, qui ne sont pas accessibles à tous les apprenants (1.4.13 Contenu sur le survol ou le focus).
• Définissez un ordre de focalisation logique. Aligner les boutons de manière à ce que la navigation au clavier suive une séquence significative et utilisable par les utilisateurs du clavier et du lecteur d'écran (2.1.1 Clavier, 2.4.3 Ordre de focalisation).
• Testez les boutons à l'aide d'un clavier. Assurez-vous que les apprenants peuvent accéder à chaque bouton et l'activer à l'aide de la touche Tab, de la saisie ou de l'espace (clavier 2.1.1).
• Gardez les états de mise au point visibles. Utilisez l'indicateur de focus à contraste élevé par défaut pour que les apprenants puissent voir quel bouton est sélectionné. Si vous le personnalisez, assurez-vous qu'il reste bien visible (2.4.7 Focus Visible).
• Utilisez un contraste suffisant. Choisissez des couleurs de texte et d'arrière-plan faciles à lire dans tous les états des boutons. Optez pour un rapport de contraste d'au moins 4, 5:1 pour le texte et de 3:1 pour le texte plus volumineux ou les éléments de bouton (1.4.3 Contraste [minimum]).
• Ne vous fiez pas à la couleur pour donner du sens. Ajoutez du texte, des icônes ou d'autres repères visuels pour communiquer l'état des boutons afin que les apprenants aient accès à un contexte qui ne se limite pas à la couleur (1.4.1 Utilisation de la couleur).
• Facilitez la sélection des boutons. Créez des boutons suffisamment grands pour être facilement sélectionnés. Visez une taille cible minimale de 24 x 24 pixels pour le support technique des différentes méthodes de saisie (2.5.8 Taille cible [Minimum]).