L'accessibilité des images et le SEO des images ne sont pas deux sujets séparés — ce sont deux faces d'un même objectif : aider tout le monde (et tout bot) à comprendre correctement le contenu de vos images. Le Googlebot de Google fonctionne très comme un lecteur d'écran : il lit du texte, il ne "voit" pas les images.
Selon l'enquête WebAIM 2025, 71 % des utilisateurs de lecteurs d'écran quittent une page si le contenu n'est pas accessible. Selon Semrush, les pages accessibles obtiennent des Core Web Vitals 12 % supérieurs en moyenne et un taux de rebond 9 % plus faible.
Alt Text — La Base de l'Accessibilité et du SEO Images
L'attribut alt est le signal le plus important que les lecteurs d'écran et Googlebot utilisent pour "lire" une image. Un alt text correct sert simultanément les utilisateurs malvoyants et le SEO.
- ▸Images porteuses de contenu : alt text descriptif avec mots-clés naturels — "Baskets Nike Air Max 270 blanc et noir"
- ▸Images purement décoratives : `alt=""` (chaîne vide, ne pas omettre l'attribut) — lecteur d'écran ignore, Googlebot comprend que c'est décoratif
- ▸Images boutons/liens : l'alt text décrit l'action — "Ouvrir le menu de navigation"
- ▸Images complexes (graphiques, infographies) : alt court + aria-describedby pointant vers une description complète
- ▸Ne commencez jamais par "Image de..." — les lecteurs d'écran l'annoncent déjà
Les Éléments figure et figcaption — Sémantique Correcte
- ▸`<figure>` : enveloppe l'image et la légende — signale une unité de contenu autonome
- ▸`<figcaption>` : légende de l'image — lue avec l'alt text, ajoutant du contexte
- ▸figcaption et alt text ne doivent pas être identiques — figcaption ajoute du contexte, alt text décrit l'image
- ▸Google utilise figcaption comme signal de contenu supplémentaire pour le classement d'images
Rôles ARIA pour Images Complexes
- ▸`role="presentation"` ou `aria-hidden="true"` : masque entièrement les images décoratives de l'arbre d'accessibilité
- ▸`aria-describedby="id"` : référence un élément contenant une description complète pour les images complexes
- ▸`aria-label` : remplace l'alt text quand vous ne contrôlez pas l'attribut HTML
- ▸`aria-labelledby` : quand une légende ou un titre proche sert de label à l'image
Utilisez axe DevTools (extension Chrome/Firefox gratuite) pour auditer automatiquement l'accessibilité des images. Il détecte les alt text manquants, non descriptifs et les erreurs ARIA en quelques secondes.
Pourquoi l'Accessibilité Améliore Directement le SEO
- ▸Alt text descriptif → Google comprend les images → apparition dans Google Images pour les bons mots-clés
- ▸HTML sémantique (figure/figcaption) → Google comprend la structure → meilleur pour les Featured Snippets
- ▸Les images inaccessibles accompagnent souvent de mauvaises pratiques techniques → pages lentes → moins bon SEO
- ▸Conformité ADA de plus en plus importante : évitez les risques légaux ET améliorez le SEO simultanément
- ▸Page Experience : l'accessibilité améliore l'INP et réduit le CLS → meilleurs Core Web Vitals