Guide sur l accessibilité numérique des ressources pédagogiques

Transcription

1 Pistes et conseils, pour vous aider à mettre rapidement en œuvre sur votre cours AMeTICE un contenu accessible à un maximum d étudiants. Guide sur l accessibilité numérique des ressources pédagogiques Comment améliorer l accessibilité de mon cours AMeTICE? Contact : claire.gioux@univ-amu.fr

2 Table des matières Les contenus sur la plateforme AMeTICE... 4 Les images... 4 Les liens... 4 Liens vers une ressource ou une activité :... 4 Lien depuis une étiquette :... 5 Les titres... 6 Les tableaux... 7 Les contenus téléchargeables Fichiers textuels Fichiers audio Fichiers visuels Fichiers pdf Plugin AMeTICE Text To Speech (TTS) - Synthèse vocale L éditeur de texte ATTO Comment utiliser l éditeur de texte ATTO? Quelles sont les fonctionnalités de l éditeur de texte ATTO? Insérer une image Contrôle d accessibilité Aide lecteur d écran

3 Via la plateforme de cours en ligne AMeTICE, vous avez la possibilité de mettre à disposition de vos étudiants, différentes ressources numériques. Ces ressources sont pour la plupart : des fichiers écrits (type PDF, Word, Excel, PowerPoint, ) des images des vidéos des enregistrements audio des liens vers d autres contenus web A travers ce document, vous trouverez quelques clefs, faciles à mettre en œuvre, afin de rendre vos différents contenus accessibles à vos étudiants en situation de handicap. On entend par «accessibilité», le fait qu un contenu soit exploitable par toute personne, quelle que soit la situation de handicap à laquelle elle est confrontée (vision, audition, mobilité ). Pour certains étudiants, le handicap est chronique, donc connu dès la rentrée. Pour d autres, il peut apparaître en cours d année. C est pourquoi il est important de réaliser des ressources accessibles dès leur conception, afin de pouvoir répondre immédiatement aux besoins des étudiants. Quelques points importants sur les principaux besoins : Pouvoir naviguer en peu de clics Pouvoir exploiter les logiciels de lecteur d écran 1 (aussi bien sur AMeTICE que sur les documents téléchargeables) Pouvoir bénéficier de nombreux supports écrits pour travailler à son rythme avec des supports visuels Pouvoir bénéficier de sous-titrage ou texte de la narration pour les documents vidéo ou audio 1 Un logiciel de lecteur d écran permet de retranscrire par synthèse vocale et/ou sur un afficheur braille, ce qui est affiché sur l écran d un ordinateur. 3

4 Les contenus sur la plateforme AMeTICE Les images Chaque image porteuse d informations doit proposer une alternative textuelle concise et pertinente. Les logiciels de synthèse vocale liront ce champ. Cliquer sur l icône permettant d insérer une image Insérer l alternative textuelle de votre image Etape 2 : Les liens Les liens doivent avoir des intitulés explicites. Il est fortement conseillé d éviter les liens comme «Cliquez-ici», «En savoir plus» Il faut également que les liens se distinguent clairement du reste du contenu. Pour se faire, on peut utiliser des icônes ou souligner le lien (un simple changement de couleur ne sera pas forcément perçu par une personne daltonienne). Liens vers une ressource ou une activité : Déposer le fichier sur le cours grâce à un glisser/déposer Cliquer sur l icône du stylo pour modifier le nom du lien vers le fichier 4

5 Etape 2 : Donner un nom explicite au lien, puis cliquer sur la touche «Entrée» pour valider les modifications Etape 3 : Si l intitulé du lien n est pas assez explicite, vous pouvez y ajouter une description Aperçu du cours : Lien depuis une étiquette : Cliquer sur l icône permettant d accéder à l éditeur de texte complet Insérer une icône/image permettant de signaler la présence d un lien (de préférence, toujours utiliser la même icône) 5

6 Mettre le lien en évidence en le surlignant Etape 2 : Aperçu du cours : Les titres Comme pour un document texte, il est important de structurer votre cours via des titres (Titres de sections, titres de niveau 2, 3, ). Cela permet de structurer votre contenu, et facilite l utilisation d un logiciel de lecteur d écran. Entrer votre texte, puis sélectionner la partie étant un titre Cliquer sur la liste déroulante «Paragraphe», et sélectionner le niveau de titre voulu (un titre de niveau 1 aura pour sous-titre un titre de niveau 2, ) 6

7 Aperçu du cours : Les tableaux Il faut donner à chaque tableau de données, un résumé et un titre pertinent, identifier clairement les cellules d'en-tête. Il est nécessaire de permettre aux utilisateurs de lecteurs d'écran d'identifier la nature des informations disponibles dans les lignes et les colonnes des tableaux de données et de ne pas faire interpréter un tableau de mise en forme comme un tableau de données. Cliquer sur l icône permettant d accéder à l éditeur de texte complet Cliquer sur l icône permettant d insérer un tableau Etape 2 : Entrer les paramètres du tableau, et penser à cocher la case permettant d ajouter une légende au tableau 7

8 Compléter les différentes cellules du tableau Etape 3 : Etape 4 : Sélectionner les cellules étant des titres Indiquer dans les propriétés des cellules que ce sont des titres 8

9 Aperçu du cours : 9

10 Les contenus téléchargeables Fichiers textuels Un fichier textuel est un fichier de document texte de type Word (Microsoft Office) ou Writer (LibreOffice/OpenOffice). Il est important de structurer votre document avec l utilisation des styles. (Titre de niveau 1, titre de niveau 2, ). L utilisation des styles de titre vous permettra ensuite d insérer dans votre document une table des matières en quelques clics. Il faut également privilégier l utilisation des listes à puces ou listes numérotés plutôt que de simples tirets. La table des matières associée aux styles, permet à l utilisateur d un logiciel de lecture d écran de se repérer et naviguer facilement dans votre document. Mise en place sous Word : Appliquer les styles au document Insérer la table des matières Etape 2 : 10

11 Mise en place sous Writer : Appliquer les styles au document Insérer la table des matières Etape 2 : 11

12 Fichiers audio Un fichier audio est un fichier de type audio, vidéo, diaporama sonorisé Il est conseillé de fournir en complément du fichier, un fichier texte contenant la transcription du message principal de ce dernier. Fichiers visuels Un fichier visuel est un fichier de type image, tableur, animation vidéo, carte mentale Il est utile de préciser à l étudiant le type de la ressource ainsi que son importance (illustration, démonstration, indispensable ou non à la compréhension ) Il est ensuite conseillé de mettre à disposition un fichier texte proposant une description détaillée du fichier visuel. Fichiers pdf Pour une question de praticité (poids, compatibilité des logiciels, diminution des possibilités de modifications du document ), nous avons tendance à fournir aux étudiants des fichiers pdf. Si votre fichier pdf est trop verrouillé, un logiciel de lecture d écran ne pourra pas le lire. Il faut donc faire attention à ne pas trop verrouiller votre document. Une solution à envisager : Conserver et fournir à l étudiant qui en fait la demande une version non transformée en pdf de votre document. (Pensez au préalable à informer vos étudiants que vous avez cette version plus accessible en votre possession et qu elle est disponible sur demande). Sélectionner l enregistrement au format pdf Ouvrir la fenêtre d Options 12

13 Etape 2 : Cocher «Activer l accessibilité et la redistribution pour les fichiers PDF balisés» Décocher «Appliquer la protection» 13

14 Plugin AMeTICE Text To Speech (TTS) - Synthèse vocale Depuis la rentrée 2014, a été installé sur la plateforme AMeTICE le plugin «TTS - Synthèse vocale». Il permet de mettre en place sur votre cours un player. Lorsque l on appuie sur le bouton «Play», on active la synthèse vocale qui va lire le contenu du cours. Activer le mode édition Ajouter le bloc «TTS - Synthèse vocale» Etape 2 : Aperçu du cours : 14

15 L éditeur de texte ATTO Sur AMeTICE, vous avez la possibilité d utiliser différents éditeurs de texte. Par défaut, vous utilisez l éditeur TinyMCE. Vous avez maintenant la possibilité d utiliser l éditeur ATTO, spécialement conçu pour vous aider à rendre votre contenu plus accessible. Vous y retrouverez par exemple un bouton vous permettant de savoir si votre contenu est accessible ou non. Lorsque vous insérez une image, il est obligatoire de spécifier si une description est nécessaire ou non, et si elle l est, de la compléter Comment utiliser l éditeur de texte ATTO? Pour pouvoir utiliser l éditeur ATTO, il faut modifier les paramètres de votre profil sur AMeTICE. Depuis la page d accueil d AMeTICE, cliquer sur «Ma page» ou «Profil» > «Consulter le profil» Etape 2 : Cliquer depuis le bloc administration sur «Modifier mon profil» 15

16 Changer votre éditeur de texte Etape 3 : 16

17 Quelles sont les fonctionnalités de l éditeur de texte ATTO? 1. Afficher / Masquer la barre d outils 2. Styles de paragraphe 3. Gras 4. Italique 5. Couleur de texte 6. Couleur de fond 7. Liste à puce 8. Liste numérotée 9. Ajouter un lien 10. Supprimer un lien 11. Insérer une image 12. Insérer un média 13. Gestion des fichiers 17. Mettre en exposant 21. Indenter le texte (retrait à droite) 25. Insertion d un tableau 29. Contrôle d accessibilité 33. Poodle Vidéo 14. Souligner 15. Barrer 16. Mettre en indice 18. Aligner le texte à gauche 22. Désindenter le texte (retrait à gauche) 26. Supprimer le format 30. Aide lecteur d écran 34. Poodle Tableau blanc 19. Centrer le texte 23. Editeur d équations 27. Annuler la dernière action 20. Aligner le texte à droite 24. Insertion de caractères spéciaux 28. Rétablir 31. Mode HTML 32. Poodle Audio 35. Poodle Photo Insérer une image Lorsque vous insérez une image, il vous est demandé de spécifier si une description est nécessaire ou non (ex : image de décoration, n apportant pas d informations). Si la description est nécessaire, alors il vous est demandé de la compléter. 17

18 Contrôle d accessibilité Ce bouton vous permet de contrôler que votre texte ne contient pas de problème d accessibilité. Dans le cas contraire, vous en serez averti. Aide lecteur d écran Ce bouton permet d afficher ce que va identifier un lecteur d écran (les titres des liens, la description des images ) 18

19 Document mis à jour en Février 2014 Claire GIOUX - CIPE 19