En quoi le texte alternatif est-il important ?

Le texte alternatif

Le texte alternatif est le texte qui accompagne une image, une vidéo ou un élément placé dans une page web. C’est le texte que l’on retrouve dans la balise alt d’une image en ligne, que ce soit dans le code HTML, ou à l’endroit approprié dans votre CMS (Content Management System). Il sert à l’accessibilité et offre une « alternative textuelle au contenu non textuel d’une page web ». Tous les formats d’image peuvent avoir un texte alternatif, qu’elles soient en jpeg, en png, en gif, ou autres. Il a plusieurs dénominations pour désigner le texte alternatif : texte alt, balise alt, description alt, attribut alt. Mais attention : le texte alternatif n’est pas la même chose que le nom de votre fichier.

Le texte alternatif a plusieurs rôles : non seulement il rend le contenu accessible aux utilisateurs ayant des problèmes visuels, ou lorsque l’image n’est pas disponible pour une raison X ou Y (comme un long chargement de page), mais il fait aussi partie du contenu pouvant être lu par les moteurs de recherche pour le SEO. En bref, remplir la balise alt vous permet d’être plus visible, d’améliorer l’expérience utilisateur et votre référencement gratuit. Les ordinateurs ne savent pas lire ou décrire le contenu d’une image, remplir votre balise alt est donc une action rapide, ayant de nombreux avantages.

Par exemple, pour une image montrant une maison dans une forêt, votre code ressemblera à ceci :

<img src="maison-foret.jpg" alt="maison dans la forêt">.

Le texte alternatif qui s’affichera sera « maison dans la forêt ».

où trouver le texte alt sur wordpress
Emplacement du texte alternatif sous WordPress

Ne négligez pas votre balise alt !

Il est important de bien réfléchir à ce que vous allez indiquer dans le texte alternatif d’une image donnée. En effet, une même image pourrait avoir un attribut alt différent suivant le contexte dans lequel elle a été utilisée et présentée.

Une bonne balise alt doit être précise, et décrire le plus fidèlement possible le contenu de l’image. Inutile d’écrire un roman, quelques mots suffisent. Faites également attention à ne pas répéter ce qui est indiqué dans le texte. Inutile également d’inclure le mot « image de… » ou « photo de… », les navigateurs savent très bien repérer qu’il s’agit d’images. Il est déconseillé de mettre la même balise alt à des images apparaissant sur une même page, vous pourriez être sanctionnés dans votre SEO (Google estimera qu’il s’agit de contenu dupliqué).

Attention cependant aux cas particuliers, comme lorsque votre image est utilisée comme bouton. Au lieu de décrire l’image (par exemple : « maison dans la forêt »), il sera préférable de décrire l’action du bouton (comme par exemple « lancer la recherche »).

Certaines images peuvent avoir des attributs alt vides si elles ne sont là que pour décorer et habiller votre texte. La balise alt doit néanmoins exister dans votre code HTML, même en restant vide.

Le texte alternatif sur les réseaux sociaux

Vous pouvez retrouver de plus en plus cette notion de texte alternatif sur les réseaux sociaux.

Pour ce qui est de Twitter, cette possibilité est déjà mise en place depuis 2016. Vous pouvez le modifier en cliquant sur « Editer » lors de l’importation d’une image.

modifier balise alt twitter

Sur Facebook, le texte alternatif est automatiquement généré par le réseau social. Mais vous pouvez le changer facilement, en cliquant sur l’éditeur de l’image.

comment modifier balise alt sur facebook

Sur Instagram, cette fonctionnalité a été lancée en 2018. Si vous n’en ajoutez pas à votre post, pas de panique ! L’application en créera automatiquement, selon ce qui peut être distingué sur la photo. Tout comme pour la balise alt sur une page web, l’idée n’est pas de faire du copier-coller de votre légende, mais bien de faire comprendre à un utilisateur ce que montre la photo lorsque celui-ci ne peut la voir. Pour modifier le texte alternatif sur Instagram, vous avez deux solutions :

  • Importez votre contenu sur Instagram et appuyez sur « Suivant », puis « Paramètres Avancés » et saisissez votre texte dans la zone indiquée.
  • Si votre post est déjà publié, appuyez sur les trois petits points, puis sur « Modifier »

Vous avez besoin d’aide pour mettre en place vos contenus ? N’hésitez pas à me contacter ici !