Téléchargez un manuel gratuit, qui vous aidera à concevoir votre site en toute confiance.
L’adresse e-mail saisie n’est pas valide.
Nous vous remercions de vous être abonné(e).
En saisissant votre adresse e-mail, vous reconnaissez avoir lu et compris notre Politique de confidentialité et acceptez de recevoir des communications marketing de la part de Squarespace.
Le texte de remplacement (ou texte alternatif) est un texte descriptif court qui aide les utilisateurs à comprendre l’objectif d’une image, d’une photographie, d’une illustration, d’un GIF ou de tout autre contenu visuel d’une page web. Cette copie peut être récupérée par des appareils d’assistance ou lorsqu’une image ne se charge pas (en raison d’une faible bande passante, par exemple).
En incluant du texte de remplacement sur votre site web, vos vidéos, images, GIF et icônes seront davantage accessibles et tout le monde pourra y accéder, qu’ils soient porteurs d’un handicap ou non.
Parmi les raisons pour lesquelles une personne pourrait avoir besoin du texte de remplacement, on trouve :
La cécité ou la malvoyance
Une éclairage intense
Une déficience auditive
Un environnement bruyant
Un débit Internet lent
Comment rédiger un bon texte de remplacement
Les descriptions de vos images doivent être de haute qualité et faciles à comprendre par votre public. Suivez ces bonnes pratiques lorsque vous rédigez votre texte de remplacement.
Faites en sorte qu’il soit bien écrit. Faites de votre mieux pour rédiger un texte de remplacement sous forme de phrase et respectez les règles de grammaire et de ponctuation.
Soyez bref. Nous vous recommandons de ne pas dépasser 250 caractères lors de la rédaction de votre texte de remplacement. Concentrez-vous sur les détails contextuels les plus importants qu’une personne a besoin de connaître, plutôt que de simplement décrire l’image elle-même.
Soyez descriptif. Fournissez les informations nécessaires pour comprendre l’intention de votre image. Lorsque vous créez un lien, expliquez à quoi vous renvoyez : « Lisez notre rapport » ou « Cliquez ici ».
Tenez compte des technologies alternatives. Réfléchissez au fonctionnement des technologies d’assistance. Par exemple, les appareils d’assistance indiquent « image de » avant de lire le texte de remplacement, de sorte que les utilisateurs de lecteurs d’écran n’ont pas besoin que vous l’incluiez dans leur copie.
Continuez à vous entraîner. Prenez l’habitude d’ajouter du texte de remplacement à toutes les images que vous publiez. Plus vous vous entraînez, plus vous pourrez décrire rapidement et efficacement le contenu des images.
Enfin, évitez d’utiliser l’IA pour générer du texte de remplacement. À ce stade, les générateurs d’IA n’identifient pas toujours avec précision les informations que le lecteur doit connaître à propos d’une image.
Contenu décoratif ou essentiel
Vous n’avez pas nécessairement besoin d’écrire un texte de remplacement pour chaque image de votre site web. Pour savoir quelles images doivent être accompagnées d’un texte de remplacement, identifiez celles qui sont décoratives et celles qui sont essentielles.
Le contenu décoratif ne permet pas de comprendre la signification ou l’utilisation de votre page web et n’a donc pas besoin de texte de remplacement. Par exemple, un séparateur de section n’a pas besoin de texte de remplacement.
Le contenu essentiel regroupe tout ce qui permet de comprendre ou d’utiliser la page. Les images essentielles doivent être accompagnées d’un texte de remplacement.
Pour différencier facilement les deux types d’images, posez-vous la question suivante : « Si je la supprime de la page, est-ce que le sens de la page changera ? »
Noms de fichiers
Appliquez également les bonnes pratiques en matière de texte de remplacement pour les noms de fichiers. Un nom de fichier accessible décrit l’image à laquelle il est associé, au lieu d’être vague ou généré automatiquement. Par exemple, utilisez « PersonneMangeantDuRaisin.jpg » au lieu de « IMG4729.jpg ».
Cela présente deux avantages supplémentaires : les fichiers images sont plus faciles à organiser et mieux configurés pour le SEO. Apparaître dans les recherches d’images est un autre excellent moyen d’attirer le trafic des moteurs de recherche vers votre site web.
Exemples de texte de remplacement d’une image
Remarque : ce guide est proposé comme ressource pour vous aider à démarrer, mais il ne doit en aucun cas être considéré comme un document juridique. Squarespace ne peut pas vous fournir de conseils sur la conformité de votre site à aucune loi, réglementation et norme spécifiques en matière dʼaccessibilité.
Voici deux exemples de texte de remplacement efficace pour les images. Notez que le texte de remplacement est spécifique au contexte : un texte de remplacement qui convient à un scénario ne s’appliquera pas nécessairement à la même photo que celle utilisée dans un autre scénario.
Imaginez que cette photo apparaisse dans une liste sur les types d’appareils photo de base. Dans ce contexte, un bon exemple de texte de remplacement pour cette image pourrait être : « Un appareil photo reflex numérique et un objectif dans un étui de transport ouvert ».
Dans ce contexte, un exemple de texte de remplacement à améliorer serait : « Image d’une caméra sur fond gris ».
Cet exemple utilise l’expression « image de », que les dispositifs d’assistance indiquent déjà avant de lire le texte de remplacement. Il ne fournit pas non plus de détails importants sur l’appareil photo ou d’autres objets de l’image qui pourraient être utiles à quelqu’un qui lit des informations sur les types de caméras.
Voici un exemple de texte de remplacement efficace pour cette image : « Un ensemble d’enveloppes colorées de la taille d’une lettre »
Dans un contexte où cette image est utilisée pour diviser visuellement la page sans ajouter les informations nécessaires, vous pouvez éviter d’écrire un texte de remplacement.
Consultez notre page sur l’accessibilité pour plus de conseils
Comment rendre des images complexes accessibles
Bien que le texte de remplacement soit utile et nécessaire, il peut être difficile de contenir toutes les informations nécessaires en 250 caractères ou moins. C’est particulièrement le cas pour les images plus complexes telles que les tableaux, les graphiques, les infographies et les longues vidéos qui peuvent nécessiter des descriptions beaucoup plus longues pour faire passer les informations les plus importantes.
Dans ces cas de figure, vous pouvez :
Décrire le contenu en détail dans le corps de votre texte. Rédigez une description plus longue de l’image qui met en évidence les points clés et les met en contexte. Vous pouvez utiliser le texte de remplacement pour ajouter une brève description et un paragraphe juste à côté ou en dessous de l’image avec une description plus longue.
Utiliser une légende. Ajoutez une légende visible à votre image qui explique les détails et le contexte de l’image.
Le texte de remplacement et l’accessibilité web sont essentiels, et pas seulement « agréables à utiliser » pour votre site web. Plus votre site est accessible, plus les visiteurs peuvent l’utiliser, quelle que soit leur situation.