Si vous téléchargez des médias sur votre site Web ou sur les réseaux sociaux, vous devez inclure du texte alternatif ! De plus, vous voulez être sûr que vous suivez les meilleures pratiques, garantissant ainsi que votre texte alternatif est toujours optimisé !
Si vous n'êtes pas sûr de ce qu'est le texte alternatif et pourquoi vous devriez l'utiliser, pensez à lire notre article, Texte alternatif : qu'est-ce que c'est et pourquoi vous devriez l'utiliser.
Meilleures pratiques en matière de texte alternatif
Voici un bref aperçu des meilleures pratiques pour votre texte alternatif ! Vous pouvez utiliser cette liste de contrôle lorsque vous commencez à rédiger vos descriptions alternatives, car celles-ci seront toujours pertinentes !
- Ajoutez le bon type de texte alternatif aux bons types d'images
- Soyez descriptif mais concis
- Évitez les mots inutiles
- Essayez de mettre les informations les plus importantes au début
- Utilisez des mots-clés, mais pas massivement
- Utilisez une grammaire appropriée pour les lecteurs d'écran
- Les images liées doivent transmettre l'action
- Vérifiez toujours les erreurs
1) Ajoutez le bon type de texte alternatif aux bons types d'images
Un élément important à noter : vous avez peut-être entendu ailleurs que vous ne souhaitez pas mettre de texte alternatif sur chaque image. C'est faux! Vous voulez du texte alternatif sur chaque image ; il vous suffit d'utiliser le bon type de texte alternatif.
Si une image est informative, ajoutez le texte alternatif. Si une image ajoute de la valeur à une page et/ou gênerait une page si elle manquait, ajoutez le texte alternatif !
Si une image est simplement décorative et ne sert à rien, vous avez peut-être entendu dire qu'il ne fallait pas ajouter de texte alternatif. Cela peut entraîner une confusion inutile pour les utilisateurs du site utilisant des lecteurs d'écran. Cela étant dit, laisser le texte alternatif vide n’est en fait pas la meilleure pratique. Dans ce scénario, vous voudriez utiliser un « texte alternatif nul ». Lorsqu'un lecteur d'écran rencontre un texte alternatif nul, il ignore complètement l'image, sans même annoncer sa présence à l'utilisateur. Si nous ignorons complètement l'ajout d'un attribut alt, le lecteur d'écran lira le nom du fichier de l'image, ce qui pourrait être encore plus distrayant qu'un texte alt normal ne l'aurait été.
2) Soyez descriptif mais concis
Lorsque vous rédigez des descriptions alternatives, vous devez vous assurer que vous restez dans la limite des 125 caractères. La plupart des lecteurs d’écran arrêteront de lire à ce stade, ce qui peut semer la confusion chez les utilisateurs. Au sein de ces 125 caractères, vous souhaiterez être descriptif ! Cela ne signifie pas nécessairement décrire exactement ce qui se trouve sur la photo. Votre texte alternatif n’a pas besoin d’être une description objective de ce qui est visuellement vu. Il peut transmettre des nuances, des détails et des émotions s’ils sont pertinents pour l’expérience utilisateur.
3) Évitez les mots inutiles
Cela va de pair avec la concision, mais nous parlons plus spécifiquement des mots suivants :
- Photo de…
- Image de…
- Graphique de…
- Etc
Le raisonnement étant que les lecteurs d’écran annoncent automatiquement une image comme une image. Ainsi, le texte alternatif sur une photo d'une méduse saisie comme « Une photo d'une méduse » serait lu par les lecteurs d'écran comme « Image Une photo d'une méduse ». Laissez-le simplement à « Une méduse ».
4) Essayez de mettre les informations les plus importantes au début
Encore une fois dans le domaine du court et du doux : nous n’avons pas besoin d’un roman par image. Mettez les informations les plus pertinentes au début de votre texte alternatif pour permettre aux utilisateurs de passer à autre chose une fois qu'ils ont les informations dont ils ont besoin.
5) Utilisez des mots-clés, mais pas massivement
C'est une bonne idée d'inclure un mot-clé pour lequel vous souhaitez vous classer dans certains de vos textes alternatifs, en particulier lorsqu'ils sont pertinents pour une photo particulière. Cela ne signifie pas que tous les autres mots de chaque description alternative doivent être l'un de vos mots-clés. Cela entraîne une confusion entre les utilisateurs et les moteurs de recherche. Généralement, vous souhaitez uniquement inclure le mot-clé cible pour votre page/article/article spécifique et seulement s'il est facilement inclus dans votre texte alternatif.
6) Utilisez une grammaire appropriée pour les lecteurs d'écran
Comme pour tout texte, l’utilisation de la ponctuation dans l’alternative textuelle rend les informations plus faciles à comprendre. Pensez notamment à ajouter des caractères d'espacement dans le texte alternatif lorsqu'il n'y a pas de caractère d'espacement entre l'image et le texte adjacent, pour éviter que les mots s'emboîtent lorsqu'ils sont lus par un lecteur d'écran.
Si vous utilisez une alternative textuelle nulle (vide) (alt="") pour masquer les images décoratives, assurez-vous qu'il n'y a pas de caractère d'espace entre les guillemets. Si un caractère spatial est présent, l’image ne peut pas être efficacement cachée aux technologies d’assistance. Par exemple, certains lecteurs d'écran annonceront toujours la présence d'une image si un espace est placé entre les guillemets. (La source).
7) Les images liées doivent transmettre l'action
Lorsque vous avez une image liée, il est préférable de transmettre l'action qui sera initiée (c'est-à-dire qu'elle est liée et où elle est liée) plutôt que de décrire ce qu'il y a dans l'image qui est liée, comme à ce stade. ce n'est pas pertinent.
8) Vérifiez toujours les erreurs
Vérifiez toujours votre texte alternatif au même niveau que vous le feriez pour le reste du contenu de votre site. Les mots mal orthographiés dans le texte alternatif peuvent nuire à l'expérience utilisateur et/ou dérouter les moteurs de recherche qui explorent votre site.
Tester votre texte alternatif avec l'IA
Compte tenu de la disponibilité actuelle de nombreux outils d’IA gratuits, il est logique de les utiliser à votre avantage ! Si vous ne savez pas dans quelle mesure vous avez réussi à décrire votre image, essayez de brancher votre description alternative dans un générateur et voyez à quel point leur rendu est proche de votre image d'origine ! Vous trouverez ci-dessous quelques-uns que nous avons utilisés dans notre équipe !
Générateur d'images gratuit Microsoft 365
Générateur d'images IA gratuit Canva
Écrit par Hailey A.Arntson
