Audit accessibilité Drupal : RGAA 4.1.2 en 30 secondes
Drupal place l'accessibilité dans ses gates de release depuis Drupal 8. Le coeur cible WCAG 2.1 AA et ATAG 2.0 AA, mais la conformité RGAA 4.1.2 dépend du thème et des modules activés. Ce guide liste les modules contrib réellement maintenus en 2026 et les pièges fréquents sur Drupal 10 et 11.
Drupal et l'accessibilité dans les administrations françaises
Drupal place l'accessibilité dans ses gates de release officielles depuis Drupal 8 : tout patch core qui touche l'interface doit passer la « accessibility gate » avant merge. Le coeur cible WCAG 2.1 AA et ATAG 2.0 AA, ce qui en fait l'un des CMS les plus mûrs sur le sujet. La conformité RGAA 4.1.2 dépend toutefois du thème actif, des modules contrib activés et du contenu rédigé. Drupal 11, sorti mi-2024, continue cette ligne et apporte les Single Directory Components (SDC) pour structurer les composants avec accessibilité dès la conception.
WCAG 2.1 AA / ATAG 2.0 AA
Cible accessibilité Drupal core
22 000+
Sites Drupal utilisant Editoria11y
106
Critères RGAA 4.1.2
En Bref : L'essentiel à retenir
- Framework : Drupal nécessite une attention particulière à la sémantique HTML.
- Point Critique : Gestion du focus lors de la navigation dynamique.
- Outil Recommandé : Editoria11y Accessibility Checker.
- Critères RGAA clés : 1.1, 6.1, 8.3.
Versions Drupal et accessibilité
| Version | Support | Fonctionnalités A11y |
|---|---|---|
| Drupal 9 | Fin de support (nov. 2023) |
|
| Drupal 10 | Stable |
|
| Drupal 11 | Latest |
|
Comment auditer un site Drupal en 6 étapes
Suivez ce guide étape par étape pour réaliser un audit RGAA complet de votre application Drupal.
Lancer un scan automatique
Utilisez RGAA Checker pour obtenir une première vue des erreurs détectables sur les pages clés (accueil, gabarit article, recherche, formulaires).
Activer Editoria11y
Installez Editoria11y (3.0.0-beta10 testée sur Drupal 10.3+ et 11) et accordez les permissions aux rôles éditeurs. Lancez un scan complet des contenus publiés via le crawler intégré.
Vérifier le thème
Si le site n'est pas sur Olivero, contrôlez la présence des landmarks, du skip link, des contrastes et de la navigation clavier dans le thème custom. Idem pour le back-office si vous n'utilisez pas Claro.
Auditer Views et Webform
Parcourez les Views principales et les Webform critiques au clavier. Vérifiez les <fieldset>, <legend>, messages d'erreur liés et la pagination AJAX (annonce live region).
Tester au lecteur d'écran
NVDA + Firefox sur trois templates : page d'accueil, page de contenu, formulaire complet. Notez les annonces incorrectes ou manquantes.
Publier la déclaration RGAA
Rédigez la déclaration d'accessibilité conforme au modèle DINUM. Listez les non-conformités, dérogations et coordonnées de contact.
Erreurs Fréquentes avec Drupal
Hiérarchie de titres cassée par les blocs
Les titres de blocs (Block) imbriqués créent fréquemment une hiérarchie en escalier (h1 > h3 > h2). Layout Builder permet aux éditeurs de casser la hiérarchie sans s'en rendre compte.
Boutons « En savoir plus » dupliqués (RGAA 6.1)
Les Views avec listing de cards exposent souvent vingt boutons identiques sans contexte. Solution : aria-label calculé depuis le titre de l'item, ou texte explicite par défaut.
<a href="/node/12">En savoir plus</a><a href="/node/12" aria-label="En savoir plus : Titre du contenu">En savoir plus</a>Images insérées dans CKEditor sans alt
Lorsque les rédacteurs collent une image directement dans CKEditor, l'alt n'est pas toujours forcé selon la configuration du content type. Configurez « alt obligatoire » dans la Media Library.
Pagination AJAX Views sans annonce
Une Views avec pagination AJAX ne réannonce pas la nouvelle page de résultats. Le lecteur d'écran ne signale aucun changement. Ajoutez une live region avec Drupal.announce().
Honeypot Webform mal masqué
Le module Honeypot anti-spam doit être masqué visuellement et programmé pour les humains uniquement. Une mauvaise configuration le rend visible aux lecteurs d'écran et bloque la soumission.
Multilingue sans attribut lang
Sur un site Drupal multilingue (Content Translation), l'attribut lang du <html> doit refléter la langue active. Vérifiez chaque variante linguistique (RGAA 8.3).
Plugins à éviter
Ces plugins/modules sont connus pour causer des problèmes d'accessibilité. Évitez-les ou configurez-les correctement.
Modules d'overlay automatique « All in One Accessibility » et similaires
Mêmes limites que les overlays WordPress. Ne corrigent pas les défauts de fond et exposent à des recours.
Alternative : Editoria11y + travail de fond sur le thème et le contenu
Thèmes admin custom non maintenus
Beaucoup de thèmes admin hérités de Drupal 7/8 ne respectent pas les contrastes ni la navigation clavier moderne.
Alternative : Claro (par défaut) ou Gin (contrib très utilisé, maintenu par Sascha Eggenberger)
Modules carrousel non maintenus
Plusieurs modules carrousel contrib ne suivent plus Drupal 10/11 et n'exposent pas de contrôles pause/clavier.
Alternative : Slick (avec configuration ARIA) ou suppression du carrousel
Bonnes Pratiques Drupal
Partir du thème Olivero
Olivero est le thème front par défaut depuis Drupal 10. Il fournit landmarks, focus visible, navigation clavier complète et contrastes validés. Pour un thème custom, partez d'un sous-thème d'Olivero plutôt que d'un HTML brut.
Adopter Claro côté admin
Claro est le thème admin par défaut depuis Drupal 9.4. Il respecte WCAG 2.1 AA dans le back-office et facilite le travail des contributeurs. Si votre équipe édito est sur un thème admin custom hérité, basculez.
Activer Editoria11y sur tous les rôles éditeurs
Editoria11y vérifie le contenu rendu pendant la rédaction dans CKEditor 5 et propose des corrections inline. Le module est maintenu par Princeton, version 3.0.0-beta10 active en avril 2026.
Configurer alt obligatoire au niveau du content type
Dans la Media Library, exigez un alt non vide pour chaque content type qui expose une image. Bannissez « alt facultatif ». Ajoutez un texte d'aide expliquant ce qu'est une image décorative.
Restreindre Layout Builder aux rôles formés
Layout Builder donne aux éditeurs un contrôle fin sur la hiérarchie des titres et la structure de page. Réservez-le aux rôles formés à l'accessibilité, ou imposez un workflow de validation.
Encapsuler les composants via SDC
Les Single Directory Components stables depuis Drupal 10.1 forcent un schema (*.component.yml). Définissez les props critiques (alt, label, aria-label) dans le schema pour bloquer les usages incomplets.
Critères RGAA clés pour Drupal
Ces critères du référentiel RGAA sont particulièrement importants pour les sites Drupal.
Images
Configuration alt obligatoire dans la Media Library, contrôle des images insérées dans CKEditor.
Pertinence des liens
Boutons « En savoir plus » sur Views à contextualiser, Twig override des templates de cards.
Langue principale
Attribut lang sur <html> par variante linguistique (Content Translation).
Structure des titres
Layout Builder et titres de blocs à surveiller pour éviter la hiérarchie en escalier.
Étiquettes de formulaire
Webform : <fieldset> et <legend> sur les groupes, messages d'erreur liés via aria-describedby.
Liens d'évitement
Skip link présent dans Olivero, à recréer si thème custom from scratch.
Checklist accessibilité Drupal
Vérifiez ces points essentiels avant de mettre votre site Drupal en production.
- Drupal 10 ou 11 (Drupal 9 en fin de support depuis novembre 2023)
- Thème front Olivero ou sous-thème dérivé d'Olivero
- Thème admin Claro (ou Gin)
- Editoria11y installé et accessible aux rôles éditeurs
- Alt obligatoire configuré dans la Media Library pour chaque content type
- Layout Builder restreint aux rôles formés
- Webform critiques testés au clavier (fieldset, legend, messages d'erreur)
- Skip link et landmarks (header, main, footer, nav) présents sur tous les templates
- Multilingue : attribut lang correct sur chaque variante
- Views avec pagination AJAX qui annoncent les changements via Drupal.announce()
- Aucun module d'overlay automatique installé
- Déclaration d'accessibilité publiée selon le modèle DINUM
Questions Fréquentes sur Drupal et l'accessibilité
Drupal est-il accessible par défaut ?
Plus que la plupart des CMS, oui. Le coeur applique une accessibility gate sur toute modification UI et cible WCAG 2.1 AA. Mais conforme RGAA 4.1.2 sur les 106 critères, non, cela dépend du thème, des modules contrib et du contenu.
Quelle version de Drupal choisir en 2026 ?
Drupal 11 pour un nouveau projet. Drupal 10 si votre stack contrib n'est pas encore compatible 11. Évitez Drupal 9 dont le support officiel est terminé depuis novembre 2023.
Editoria11y remplace-t-il un audit manuel ?
Non. Editoria11y vérifie le contenu rédactionnel (titres, alt, liens, contrastes simples) pendant la saisie. Un audit RGAA manuel reste nécessaire pour les composants interactifs, la navigation clavier et les vidéos.
Faut-il migrer vers Olivero ?
Pas obligatoire si votre thème custom est correct. Si vous démarrez ou refondez, partir d'un sous-thème Olivero est plus rapide et plus sûr qu'un thème from scratch.
Le module Siteimprove est-il payant ?
Le module Drupal contrib est gratuit, mais il nécessite un compte Siteimprove (offre commerciale) pour exploiter le moteur Alfa. Editoria11y est entièrement gratuit et libre, et couvre l'essentiel des besoins éditoriaux.
Comment gérer l'accessibilité en multi-sites Drupal ?
Définissez un sous-thème de base accessible et un set de modules contrib obligatoires (Editoria11y, Block ARIA Landmark Roles). Configurez les content types via configuration management pour propager l'alt obligatoire.
Drupal Commerce est-il concerné par l'EAA ?
Oui pour les marchands B2C qui dépassent les seuils (CA supérieur à 2 millions d'euros ou plus de 10 salariés). Tunnel de commande, page produit et compte client doivent être conformes WCAG 2.1 AA depuis le 28 juin 2025.
Outils Recommandés pour Drupal
Editoria11y Accessibility Checker
Module porté par Princeton University. Vérifie le contenu rendu en temps réel dans CKEditor 5. Version 3.0.0-beta10 (avril 2026) sur Drupal 10.3+ et 11. Plus de 22 000 sites l'utilisent.
Block ARIA Landmark Roles
Permet d'attribuer un rôle ARIA landmark à chaque bloc (banner, complementary, contentinfo, navigation, etc.). Maintenu, mises à jour 2025.
Siteimprove Accessibility
Module Drupal contrib gratuit qui intègre le moteur Alfa de Siteimprove dans l'éditeur. Nécessite un compte Siteimprove (offre commerciale) pour fonctionner.
CKEditor Accessibility Auditor
Lance des vérifications d'accessibilité directement dans CKEditor 5 pendant la rédaction.
Olivero (thème par défaut)
Thème front officiel de Drupal 10+. Conçu nativement pour WCAG 2.1 AA : landmarks, focus visible, navigation clavier, contrastes.
Claro (thème admin par défaut)
Thème admin de Drupal 9.4+. Respecte WCAG 2.1 AA dans le back-office. Facilite le travail des contributeurs avec déficience visuelle.
Drupal Core Gates (Accessibility)
Documentation officielle de la politique d'accessibilité bloquante sur les patches core. Utile pour comprendre la maturité Drupal.
Auditez votre site Drupal gratuitement
Vérifiez si votre application respecte les 106 critères RGAA en moins de 30 secondes.
Lancer un audit RGAA gratuit