Texte alternatif et longue description

Texte alternatif
Un texte alternatif est un texte de substitution qui décrit une image. Il permet aux personnes qui utilisent des technologies d’assistance de prendre connaissance de l’information véhiculée par une image. Il aide également les moteurs de recherche à mieux comprendre la raison d’être d’une image.
Longue description
Une longue description est une version textuelle des renseignements fournis dans une image ou une infographie complexe. Cette description est essentielle lorsqu’il n’est pas possible de décrire le contenu et la fonction de l’image en moins de 140 caractères.
Approbateur de contenu

Approbateur de contenu

Texte alternatif

Lorsque vous rédigez un texte alternatif:

  • utilisez le moins de mots possible;
  • limitez le texte à un maximum de 140 caractères (espaces compris);
  • utilisez le texte intégré à l’image seulement s’il fournit suffisamment de contexte; dans la négative, rédigez un texte différent qui contient plus d’information;
  • n’utilisez pas « image de... » ou « graphique de... » pour décrire l’image; les lecteurs d’écran le font déjà;
  • posez vous la question « Si je ne pouvais pas utiliser cette image, qu’est ce que j’écrirais plutôt? ».

Exemples

Image représentant une personne
Graham Flack, sous ministre de l’Emploi et du Développement social

Texte alternatif: Prénom et nom, titre, secteur d’activité

«Graham Flack, sous ministre de l’Emploi et du Développement social»

Image représentant une chose ou un lieu
Le mont Kilimandjaro en Tanzanie, en Afrique

Texte alternatif : Description générale

«Le mont Kilimandjaro en Tanzanie, en Afrique»

Image représentant un groupe de personnes à un évènement
Les sous ministres Maheu, Flack et MacLean (au centre) lors de l’assemblée publique tenue le 18 octobre 2019.

Le texte alternatif comprend le nom, le lieu et la date de l’événement ainsi que les noms des personnes présentes, de gauche à droite.

«Les sous ministres Maheu, Flack et MacLean (au centre) lors de l’assemblée publique tenue le 18 octobre 2019.»

Longue description

  • Vous devez fournir une description complète lorsqu’il n’est pas possible de décrire le contenu et la fonction de l’image en moins de 140 caractères.
  • Lorsque vous rédigez une description complète, fournissez également un texte optionnel pour l’image.
  • Si une explication détaillée ou équivalente de l’image figure dans le texte immédiatement avant ou après l’image complexe, il n’est pas nécessaire de fournir une description complète.

Exemples

  • Exemple A

    Exemple A

    Cette image explique plusieurs concepts. Il est préférable de la décrire en utilisant du texte qui explique chaque concept et comment les concepts sont liés les uns aux autres.

    Figure 3. Approche de la carte de pointage équilibrée pour surveiller les principaux indicateurs de rendement.
    Approche de la carte de pointage équilibrée pour surveiller les principaux indicateurs de rendement.
    Longue description

    La carte de pointage équilibrée est un système de planification et de gestion stratégiques utilisé partout dans le monde pour harmoniser les activités opérationnelles d’une organisation avec sa vision et sa stratégie.

    Les activités opérationnelles sont regroupées en 4 perspectives, qui sont toutes interdépendantes et découlent de la vision et de la stratégie. Il s’agit de l’apprentissage et la croissance, des processus opérationnels internes, des finances et de la clientèle. Chacune a une question qui lui est associée.

    Chaque perspective peut être surveillée à l’aide des quatre composantes suivantes : objectifs, messages, cibles et initiatives.

    Apprentissage et croissance
    Pour réaliser notre vision, comment maintiendrons nous notre capacité à changer et à nous améliorer?
    Processus opérationnels internes
    Pour satisfaire nos actionnaires et nos clients, dans quels processus opérationnels devons nous exceller?
    Finances
    Pour réussir financièrement, comment devons nous paraître à nos actionnaires?
    Clientèle
    Pour réaliser notre vision, comment devons nous paraître à nos clients?
  • Exemple B

    Exemple B

    Cette image représente visuellement l’information contenue dans un tableau. Il est préférable de la décrire est utilisant le tableau de données à partir duquel elle a été créée. La description complète sera alors le tableau de données utilisé pour générer le graphique.

    Figure 4. Proportion d’hommes et de femmes dans la fonction publique de 1983 à 2010.
    Figure 4 Proportion d’hommes et de femmes dans la fonction publique de 1983 à 2010.
    Longue description
    Figure 4 Proportion d’hommes et de femmes dans la fonction publique de 1983 à 2010.
    Sexe (en pourcentage)1983198819931998200320082010
    Hommes 58.2 55.7 52.9 49.6 46.7 45.1 44.8
    Femmes 41.8 44.3 47.1 50.4 53.3 54.9 55.2
    Source:
    Bureau du dirigeant principal des ressources humaines, Secrétariat du Conseil du Trésor du Canada

    Remarque: Comprend toutes les durées. Les chiffres ne comprennent pas les employés en congé non payé.

Éditeur de contenu

Éditeur de contenu

Chaque image doit comporter un texte alternatif. Il s’agit d’une exigence de la norme HTML. Les images sans texte alternatif sont inaccessibles.

L’ajout d’un texte alternatif aux images est le premier principe de l’accessibilité Web. Les ordinateurs et les lecteurs d’écran ne peuvent analyser une image et déterminer ce qu’elle représente; par conséquent, un texte descriptif doit être fourni à l’utilisateur pour décrire le contenu et la fonction de l’image.

Exemple de code – image de Graham Flack fournie dans la section Approbateur de contenu : <section class="media">
<a href="/fra/support/publishing-guide/images/graham-flack.jpg" title="Graham Flack, sous-ministre de l’Emploi et du Développement social" class="pull-left wb-lbx">
<img src="/fra/support/publishing-guide/images/graham-flack.jpg" class="media-object" alt="Sous-ministre de l’Emploi et du Développement social" /> </a>
</section>

Pour en savoir plus sur le texte alternatif.