Qu’est-ce que le texte alternatif? Comment utiliser l’élément de page pour les images pour améliorer l’accessibilité de votre site Web …

• Le texte alternatif est un élément essentiel de la conception d’une page Web. Il s’agit d’une courte description textuelle d’une image sur la page.
• Le texte alternatif est utilisé par les outils d’accessibilité pour lire à haute voix les descriptions d’images aux visiteurs aveugles ou malvoyants et aux moteurs de recherche pour un meilleur classement des pages Web.
• Vous pouvez voir le texte alternatif sur n’importe quelle page Web en inspectant le code HTML de la page.
• Visitez la bibliothèque de référence technique de Business Insider pour plus d’histoires.

Le texte alternatif est un composant de la conception de pages Web. Plus précisément, c’est une phrase ou une phrase qui décrit une image sur la page.

Dans la conception de pages Web modernes, le texte de remplacement n’est pas affiché pour la plupart des utilisateurs, mais il est considéré comme une partie essentielle d’une bonne conception de sites Web, et chaque image d’une page doit être associée à du texte de remplacement.

Le but du texte alternatif

Le texte alternatif a deux objectifs principaux. Il est utilisé par les outils d’accessibilité à la lecture d’écran pour lire à haute voix des descriptions d’images pour les utilisateurs aveugles, malvoyants ou qui ont besoin d’aide supplémentaire pour voir le contenu de la page. Un bon texte alternatif est essentiel pour que ces utilisateurs aient une expérience satisfaisante sur la page Web.

Il est également utilisé par Google et d’autres moteurs de recherche pour comprendre le contenu de l’image, qu’il peut utiliser pour mieux classer la page Web dans les résultats de recherche.

Comment ajouter du texte alternatif à une image et la voir en HTML

L’ajout de texte alternatif varie en fonction de la conception Web ou du système de gestion de contenu utilisé pour créer la page Web. En général, l’outil fournira un champ pour saisir le texte alternatif lorsqu’une image est téléchargée sur la page Web. Dans la plupart des cas, vous pouvez également modifier l’image téléchargée par la suite pour ajouter ou modifier le texte de remplacement.

Vous pouvez ajouter du texte alternatif à n’importe quelle image à l’aide de l’outil de conception Web ou de gestion de contenu, tel que WordPress.

Dave Johnson / Business Insider

Ce texte alternatif est ensuite encodé sur la page en HTML. Vous pouvez le voir dans n’importe quel navigateur Web en utilisant la fonction « Inspecter » de votre navigateur. Par exemple, dans Chrome, cliquez avec le bouton droit sur une image sur une page Web et cliquez sur « Inspecter » dans le menu déroulant. Dans Firefox, cliquez avec le bouton droit et choisissez «Inspecter l’élément». Dans les deux cas, vous devriez voir une fenêtre apparaître avec le code HTML de la page. Pour l’image, vous devriez voir une balise HTML qui dit « alt = » suivie de la description du texte alt.

Vous pouvez utiliser l’outil Inspecter dans un navigateur comme Chrome pour voir le texte alternatif associé à une image dans une page Web.

Dave Johnson / Business Insider

Meilleures pratiques de texte alternatif

Les experts en optimisation de moteur de recherche (SEO) ont beaucoup de conseils sur la conception de pages Web et les éléments de page Web comme le texte alternatif. Vous pouvez suivre des cours entiers sur ce sujet. Mais en général, il y a quelques recommandations de base que l’on peut faire sur le texte alternatif. Voici quelques conseils généraux sur la formation d’un bon texte alternatif:

• Les conseils sur la longueur changent de temps en temps, mais actuellement, vous devez conserver le texte alternatif de moins de 100 caractères, espaces compris.
• Décrivez l’image de façon claire, précise et succincte.
• Ne commencez pas le texte alternatif par une phrase comme «Image de…» ou «Photo de…» Décrivez simplement ce qu’il y a dans l’image.
• Ne pas « bourrer » le texte alternatif avec des mots clés liés à la page Web, mais soyez aussi précis que possible. Cela aide à la fois le visiteur aveugle et malvoyant, ainsi que Google.