Devsource by Maxime GUINARD

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.
The Bridge
reside
AFFS7
12
R
kp
S
K
The Bridge
reside
AFFS7
12
R
kp
S
K
The Bridge
reside
AFFS7
12
R
kp
S
K
The Bridge
reside
AFFS7
12
R
kp
S
K
The Bridge
reside
AFFS7
12
R
kp
S
K