Les hyperliens constituent un excellent moyen d'ajouter de l'interactivité à vos modules. Ils permettent aux apprenants d'accéder directement au contenu dont ils ont besoin.

• Hyperlien vers une page Web
• Hyperlien vers un fichier
• Hyperlien vers une autre partie du Module
• Hyperlien vers une adresse e-mail
• Modification de la couleur du texte hypertexte
• Modification d'un hypertexte
• Prévisualisation des cours à l'aide d'hyperliens
• Rendre les hyperliens accessibles

Hyperlien vers une page Web

Pour ajouter un lien hypertexte qui ouvre une page web, sélectionnez l'élément sur lequel vous souhaitez cliquer, puis effectuez l'une des opérations suivantes :

• Appuyez sur Ctrl+K.
• Accédez à l'onglet Insérer du ruban Storyline et cliquez sur Lien hypertexte.
• Si vous ajoutez un lien hypertexte vers du texte, vous pouvez également cliquer avec le bouton droit sur le texte et sélectionner Lien hypertexte.

Lorsque l'assistant de déclenchement apparaît, définissez les propriétés suivantes pour votre lien hypertexte et cliquez sur OK.

Hyperlien vers un fichier

La meilleure option pour créer un hyperlien vers un fichier consiste à télécharger le fichier sur un serveur Web, puis à créer un lien vers son URL en utilisant la méthode ci-dessus.

Une autre option consiste à intégrer le fichier dans votre sortie publiée. Sélectionnez l'élément sur lequel vous souhaitez cliquer, puis effectuez l'une des opérations suivantes :

• Appuyez sur Ctrl+K.
• Accédez à l'onglet Insérer du ruban Storyline et cliquez sur Lien hypertexte.
• Si vous ajoutez un lien hypertexte vers du texte, vous pouvez également cliquer avec le bouton droit sur le texte et sélectionner Lien hypertexte.

Lorsque l'assistant de déclenchement apparaît, définissez les propriétés suivantes pour votre lien hypertexte et cliquez sur OK.

Conseils pour utiliser les hyperliens vers des fichiers :

• Storyline placera une copie de chaque fichier hyperlien dans votre sortie publiée. Tous les fichiers hypertexte d'un module seront stockés dans le dossier publié appeléstory_content/external_files.
• Selon le type de fichier que vous joignez et les paramètres de sécurité des apprenants, le fichier peut simplement s'ouvrir lorsque vous cliquez dessus, ou les apprenants peuvent être invités à l'enregistrer au préalable.
• Pour joindre des fichiers à un module et les rendre accessibles sur toutes les diapositives, joignez-les plutôt en tant que ressources pour les lecteurs.

Hyperlien vers une autre partie du Module

Pour créer un lien vers une autre scène, diapositive ou calque du même module, sélectionnez l'élément que vous souhaitez rendre cliquable, puis effectuez l'une des opérations suivantes :

• Appuyez sur Ctrl+K.
• Accédez à l'onglet Insérer du ruban, puis cliquez sur Lien hypertexte.
• Si vous ajoutez un lien hypertexte vers du texte, vous pouvez également cliquer avec le bouton droit sur le texte et sélectionner Lien hypertexte.

Lorsque l'assistant de déclenchement apparaît, définissez les propriétés suivantes pour votre lien hypertexte et cliquez sur OK.

Hyperlien vers une adresse e-mail

Pour ajouter un lien hypertexte qui ouvre un nouveau message électronique vers une adresse e-mail spécifique, sélectionnez l'élément sur lequel vous souhaitez cliquer, puis effectuez l'une des opérations suivantes :

• Appuyez sur Ctrl+K.
• Accédez à l'onglet Insérer du ruban Storyline et cliquez sur Lien hypertexte.
• Si vous ajoutez un lien hypertexte vers du texte, vous pouvez également cliquer avec le bouton droit sur le texte et sélectionner Lien hypertexte.

Lorsque l'assistant de déclenchement apparaît, définissez les propriétés suivantes pour votre lien hypertexte et cliquez sur OK.

Paramètres facultatifs pour les liens d'e-mail :

Les liens d'e-mail peuvent inclure des paramètres supplémentaires, tels que :

Voici un exemple de lien d'e-mail avec une ligne d'objet et un texte par défaut dans le corps du texte :

Modification de la couleur du texte hypertexte

Par défaut, lorsque vous ajoutez un lien hypertexte au texte, la couleur du texte change et un soulignement apparaît. La couleur du lien hypertexte provient des couleurs de votre thème. Voici comment le modifier :

1. Dans le mode Diaporama, accédez à l'onglet Design du ruban Storyline et cliquez sur Couleurs.
2. Les couleurs du thème que vous utilisez actuellement seront marquées par un fin contour orange. Si vous utilisez un thème personnalisé, cliquez dessus avec le bouton droit de la souris et choisissez Modifier. Si vous utilisez un thème intégré, choisissez Créer de nouvelles couleurs de thème (car les couleurs intégrées ne peuvent pas être modifiées).
3. Lorsque l'éditeur de couleurs s'ouvre, remplacez la couleur du Lien hypertexte par la couleur de votre choix. Pour en savoir plus sur la modification des couleurs du thème, consultez ce guide de l'utilisateur.
4. Cliquez sur Enregistrer pour fermer l'éditeur de couleurs. (Si vous créez de nouvelles couleurs de thème, entrez le nom du nouveau thème lorsque vous y êtes invité.)

Modification d'un hypertexte

Pour modifier un lien hypertexte que vous avez appliqué au texte, placez votre curseur quelque part dans le texte hypertexte, puis effectuez l'une des opérations suivantes :

• Appuyez sur Ctrl+K.
• Double-cliquez sur le déclencheur dans le panneau Déclencheurs.
• Accédez à l'onglet Insérer du ruban Storyline et cliquez sur Lien hypertexte.
• Cliquez avec le bouton droit de la souris et sélectionnez Modifier le lien hypertexte.

Pour modifier un lien hypertexte que vous avez appliqué à autre chose que du texte, sélectionnez l'objet et effectuez l'une des opérations suivantes :

• Appuyez sur Ctrl+K.
• Double-cliquez sur le déclencheur dans le panneau Déclencheurs.
• Accédez à l'onglet Insérer du ruban Storyline et cliquez sur Lien hypertexte.

Lorsque l'assistant de déclenchement apparaît, modifiez l'un des paramètres et cliquez sur OK.

Prévisualisation des cours à l'aide d'hyperliens

Lorsque vous prévisualisez un module, vous pouvez constater que les hyperliens ne fonctionnent pas comme prévu. Pour tester correctement les hyperliens, vous devez publier votre module.

Rendre les hyperliens accessibles

Avec quelques modifications de conception, vous pouvez vous assurer que tous les apprenants peuvent facilement naviguer dans les hyperliens. Voici quelques moyens d'améliorer l'accessibilité des hyperliens :

• Utilisez des liens descriptifs. Les apprenants doivent être en mesure de comprendre l'objectif d'un lien sans lire le contenu qui l'entoure. Indiquez le but d'un hyperlien et sa destination directement dans le texte lié. Au lieu de phrases vagues comme « Cliquez ici » ou « En savoir plus », soyez précis avec quelque chose comme « Lisez notre déclaration de politique ». (2.4.4 Objectif du lien [Dans le contexte])
• Assurez la navigation au clavier. Les hyperliens doivent être facilement accessibles et utilisables dans un ordre logique lorsque vous utilisez le clavier. Dans Storyline 360, le texte est publié avec le formatage sémantique approprié pour les liens et autres éléments afin que tous les apprenants puissent explorer le contenu facilement. (2.1.1 Clavier)
• Choisissez les couleurs de l'indicateur de focus visible. Les utilisateurs du clavier doivent pouvoir voir facilement les objets sélectionnés. Un indicateur de focus clair aide les apprenants qui naviguent à l'aide d'un clavier à savoir où ils se trouvent sur la page. Dans Storyline 360, vous pouvez personnaliser l'indicateur de focus accessible en deux couleurs. L'utilisation de l'indicateur de mise au point bicolore avec un contraste de couleur suffisant permet aux apprenants de voir le rectangle de mise au point sur des arrière-plans sombres et clairs. (2.4.7 Mise au point visible et 1.4.3 Contraste [minimum])
• Ajoutez un texte alternatif (alt) pour les hyperliens vers les images. Lorsqu'une image est le seul contenu d'un hyperlien, utilisez un texte alternatif pour décrire son objectif. Par exemple, dites aux apprenants que le fait de cliquer sur l'icône en forme de loupe active la fonction de recherche ou que la sélection de l'icône d'impression ouvre la fenêtre d'impression du navigateur. (1.1.1 Contenu non textuel et 3.2.4 Identification cohérente)
• Indiquez si un hyperlien s'ouvre dans un nouvel onglet ou une nouvelle fenêtre du navigateur. Dans le texte lié, indiquez aux apprenants si le contenu s'ouvrira dans un nouvel onglet ou une nouvelle fenêtre du navigateur afin qu'ils ne soient pas désorientés. (3.2.1 Sur le focus)
• Ne vous fiez pas uniquement à la couleur. Vos hyperliens doivent présenter un contraste de couleur suffisant, un texte lié souligné et des instructions claires pour les images contenant des liens afin que les apprenants sachent qu'elles sont interactives. (1.4.1 Utilisation de la couleur et 1.4.3 Contraste [Minimum])
• Évitez les liens redondants. Un hyperlien est redondant s'il se trouve à côté d'un autre hyperlien qui mène à la même destination. Cela entraîne des annonces inutiles pour les utilisateurs de lecteurs d'écran et une navigation répétitive pour les utilisateurs de clavier. La combinaison de liens redondants en un seul hyperlien crée une expérience de navigation plus fluide pour tous les apprenants.

Vous pourriez également vouloir découvrir :

Utilisation des déclencheurs