Aller au contenu
Accueil > [UXSPRINTER-46] Images informatives

[UXSPRINTER-46] Images informatives

Renseigner une alternative textuelle pour chaque image porteuse d’information (balise ALT dans le code).

Il est crucial de renseigner une alternative textuelle (aussi appelée « alt text » ou texte alternatif) pour chaque image porteuse d’information sur votre site internet. C’est un attribut à intégrer dans le code de son site (manuellement ou via l’interface de votre CMS, système de gestion de contenu).

Accessibilité pour les Personnes Malvoyantes ou Non Voyantes

Les personnes malvoyantes ou non voyantes dépendent souvent de technologies d’assistance telles que les lecteurs d’écran pour accéder à du contenu en ligne. L’alternative textuelle permet à ces lecteurs de décrire l’image, fournissant ainsi une compréhension contextuelle aux utilisateurs qui ne peuvent pas voir l’image. L’ajout de cet élément est une norme recommandée par le W3C (World Wide Web Consortium). En France, c’est également le premier critère de test du RGAA (Référentiel général de l’amélioration de l’accessibilité) : https://accessibilite.numerique.gouv.fr/methode/criteres-et-tests/↗.

Amélioration de l’Expérience pour les Personnes avec un Faible Débit Internet

Dans les situations où la connexion Internet est lente, les utilisateurs peuvent choisir de désactiver le chargement automatique des images pour accélérer le temps de chargement de la page. L’alternative textuelle devient alors essentielle pour transmettre l’information visuelle aux utilisateurs, même si les images ne sont pas affichées.

SEO (Optimisation pour les Moteurs de Recherche) 

Les moteurs de recherche utilisent également les alternatives textuelles pour comprendre le contenu des images. En ajoutant des descriptions pertinentes dans l’alternative textuelle, vous améliorez la compréhension du contenu par les moteurs de recherche, ce qui peut avoir un impact positif sur le référencement de la page.

N.B. : les images dites « décoratives », autrement dit qui n’apportent pas d’information complémentaire au contenu de la page, doivent disposer d’un attribut « alt » dont le contenu est vide.