Dans Drupal (et dans la majorité des CMS modernes), il est largement préférable de remplir le texte alternatif (ALT) au niveau du contenu (c’est-à-dire quand on insère l’image dans un article, une page, un paragraphe, etc.) plutôt que uniquement au niveau du fichier média.
Pourquoi c’est mieux de le faire au niveau du contenu
| Critère | ALT rempli uniquement dans la bibliothèque média | ALT rempli (ou surchargé) dans le contenu |
|---|---|---|
| Pertinence SEO & accessibilité | Générique (« logo.png », « photo équipe 2024 ») → peu utile | Contextuel (« Équipe de LabDrupal lors du DrupalCon Lille 2025 ») → parfait pour Google Images et les lecteurs d’écran |
| Différents usages de la même image | Une seule valeur pour tous les contextes → souvent inadaptée | On peut adapter le ALT selon le contexte (même image utilisée comme logo, comme illustration, en miniature, etc.) |
| Multilingue | Impossible d’avoir un ALT différent par langue | Facile avec les Paragraphs ou les champs traduisibles dans le contenu |
| Maintenance | Oblige à modifier le média partout où il est utilisé | Le ALT suit le contenu → pas de régression si l’image est réutilisée ailleurs |
| Bonne pratique RGAA/WCAG | Non conforme dans la plupart des cas | Recommandé explicitement (critère 1.1.1) |
Comment faire concrètement dans Drupal 10/11
- Au niveau du média Image → Laissez le champ « Texte alternatif » obligatoire mais remplissez-le avec une valeur par défaut générique ou vide si vous voulez forcer la saisie dans le contenu. → C’est une sécurité (l’image aura toujours un ALT même si le rédacteur oublie).
Au niveau du contenu (méthode recommandée) Utilisez l’une de ces solutions (par ordre de préférence) :
a) Paragraphs + champ ALT dédié Créez un type de paragraphe « Image » ou « Image avec légende » avec son propre champ « Texte alternatif » (qui surcharge celui du média). → Le rédacteur remplit le ALT au moment où il place l’image dans l’article.
b) CKEditor 5 + Image Widget amélioré Activez le plugin « Image » de CKEditor 5 → le rédacteur peut modifier le ALT directement dans l’éditeur (le module Editor Advanced Link ou Image Widget Alt le permet).
c) Media Library + surcharge Le module Media Library Image Alt Override ou Alt Text Override permet de surcharger le ALT du média uniquement pour cette insertion.
d) Responsive Image Styles + Image Formatter personnalisé Dans l’affichage (View mode), affichez le ALT du champ du contenu s’il existe, sinon fallback sur celui du média.
Recommandation finale pour un site propre et performant
- Rendez le champ ALT du média obligatoire (pour éviter les images sans ALT).
- Ajoutez systématiquement un champ ALT dans les Paragraphs ou dans le widget CKEditor → c’est là que le rédacteur le remplira réellement.
- Formez vos contributeurs : « Ne laissez jamais le ALT par défaut du média, adaptez-le au contexte de la page ».
Résultat :
- SEO image au top
- RGAA 100 % conforme
- Zéro régression quand une même image est réutilisée 50 fois sur le site
Vous voulez qu’on configure ça proprement sur votre Drupal ? N'hésitez pas à nous contacter.
