Storyline 3 : Styles de texte accessibles
Dernière mise à jour de l’article le
Cet article s'applique à :
Utilisez les styles de texte dans Storyline 3 pour faciliter la navigation du contenu à l'aide d'un lecteur d'écran. Les styles identifient les éléments de texte comme des en-têtes, des liens hypertexte, des guillemets et des paragraphes. Storyline 3 publie ces détails sous forme de formatage sémantique dans le code source de votre module. Ensuite, les lecteurs d'écran annoncent le texte et sa mise en forme sémantique pour peindre une image mentale du contenu que les utilisateurs voyants obtiennent en regardant l'écran.
Par exemple, les utilisateurs du lecteur d'écran peuvent entendre « se préparer à votre examen », et sans mise en forme sémantique, c'est tout ce qu'ils entendent. Ils ne sauraient pas si le texte était un titre, un lien, une citation ou un paragraphe. Toutefois, si vous appliquez un style de titre 1 au texte du Storyline 3, les utilisateurs du lecteur d'écran entendent « niveau 1 préparer votre examen », ce qui donne aux apprenants un contexte important.
La visionneuse vocale NVDA affiche tout ce que le lecteur d'écran annonce, y compris le formatage sémantique.
- Renforcer les capacités des utilisateurs du lecteur d'écran
- Décisions de l'auteur
- Choix de l'apprenant
Renforcer les capacités des utilisateurs du lecteur d'écran
À partir de la mise à jour d'avril 2021, Storyline 3 rend automatiquement les styles de texte accessibles aux technologies d'assistance, telles que les lecteurs d'écran, en publiant la mise en forme sémantique (code source<h>) pour les en-têtes (<a>), links (), blockquotes (<blockquote>) et paragraphes (<p>). Ces informations sont vitales pour les utilisateurs de lecteurs d'écran.
De plus, lorsque vous appliquez des styles de texte à des projets Storyline 3, vous permettez aux apprenants d'utiliser les fonctionnalités de lecteur d'écran intégrées pour naviguer facilement dans les en-têtes, les liens et les guillemets. Les utilisateurs du lecteur d'écran peuvent lire directement à travers une page du début à la fin s'ils le souhaitent. Cependant, selon les sondages sur les lecteurs d'écran de WebAIM, la plupart des utilisateurs expérimentés de lecteurs d'écran explorent d'abord les en-têtes et les liens pour comprendre la mise en page d'une page. Ensuite, ils utilisent les raccourcis du lecteur d'écran pour accéder directement au contenu qu'ils veulent lire.
Les styles de texte sont précieux tant pour les auteurs que pour les apprenants. Les styles de texte donnent à votre module une conception cohérente, et ils offrent aux utilisateurs de lecteurs d'écran une expérience équivalente à celle des utilisateurs voyants.
Décisions de l'auteur
Pour offrir aux apprenants la meilleure expérience possible, vous devez toujours utiliser des styles de texte lors de la création d'un module. Et vous devez utiliser la fonctionnalité de texte moderne pour rendre vos styles de texte accessibles. Storyline 3 fait le reste du travail pour vous en construisant la structure sémantique dans votre sortie publiée.
Styles de texte
En tant qu'conception, vous devez appliquer des styles de texte à l'ensemble de votre projet afin que tous les apprenants puissent identifier les en-têtes, les liens, les guillemets et les paragraphes. Par exemple, si vous rendez un texte plus grand et plus audacieux qu'un autre texte, les apprenants voyants peuvent dire qu'il s'agit d'un titre. Toutefois, les utilisateurs du lecteur d'écran ne sauront pas qu'il s'agit d'un titre à moins que vous lui appliquiez un style de titre.
Texte moderne
Vous devez utiliser du texte moderne pour rendre les styles de texte accessibles. Le texte moderne est le moteur de rendu de texte par défaut pour les projets Storyline 3, donc vous n'aurez probablement pas besoin de faire de travail supplémentaire. Pour confirmer qu'un projet a du texte moderne, accédez à l'onglet Création du ruban, cliquez sur Polices et assurez-vous que l'option Utiliser le texte moderne est sélectionnée, comme indiqué ci-dessous.
Publication
Vous n'avez pas besoin de faire quoi que ce soit d'autre pour profiter des styles de texte accessibles. Ils sont intégrés directement dans votre sortie publiée !
Choix de l'apprenant
Les apprenants peuvent utiliser des lecteurs d'écran et d'autres technologies d'assistance pour explorer et naviguer facilement le contenu de Storyline 3 de la même manière qu'ils explorent d'autres sites Web. Par exemple, les utilisateurs du lecteur d'écran peuvent indiquer combien de titres et de liens se trouvent sur la diapositive et accéder directement à ceux qu'ils veulent. Vous trouverez ci-dessous quelques raccourcis de lecteur d'écran utile pour naviguer dans les en-têtes, les liens et les guillemets.
Liste de tous les titres de la diapositive
|
NVDA |
Insére+F7 pour ouvrir la liste des éléments, puis sélectionnez En-têtes |
|
JAWS |
Insert+F6 |
|
VoiceOver (macOS) |
Ctrl+Option+U pour ouvrir le rotor, puis utilisez les flèches gauche/droite pour sélectionner les en-têtes |
|
VoiceOver (iOS) |
Non disponible |
|
TalkBack |
Non disponible |
Accédez à l'en-tête suivant de la diapositive
|
NVDA |
H |
|
JAWS |
H |
|
VoiceOver (macOS) |
Ctrl+Option+Commande+H |
|
VoiceOver (iOS) |
Tournez deux doigts sur l'écran vers la gauche ou la droite pour ouvrir le rotor, puis faites glisser un doigt vers le bas |
|
TalkBack |
Balayez vers le haut puis vers la droite pour ouvrir le menu contextuel local (LCM), puis sélectionnez En-têtes |
Aller au niveau de titre suivant sur la diapositive
|
NVDA |
1-4 |
|
JAWS |
1-4 |
|
VoiceOver (macOS) |
Non disponible |
|
VoiceOver (iOS) |
Non disponible |
|
TalkBack |
Non disponible |
Liste de tous les liens sur la diapositive
|
NVDA |
Insére+F7 pour ouvrir la liste des éléments, puis sélectionnez Liens |
|
JAWS |
Insert+F7 |
|
VoiceOver (macOS) |
Ctrl+Option+U pour ouvrir le rotor, puis utilisez les flèches gauche/droite pour sélectionner les liens |
|
VoiceOver (iOS) |
Non disponible |
|
TalkBack |
Non disponible |
Accéder au lien suivant sur la diapositive
|
NVDA |
K |
|
JAWS |
Non disponible |
|
VoiceOver (macOS) |
Ctrl+Option+Commande+L |
|
VoiceOver (iOS) |
Tournez deux doigts sur l'écran vers la gauche ou la droite pour ouvrir le rotor, puis faites glisser un doigt vers le bas |
|
TalkBack |
Balayez vers le haut puis vers la droite pour ouvrir le menu contextuel local (LCM), puis sélectionnez Liens |
Accéder au prochain lien non visité sur la diapositive
|
NVDA |
U |
|
JAWS |
U |
|
VoiceOver (macOS) |
Non disponible |
|
VoiceOver (iOS) |
Non disponible |
|
TalkBack |
Non disponible |
Accéder au prochain lien visité sur la diapositive
|
NVDA |
V |
|
JAWS |
V |
|
VoiceOver (macOS) |
Ctrl+Option+Commande+V |
|
VoiceOver (iOS) |
Non disponible |
|
TalkBack |
Non disponible |
Accédez à la citation suivante sur la diapositive
|
NVDA |
Q |
|
JAWS |
Non disponible |
|
VoiceOver (macOS) |
Non disponible |
|
VoiceOver (iOS) |
Non disponible |
|
TalkBack |
Non disponible |