Attribut ALT (Texte alternatif)
L’attribut ALT est une description textuelle courte intégrée à la balise HTML d’une image. Il sert de substitut au contenu visuel lorsque celui-ci ne peut pas être affiché ou vu.
Définition
L’attribut alt="..." fournit une alternative textuelle aux robots des moteurs de recherche et aux outils d’assistance (lecteurs d’écran). Contrairement à la légende, ce texte n’apparaît normalement pas à l’écran, sauf si l’image ne parvient pas à se charger, auquel cas il s’affiche dans le cadre vide.
Pourquoi c’est important ?
- Impact direct sur la visibilité SEO : C’est le principal signal utilisé par Google pour comprendre le contenu d’une image et l’indexer correctement dans Google Images.
- Améliore l’expérience utilisateur : Indispensable pour l’accessibilité web (RGAA), il permet aux personnes malvoyantes de comprendre le contexte de l’image via leur synthèse vocale.
- Facilite la compréhension par les moteurs : Il renforce la pertinence sémantique de la page en associant des mots-clés contextuels au contenu visuel.
Bonnes pratiques
- Appliquer la recommandation : Rédiger une description concise et descriptive. Évitez le bourrage de mots-clés (keyword stuffing). Si l’image est purement décorative, laissez l’attribut vide (
alt="") pour ne pas polluer la lecture des outils d’assistance. - Mesurer l’impact : Utiliser Lighthouse ou des extensions comme Web Developer pour lister les images sans attribut ALT et surveiller le trafic provenant de la recherche d’images.
- Documenter les actions : Intégrer la saisie du texte ALT dans votre flux de travail éditorial (workflow) lors de chaque ajout de média sur votre CMS.
- Ils font confiance à Devsource