Qu'est-ce que Assistant texte alternatif ?

Choisissez le type d'image, rédigez le texte alternatif à l'aide des indications adaptées, puis vérifiez-le avec la liste de contrôle d'accessibilité. Comprend des conseils et exemples pour des descriptions compatibles avec les lecteurs d'écran.

Choisissez parmi six types d'image — photographie, icône, graphique, décorative, informative ou image-lien — et le champ bascule sur une consigne propre à ce type, qui oriente vers ce dont les utilisateurs de lecteurs d'écran ont vraiment besoin. Un compteur signale lorsqu'on dépasse 125 caractères, et une checklist de six points vérifie que la description est précise, concise, sensible au contexte, sans tournures comme «image de», qu'elle commence par l'information la plus importante et qu'elle n'accumule pas de virgules ni de mots-clés répétés. Les images décoratives reçoivent un rappel alt="" pour que les technologies d'assistance les ignorent.

Comment utiliser

1. Sélectionnez le type d'image que vous décrivez : photographie, icône, graphique, décorative, informative ou image-lien.
2. Utilisez l'indication correspondant à votre type d'image pour rédiger une description concise.
3. Vérifiez votre texte alternatif à l'aide de la liste de contrôle d'accessibilité, puis copiez-le pour l'utiliser dans votre HTML ou CMS.

Quand l'utiliser

• Remplir les attributs alt d'une galerie produit Shopify ou WordPress avant la mise en ligne.
• Rédiger l'alt d'un graphique de rapport trimestriel pour que les lecteurs d'écran captent les chiffres.
• Auditer un site existant pour la conformité WCAG 1.1.1 avant un audit d'accessibilité.

Résultat

Pour un graphique à barres montrant les ventes du 1er trimestre : au lieu de « graphique.png », écrivez « Graphique à barres des ventes du T1 2024 par région : Amérique du Nord 2,1 M$, Europe 1,8 M$, Asie 1,4 M$ ».

FAQ

Pourquoi l'attribut alt est-il considéré comme le plus important pour l'accessibilité?

C'est la première exigence de WCAG (1.1.1 contenu non textuel, niveau A) et le seul critère qu'un utilisateur aveugle de lecteur d'écran rencontre sur chaque page. Son absence pénalise l'accessibilité, et aussi les moteurs de recherche et les crawlers d'aperçu qui s'en servent comme légende.

Quelle longueur pour un alt? 125 caractères, est-ce un plafond strict?

Pas techniquement. Les navigateurs et lecteurs d'écran gèrent des chaînes plus longues. La limite de 125 vient des anciennes versions de JAWS qui coupaient mal; c'est corrigé, mais une description courte reste moins fatigante à écouter.

Que faire pour les images purement décoratives comme des séparateurs?

Mettez alt="" (chaîne vide), ne supprimez pas l'attribut. Un alt vide indique au lecteur d'écran de passer l'image. En l'enlevant entièrement, certains lecteurs vont lire le nom de fichier, ce qui est pire que rien.

Comment décrire un graphique complexe en 125 caractères?

Commencez par le type de graphique et le constat principal, pas chaque donnée. «Courbe, le mobile dépasse le desktop au T3 2024» vaut mieux qu'une liste de valeurs mensuelles. Pour les détails, placez ailleurs sur la page une description longue en texte.

Faut-il commencer par «photo de» ou «image de»?

Non. Le lecteur d'écran annonce déjà qu'il lit une image, donc «image de chat» devient «image, image de chat». Démarrez par le sujet: «Un chat gris sur un canapé bleu». La checklist de l'outil détecte automatiquement ce motif.

Outils similaires