Les balises « alt » (alternative) sont des attributs utilisés dans le langage HTML pour fournir une description textuelle aux images sur une page web, mais également sur les réseaux sociaux.
Cette description n’est pas directement visible par l’utilisateur, elle est avant tout lu et interprété par l’appareil. Notez qu’un bouton d’action, s’il est important, peut aussi avoir un texte alternatif.
Les 3 utilisations de la balise « alt »
Amélioration du référencement SEO
Les moteurs de recherche ne peuvent pas « voir » les images, mais ils peuvent lire et indexer le texte des balises « alt ». Ainsi l’utilisation de descriptions pertinentes et précises dans les balises « alt » peut améliorer le référencement d’une page web en fournissant des informations supplémentaires sur son contenu aux moteurs de recherche.
Les moteurs de recherche accordent une grande importance aux solutions d’accessibilité. En effet, ils récompensent les sites web qui proposent des contenus accessibles à tous les utilisateurs, y compris ceux en situation de handicap. En fournissant une description pertinente et précise de vos images dans la balise « alt », vous améliorez non seulement l’accessibilité de votre site web, mais aussi votre référencement naturel sur les moteurs de recherche.
Amélioration de l’accessibilité
Les balises « alt » sont cruciales pour rendre les sites web accessibles aux personnes malvoyantes ou non-voyantes qui utilisent des assistants vocaux pour naviguer sur internet. Les lecteurs d’écran lisent le contenu textuel d’une page web à haute voix, y compris les descriptions des balises « alt », permettant ainsi aux utilisateurs de comprendre le contenu et la fonction des images.
Affichage en cas d’erreur
Si une image ne peut pas être chargée ou affichée correctement en raison d’une erreur de chargement, d’une connexion internet lente ou d’un problème avec le fichier image, le texte de la balise « alt » s’affichera à la place de l’image. Cela permet aux utilisateurs de comprendre son contenu même si celle-ci ne s’affiche pas.
Quand utiliser la balise « alt » ?
Pour améliorer le référencement naturel de son site, il peut sembler judicieux d’ajouter systématiquement une description aux images. Toutefois, cette pratique n’est pas recommandée.
En effet, il est essentiel de fournir un texte adapté et pertinent dans les balises « alt » uniquement pour les images qui nécessitent une description.
On distingue deux types d’images, les décoratives et les fonctionnelles.
Images décoratives
Si une image est purement décorative, c’est-à-dire, qu’elle n’apporte aucune information ou fonctionnalité importante, vous pouvez laisser la balise « alt » vide. Cela indique aux lecteurs d’écran d’ignorer l’image.
Images fonctionnelles
Si une image sert de bouton, de lien, d’élément interactif oui dispose d’une illustration explicative, indiquez clairement sa fonction dans la balise « alt ».
Par exemple, pour une icône de panier d’achat, vous pouvez utiliser « Ajouter au panier » comme texte alternatif.
Comment utiliser les balises ?
Soyez concis, gardez les descriptions courtes et simples, tout en étant suffisamment descriptives, il est inutile de trop entrer dans les détails. Évitez les mots vides comme « image », « photo » ou « icône », car ils n’apportent pas d’information utile aux utilisateurs d’assistant vocaux.
En résumé, fournissez un texte descriptif et pertinent dans les balises « alt » de vos images porteuses de sens et fonctionnelles, laissez la balise « alt » vide pour les images décoratives et suivez les bonnes pratiques pour optimiser l’accessibilité et l’expérience utilisateur de votre site web.
Qu’est-ce qu’une agence comme la nôtre peut vous apporter ?
Grâce à son expertise et son savoir-faire, notre agence peut vous aider à y voir plus clair dans la gestion et l’utilisation des balises « alt » de vos images.
Notre expertise et notre savoir-faire en matière d’inclusivité
Nous sommes en mesure de vous accompagner dans le choix et l’utilisation de vos images pour rendre votre site web plus inclusif. Nous prenons en compte vos valeurs, votre positionnement et vos objectifs de communication pour vous aider à sélectionner des images qui reflètent votre entreprise et qui soient en adéquation avec votre public cible.
Nous pouvons également vous conseiller sur les choix graphiques les plus adaptés à votre entreprise et à votre marché, en vous proposant des solutions créatives et innovantes.
Vous souhaitez en savoir plus ? Contactez-nous !
