Attribut alternatif

Conception Web et UX

L'attribut alt contient une description textuelle de l'image. Elle est lue à voix haute lorsqu'un utilisateur utilise un lecteur d'écran et s'affiche si l'image ne se charge pas. Les moteurs de recherche l'utilisent pour catégoriser le contenu de l'image.

Un bon texte alternatif décrit ce qui est visible dans le contexte de la page. Mauvais : « Image1 ». Autre mauvais texte, car trop optimisé : « Serveur d'hébergement web pas cher à Düsseldorf ». Bon texte : « Armoire serveur dans le centre de données de Düsseldorf avec voyants bleus ».

En règle générale, une phrase suffit, soit environ 125 caractères. Si vous ne parvenez pas à décrire le contenu de l'image en une seule phrase, demandez-vous si cette information ne serait pas plus appropriée dans le corps du texte.

L'exception importante est la suivante : les images purement décoratives, comme une ligne de séparation ou un motif d'arrière-plan, se voient attribuer un attribut alt vide. Cela permet au lecteur d'écran de les ignorer au lieu de lire des descriptions inutiles. Un attribut manquant est différent d'un attribut vide, car dans ce dernier cas, le logiciel lit souvent le nom du fichier.

Retour au glossaire