Créer du contenu accessible dans les sites ENA2
Au Québec, 16% de la population de 15 ans et plus vit avec une incapacité [1]. Une statistique qui met en lumière l’aspect incontournable de créer du contenu en ligne accessible pour permettre une expérience utilisateur inclusive. C’est pourquoi l’ENA2 est développé en suivant les standards sur l’accessibilité des sites Web. Des fonctionnalités y sont disponibles pour permettre de lever les barrières qui pourraient compromettre l’accès au savoir pour des personnes en situation de handicap permanente ou temporaire. Découvrez comment optimiser l’accessibilité dans votre site de formation.
Veuillez noter que cette page est en évolution et sera bonifiée en fonction des nouveautés et améliorations qui seront livrées dans les sites de formation ENA2 en lien avec l’accessibilité.
Texte alternatif pour les images
Bien que les images soient utiles à de nombreuses fins pédagogiques, elles peuvent également représenter un obstacle à la compréhension pour les personnes aveugles ou à basse vision si elles ne sont pas accompagnées d’un texte alternatif. Ce texte, rédigé par le concepteur de la formation, décrit l’image et pourra être lu par un lecteur d’écran, logiciel qui lit à voix haute le texte alternatif. En somme, ce texte est invisible à l’écran et n'est entendu que par les personnes munies de ce type de logiciel.
Toutes les images visibles dans les sites ENA2 peuvent être accompagnées d’un texte alternatif. L’ajout s’effectue:
Dans les contenus Image dans le champ Équivalent textuel de l'image:
Dans les éditeurs de texte qui permettent l’ajout d’images:
Conseil de rédaction
Comment rédiger un texte alternatif efficace? La meilleure façon est de vous imaginer au téléphone en train de décrire ce que vous voyez à votre interlocuteur.
Voici plus en détail quelques conseils rédactionnels:
- Être clair, précis et concis: Inclure suffisamment d’informations pour permettre de comprendre le sens ou l’objectif de l’image.
- Expliquer le contexte:
- Préciser le type d’image: une photo, une infographie, un graphique, une capture d’écran, etc.
- Inscrire des informations concernant qui, le quoi et le où lorsque pertinent: nommer l’élément, l’animal ou la personne si elle est connue (ex: Albert Einstein). Si l’individu est non connu, donnez des indices tels que l’âge ou l’apparence, par exemples.
- Décrire la localisation des items.
- Souligner des détails importants (ex: des couleurs, une émotion, un élément distinctif, etc.).
- Contextualiser les informations des images complexes:
- Préciser le type d’image (graphique, tableau, schéma, carte géographique, etc.).
- Précisez l'emplacement (dans le cas d'une carte géographique).
- Écrire les informations essentielles qui sont visibles dans l’image.
Conseil
Si votre description est complexe et excède la limite de 150 caractères, songez à utiliser le champ Description de votre image. Au besoin, un lien URL menant vers une autre page peut y être intégré afin de détailler les informations visibles dans l’image.
À éviter
- Intégrer des images qui incluent du texte.
- Intégrer des tableaux sous forme d’image.
- Inscrire un texte alternatif pour une image purement esthétique.
- Écrire la source de l’image.
- Répéter de l’information qui est déjà mentionnée dans le descriptif ou dans des images précédentes.
Texte alternatif de l'image: Photographie aérienne d’un bâtiment architectural blanc structuré en blocs d'étages disposés de façon disparates. Beaucoup de verdure l'entoure.
Texte alternatif de l'image: Sceau officiel de l’EPA qui illustre une fleur ronde bleue, sa tige a deux feuilles vertes, entourée du titre United States, Environmental Protection Agency.
Références
Eric Eggert Shadi Abou-Zahra. (2022). Images tutorial. W3C - Web Accessibility Initiative. Repéré le 24 janvier 2024 à https://www.w3.org/WAI/tutorials/images/
[1] Gouvernement du Québec. (2023). Repéré le 17 janvier 2024 à https://www.quebec.ca/famille-et-soutien-aux-personnes/participation-sociale-personnes-handicapees/semaine-quebecoise-personnes-handicapees#:~:text=Plus%20d'un%20million%20de,une%20incapacit%C3%A9%20significative%20et%20persistante
Office québécois de la langue française. (2002). Gouvernement du Québec. Repéré le 17 janvier 2024 à https://vitrinelinguistique.oqlf.gouv.qc.ca/fiche-gdt/fiche/8363241/lecteur-decran