Textes alternatifs pour les images : accessibilité et SEO à la fois

Chaque image de votre site web peut porter un petit texte que l'on ne voit pas au premier coup d'œil : le texte alternatif. « Alt » vient de « alternatif », c'est la description qui prend le relais lorsque l'image elle-même ne s'affiche pas. Cela ressemble à un détail, mais c'est l'un des endroits les plus discrets où l'accessibilité et le SEO se rejoignent. Dans cet article, je vous montre à quoi servent les textes alternatifs et comment les formuler pour qu'ils soient vraiment utiles.

Le plus beau, c'est que si vous décrivez une image de façon honnête et claire, vous avez le plus souvent déjà tout fait comme il faut, aussi bien pour les humains que pour Google.

Ce qu'est réellement un texte alternatif

Le texte alternatif est une courte description enregistrée dans le code, directement au niveau de l'image. Il devient visible dans trois situations :

• Une personne utilise un lecteur d'écran, un logiciel qui lit l'écran à voix haute. Il lit alors le texte alternatif, parce qu'un utilisateur aveugle ne peut pas voir l'image.
• L'image ne se charge pas, par exemple en cas de mauvaise connexion. Le texte apparaît alors à sa place.
• Google ne « voit » pas votre image comme un humain. Il lit le texte alternatif pour comprendre ce qu'elle représente.

Une seule et même phrase remplit donc trois fonctions à la fois. C'est justement pour cela qu'il vaut la peine de ne pas la laisser vide.

Pourquoi les textes alternatifs comptent pour l'accessibilité

Imaginez que quelqu'un ne puisse pas voir vos images et navigue sur la page grâce à une fonction de lecture vocale. Sans texte alternatif, cette personne n'entend que « image » ou le nom de fichier sans signification. Avec un bon texte alternatif, elle entend à la place : « Un artisan peint une façade en bois avec de la peinture blanche. » Soudain, la page prend tout son sens.

En Suisse, l'accessibilité n'est pas seulement un geste sympathique. Pour les organismes publics, elle est obligatoire, et pour les prestataires privés aussi, elle devient de plus en plus la norme. Mais surtout, elle est tout simplement juste : environ une personne sur dix a besoin d'une forme ou d'une autre d'assistance pour naviguer. Un texte alternatif bien pensé vous coûte une minute et ouvre la porte à ces personnes.

Pourquoi Google adore les textes alternatifs

Les moteurs de recherche sont de plus en plus doués pour interpréter les images, mais le texte alternatif reste le signal le plus clair de ce que montre une image. Vous en profitez doublement :

• Vos images peuvent apparaître dans la recherche d'images Google et amener des visiteurs supplémentaires.
• Le texte alternatif aide Google à mieux comprendre le contexte de toute la page, ce qui aide indirectement le classement.

L'ordre à garder en tête est important : écrivez le texte alternatif d'abord pour l'humain qui l'entend, pas pour le moteur de recherche. Si le mot-clé qui convient s'y intègre naturellement, tant mieux. Sinon, laissez-le de côté. Une description honnête vaut mieux que toute accumulation forcée de mots-clés.

Comment formuler une bonne description d'image

Un bon texte alternatif est court, concret et décrit ce qui est réellement visible. Quelques règles simples :

• Concret plutôt que vague : « Vélo de course rouge appuyé contre un mur en pierre » plutôt que simplement « vélo ».
• Rester court : une phrase suffit le plus souvent. Personne n'a envie de se faire lire un roman.
• Penser à l'objectif : décrivez ce qui est pertinent pour la page. Sur une page consacrée à Schaffhouse, c'est les chutes du Rhin qui comptent, pas le nuage dans le ciel.
• Pas de formules creuses : évitez « image de » ou « photo de ». Le lecteur d'écran sait déjà qu'il s'agit d'une image.
• Intégrer naturellement le mot important : si vous êtes une menuiserie à Winterthour, « menuisier au travail dans l'atelier » peut tout à fait se dire ainsi, mais seulement si c'est vrai.

Quand une image n'a pas besoin de texte alternatif

Toutes les images ne portent pas une information. Les éléments purement décoratifs, un trait de séparation ornemental, un motif de fond, une fioriture décorative, n'ont pas besoin d'un texte alternatif descriptif. Au contraire : si vous faisiez lire chaque élément décoratif, ce serait plutôt gênant pour les utilisateurs aveugles.

Pour ces cas, il existe le texte alternatif vide (techniquement un attribut alt vide). Il dit au lecteur d'écran : « Il n'y a rien d'important ici, passe. » C'est tout autre chose que d'omettre complètement l'attribut, car dans ce cas le logiciel lit souvent, faute de mieux, le nom du fichier. Cette distinction est en général gérée par la personne qui construit votre site.

Comment vérifier vos propres images

Vous n'avez pas besoin de connaissances techniques pour cela. Parcourez vos pages les plus importantes et demandez-vous pour chaque image : si je ne pouvais pas voir cette image, une phrase lue à voix haute m'expliquerait-elle ce qui se passe ici ? Quelques repères :

• Les images importantes sur le plan du contenu portent-elles une description compréhensible ?
• Y trouve-t-on de vraies phrases, ou seulement des noms de fichiers comme « IMG_2043 » ?
• Les images purement décoratives sont-elles marquées comme telles, plutôt que décrites inutilement ?

Si vous butez à la lecture, un lecteur d'écran ne saura sans doute pas mieux quoi en faire.

Les textes alternatifs font partie de ces petits soins que personne ne remarque tant qu'ils sont là, et qui font une grande différence dès qu'ils manquent. Si vous le souhaitez, je jette un œil à vos images existantes ou je mets tout cela au propre dès la construction de votre nouveau site. Contactez-moi simplement via le formulaire de contact, et nous discuterons de ce qui en vaut la peine pour vous. Vous trouverez d'autres conseils pratiques pour les PME dans mes autres articles.