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 ........................................................................................................................................... 10

Fichiers textuels .................................................................................................................................................................. 10

Fichiers audio ....................................................................................................................................................................... 12

Fichiers visuels .................................................................................................................................................................... 12

Fichiers pdf ............................................................................................................................................................................ 12

Plugin AMeTICE Text To Speech (TTS) - Synthèse vocale ................................................................................. 14

L’éditeur de texte ATTO ....................................................................................................................................................... 15

Comment utiliser l’éditeur de texte ATTO ? ......................................................................................................... 15

Quelles sont les fonctionnalités de l’éditeur de texte ATTO ? ..................................................................... 17

Insérer une image ......................................................................................................................................................... 17

Contrôle d’accessibilité .............................................................................................................................................. 18

Aide lecteur d’écran ..................................................................................................................................................... 18

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’écran1 (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.

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.

Etape 1 : Cliquer sur l’icône permettant d’insérer une image

Etape 2 :

Insérer l’alternative textuelle de votre image

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é :

Etape 1 : • 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

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 :

Etape 1 : • 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)

6

Etape 2 : Mettre le lien en évidence en le surlignant

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.

Etape 1 : • 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, …)

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.

Etape 1 : • 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

8

Etape 3 :

Compléter les différentes cellules du tableau

Etape 4 :

• Sélectionner les cellules étant des titres • Indiquer dans les propriétés des cellules que ce sont des titres

9

Aperçu du cours :

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 :

Etape 1 : Appliquer les styles au document

Etape 2 :

Insérer la table des matières

11

Mise en place sous Writer :

Etape 1 : Appliquer les styles au document

Etape 2 :

Insérer la table des matières

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).

Etape 1 : • Sélectionner l’enregistrement au format pdf • Ouvrir la fenêtre d’Options

13

Etape 2 :

• Cocher « Activer l’accessibilité et la redistribution pour les fichiers PDF balisés » • Décocher « Appliquer la protection »

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.

Etape 1 : Activer le mode édition

Etape 2 :

Ajouter le bloc « TTS - Synthèse vocale »

Aperçu du cours :

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.

Etape 1 : 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 »

16

Etape 3 :

Changer votre éditeur de texte

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

14. Souligner 15. Barrer 16. Mettre en indice

17. Mettre en exposant

18. Aligner le texte à gauche

19. Centrer le texte 20. Aligner le texte à droite

21. Indenter le texte (retrait à droite)

22. Désindenter le texte (retrait à gauche)

23. Editeur d’équations

24. Insertion de caractères spéciaux

25. Insertion d’un tableau

26. Supprimer le format

27. Annuler la dernière action

28. Rétablir

29. Contrôle d’accessibilité

30. Aide lecteur d’écran 31. Mode HTML 32. Poodle Audio

33. Poodle Vidéo 34. Poodle Tableau blanc

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.

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 …)

19

Document mis à jour en Février 2014

Claire GIOUX - CIPE