Contexte

L'un des plus grands changements qu'amène l'accessibilité dans la production de livres numériques est la rédaction de descriptions alternatives aux images.
Pour toute image pertinente sémantiquement pour le lecteur, une description alternative doit être produite, sans quoi une personne malvoyante n'aura tout simplement pas accès à ce contenu.
C'est également cette description qui remplace votre image dans le cas où celle-ci ne peut être affichée.

Dès lors, comment rédiger des descriptions alternatives claires et pertinentes pour le lecteur? L'objectif de ce document est de répondre à cette question en fournissant des lignes directrices claires et faciles à appliquer lorsque l'on se lance dans la rédaction de ces descriptions, ainsi que des ressources externes à consulter.

Lignes directrices

Voici quelques conseils à suivre lorsque l'on rédige des descriptions alternatives:

  • Images décoratives: les images purement décoratives (par exemple, un symbole qui marquerait la transition entre deux paragraphes) ne doivent pas avoir de description alternative. Vous pouvez laisser l'attribut alt des ces images vides et utiliser le rôle ARIA "presentation" pour indiquer aux technologies d'assistance que l'image doit être ignorée.
  • Logos: les différents logos inclus dans les crédits doivent avoir une description alternative (le logo de l'ANEL, par exemple, ou du Fonds du Livre, etc.).
  • Icônes d'action/renvoi vers un lien externe: dans le cas des images dont l'objectif est de renvoyer le lecteur vers une page externe, décrire l'action qui va se dérouler plutôt que le contenu de l'image. Par exemple, "se rendre sur notre page Facebook" plutôt que "logo de l'entreprise Facebook".
  • Texte inclus dans une image: si vous capturez une image qui contient du texte, ce texte doit se retrouver dans la description alternative (à noter qu'il est conseillé, autant que possible, de toujours capturer le texte en texte et non en image).
  • Rédaction:
    • Éviter les termes "image de" ou "photo de". Ceux-ci sont redondants car l'image est déjà identifiée comme telle grâce à la balise HTML <img>.
    • Garder une description claire et concise.
  • Sémantique: penser à l'information que l'on veut faire ressortir de cette image. Quelle est l'information la plus importante à communiquer au lecteur à travers cette image?

Communiquer les descriptions alternatives à votre producteur de fichiers EPUB

Si vous confiez la production de vos fichiers EPUB à une entreprise externe, vous pouvez leur communiquer un fichier au format Excel qui reprend:

  • L'endroit où se trouve l'image dans le texte source (le numéro de page, par exemple)
  • La position de l'image
  • Le texte alternatif qui lui correspond

Voici un fichier modèle à utiliser: Textes_alternatifs_modèle.xlsx

Exemples

Couverture

Description: Un 33 tours avec, en son centre, l'image d'une jeune femme.

Logo et texte capturés en image

Description: Logo du gouvernement du Canada avec la mention "Financé par le gouvernement du Canada".

Renvoi vers une page externe

Description: Suivez-nous sur Instagram.

Ressources