Computer and screen reader
Création Derrière le numérique

Accessibilité 101 : CTRL + ALT + Texte

May 16, 2017 Scott Greenan

En tant que créateurs de matériels éducatifs, nous nous devons d’être en première ligne en matière d’accessibilité numérique.

La technologie a tendance à innov-aliéner, c’est-à-dire à inclure les personnes autant qu’elle peut les exclure. Dans le secteur de l’éducation, bon nombre sont laissés de côté. Au fur et à mesure que les Américains mettent l’accent sur les droits civils des apprenants (EN) (enseignement primaire, secondaire et supérieur), de plus en plus d’états restreignent les adoptions institutionnelles et leur niveau d’accessibilité, ce qui peut vous exclure des conversations commerciales avant même qu’elles n’aient eu lieu.

Alors comment pouvons-nous, en tant que fournisseurs de matériel éducatif, nous assurer que nous produisons bien un contenu conforme et adapté à chaque apprenant ? Bien que nous ayons tendance à tout mettre sur le dos des équipes de production numérique, une bonne partie du travail est réalisée en amont par les développeurs de contenus. Dans les mois à venir, nous examinerons les pratiques les plus courantes utilisées pour l’accessibilité, mais commençons d’abord par un outil fondamental qui rendra votre contenu beaucoup plus accessible : le texte alternatif.

Les fai… textes alternatifs

Le texte alternatif devrait aujourd’hui aller de paire avec la sélection d’images pour tous les créateurs de contenus. Le texte alternatif (ou alt) est un attribut HTML qui permet aux lecteurs d’écran de décrire de manière audible les images importantes qui se trouvent sur une page web ou un document. Pour les documents publiés sur l’open web, le texte alt aide les personnes ayant des déficiences visuelles mais permet également d’améliorer le SEO (Search Engine Optimization). Cependant, pour reconnaître à sa juste valeur le texte alternatif et son impact sur un étudiant malvoyant, vous devriez être témoin direct de l’expérience (EN).

Selon le site www.WebAIM.org, les meilleurs exemples de texte alt sont :

  • Courts et directs
  • Contextuels et descriptifs
  • Fonctionnels
  • Non répétitifs (“lien vers” ou “image de” sont des formulations redondantes)
  • Complémentaires aux mots clés du SEO

Développeurs de contenus, rappelez-vous que votre texte alt (bien qu’invisible pour la majorité des utilisateurs) est une extension de votre contenu principal. Selon the American Foundation for the Blind (AFB) (EN), les meilleures utilisations de textes alternatifs incluent l’édition de texte et les légendes d’images. Aussi, les visuels qui ne contribuent pas au processus d’apprentissage ne requièrent pas de texte alternatif : un simple alt=”” fera donc l’affaire !

Ajouter du texte alternatif… Où que vous soyez !

Parmi la multitude de systèmes permettant de créer du contenu, il existe différents moyens d’ajouter des textes alternatifs.

  • Microsoft Office (Word, Excel, PowerPoint)
    • Cliquez sur l’image, la forme, le diagramme, etc. avec le bouton droit de la souris
    • Cliquez sur Format d’objet
    • Cliquez sur le volet Texte de remplacement
    • Dans la zone Description, entrez votre texte alternatif
  • G Suite (Docs, Sheets, Slides)
    • Sélectionnez l’image puis cliquez sur Format > Texte alternatif
    • Saisissez le texte alternatif dans le champs Description
  • Adobe InDesign
    • Cliquez sur Menu > Objet > Option d’exportation d’objets
    • Choisissez Source Text Alt dans l’onglet Text Alt
    • Saisissez votre texte alternatif dans la case correspondante
  • MyEcontentFactory
    • Cliquez sur votre Bibliothèque média
    • Ajoutez votre texte alternatif sur le côté droit de l’écran
    • N’hésitez pas à ajouter également le titre, la description, la license, le copyright et la catégorie

En tant que créateurs de contenus du 21ème siècle, les droits de nos étudiants sont primordiaux. Alors que les nouvelles technologies ouvrent de nouvelles portes aux personnes handicapées, elles posent également de nouveaux défis aux créateurs de contenus.

Par Scott Greenan
Traduit par Marco Mazzola et Jessica Mautref

Vous avez des conseils pour la rédaction de textes alternatifs cohérents pour tous types d’images (illustrations, graphiques, cartes, photos) ? Dites-le nous en commentaires !

Share on FacebookShare on Google+Tweet about this on TwitterShare on LinkedIn