Le texte alternatif (Alt) est une description concise expliquant l'importance d'une image du site pour le contexte d'une page. En veillant à ce que tous les éléments d'une image du site disposent d'une balise ou d'un attribut alt, vous aidez les moteurs de recherche et les utilisateurs malvoyants à comprendre le contenu. C'est essentiel pour l'accessibilité web et le RÉFÉRENCEMENT NATUREL. Le texte alternatif rend le contenu du site accessible à un public plus large, notamment aux personnes souffrant de troubles cognitifs et/ou d'apprentissage, tout en améliorant le classement de votre site dans les moteurs de recherche. Créez un texte alternatif pertinent pour les images de votre site en ajoutant et en modifiant manuellement le texte alternatif ou en le générant à l'aide d'un simple bouton, l'Assistant IA.
Pour plus d'informations sur la génération de texte alternatif avec l'assistant IA, consultez la section Texte alternatif dans Site Web avancé : Accessibilité.
Règles de base du texte alternatif
Ce qui suit inclut les règles de base pour rédiger un bon texte alternatif.
- Ajoutez un texte alternatif à toutes les images informatives du site. En l'absence de balise alt sur une image, un lecteur d'écran peut annoncer le nom du fichier ou le chemin d'accès de l'image à la place. Cela ne permet pas de communiquer le contenu de l'image.
- Utilisez un texte alternatif court et descriptif. Un texte alternatif trop long nuira à l'expérience utilisateur des utilisateurs de lecteurs d'écran. Si l'image nécessite une description longue, pensez à la décrire dans le contenu et à fournir un texte alternatif plus court.
- N'incluez pas « image de » ou « photo de ». Les lecteurs d'écran signalent automatiquement une image comme telle.
- Incluez le texte de l'image si celle-ci contient du texte. Pour les images avec de longues descriptions, décrivez-les dans le contenu et ajoutez un texte alternatif plus court.
Vue d'ensemble du texte alternatif de l'image dans la vue d'ensemble du site
Le texte alternatif de l'image dans la vue d'ensemble de votre site vous permet de gérer le texte alternatif pour toutes les images du site dans une zone consolidée (pour plus d'informations sur la façon d'y accéder, consultez la section Comment accéder à la vue d'ensemble du texte alternatif située ci-dessous).
Pour connaître le nombre d'images dont le texte alternatif est manquant, accédez à la vue d'ensemble des textes alternatifs pour afficher le total près du titre « Images du site ». Une fois toutes les images configurées, la mention « Toutes les images sont configurées » s'affiche et la vue « Texte alternatif manquant » est vide.
Le texte alternatif de l'image comprend deux vues : « Texte alternatif manquant » et « Toutes les images ».
- Dans « Texte alternatif manquant », également la vue par défaut, le tableau affiche vos images sans texte alternatif.
- Dans « Toutes les images », le tableau affiche toutes vos images avec et sans texte alternatif.
Les deux vues contiennent un tableau, et le nom et l'emplacement d'une image sont disponibles sous chaque carte d'image.
Note :
Si votre site est multilingue, utilisez le menu déroulant pour sélectionner une langue. Si le texte est en gras et qu'un point est présent à côté du nom de la langue, cela signifie que les images du site sont dans cette langue sans texte alternatif.
Comment accéder à la vue d'ensemble du texte alternatif
Pour accéder à la vue d'ensemble du texte alternatif :
- Depuis le tableau de bord, localisez le site dans la liste. Passez la souris dessus et cliquez sur l' icône « Vue d'ensemble » à côté du site.
- Dans le panneau latéral de la vue d'ensemble du site, cliquez sur « RÉFÉRENCEMENT NATUREL » , puis sur « Texte alternatif de l'image ». Le nombre d'images sans texte alternatif se trouve près du titre « Images du site ».
- (Facultatif) Si votre site est multilingue, cliquez sur le menu déroulant et sélectionnez une langue.
Comment créer un texte alternatif pour les images
Pour créer un texte alternatif pour vos images :
- Depuis le tableau de bord, localisez le site dans la liste. Passez la souris dessus et cliquez sur l' icône « Vue d'ensemble » à côté du site.
- Dans le panneau latéral de la vue d'ensemble du site, cliquez sur « RÉFÉRENCEMENT NATUREL » , puis sur « Texte alternatif de l'image ». Le nombre d'images sans texte alternatif se trouve près du titre « Images du site ».
- (Facultatif) Si votre site est multilingue, cliquez sur le menu déroulant et sélectionnez une langue.
- Choisissez entre l'ajout de texte alternatif en masse à plusieurs images du site ou à des images individuelles.
- Pour générer du texte alternatif en masse :
- Cliquez sur le bouton Générer un texte alternatif en masse et sélectionnez l'une des deux options de génération de texte alternatif : générer un texte alternatif pour toutes les images du site ou générer un texte alternatif pour les images du site sans texte alternatif.
- Suivez les instructions de l'assistant. Vous pouvez ignorer, accepter ou modifier les suggestions.
- Pour générer du texte alternatif pour des images individuelles :
- Cliquez sur le champ de texte alternatif sous l’image à laquelle vous souhaitez ajouter un texte alternatif.
- Ajoutez manuellement un texte alternatif ou cliquez sur le bouton AI Sparkle pour le générer automatiquement dans la langue actuelle du site. Cliquez en dehors du champ de texte alternatif pour confirmer les modifications. L'image et le texte alternatif seront supprimés de la vue « Texte alternatif manquant » et se retrouveront dans la vue « Toutes les images ».
- Créez un texte alternatif pour toutes les images de votre site et recevez un message de réussite dans la vue Texte alternatif manquant.
Comment modifier le texte alternatif
Pour modifier le texte alternatif des images de votre site :
- Depuis le tableau de bord, localisez le site dans la liste. Passez la souris dessus et cliquez sur l' icône « Vue d'ensemble » à côté du site.
- Dans le panneau latéral de la vue d'ensemble du site, cliquez sur « RÉFÉRENCEMENT NATUREL » , puis sur « Texte alternatif de l'image ». Le nombre d'images sans texte alternatif se trouve près du titre « Images du site ».
- (Facultatif) Si votre site est multilingue, cliquez sur le menu déroulant et sélectionnez une langue.
- Choisissez la vue « Toutes les images ».
- Cliquez sur le champ de texte alternatif que vous souhaitez réactiver et effectuez vos modifications. Cliquez en dehors du champ de texte alternatif actuel pour confirmer les modifications.
Note :
- Nous vous recommandons d'utiliser un texte alternatif de 125 caractères maximum. Le compteur de caractères changera de couleur lorsque vous dépasserez ce nombre.
- Les images d'arrière-plan ne nécessitent pas de texte alternatif car, lorsque la source de la page est analysée ou explorée par un moteur de recherche, la conception d'arrière-plan n'est pas enregistrée en tant que contenu.
Plus de fonctionnalités à venir
Nous investissons activement pour rendre les sites développés avec la plateforme plus accessibles.