Audit Accessibilité RGAA Drupal : Guide Complet 2026
Drupal est le CMS de référence pour les administrations publiques françaises et les grandes organisations grâce à son engagement natif envers l'accessibilité (A11Y Core Initiative). Réalisez un audit RGAA de votre site Drupal pour identifier les non-conformités et atteindre les 75% de conformité exigés par la loi.
Drupal et le secteur public français
Drupal est le CMS de référence pour de nombreux sites gouvernementaux français, dont gouvernement.fr, le Sénat et plusieurs ministères. Ce choix s'explique par la robustesse du CMS, sa sécurité et son engagement historique pour l'accessibilité. Depuis Drupal 8, l'accessibilité est une priorité du core avec l'initiative A11Y. La conformité RGAA est obligatoire pour ces organismes publics, avec des sanctions jusqu'à 20 000€/an.
73%
Admins EU sur Drupal
65-75%
Score RGAA moyen Drupal
50+
Modules a11y disponibles
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.
- Critères RGAA clés : 1.1, 5.1, 8.9.
Accessibilité selon les versions Drupal
| Version | Support | Fonctionnalités A11y |
|---|---|---|
| Drupal 9 | Fin de vie (Nov 2023) |
|
| Drupal 10 | Stable (LTS) |
|
| Drupal 11 | Latest (2024+) |
|
Comment auditer un site Drupal en 5 étapes
Suivez ce guide étape par étape pour réaliser un audit RGAA complet de votre application Drupal.
Scanner automatique RGAA
Lancez un audit RGAA Checker sur votre site Drupal. L'outil analyse les 106 critères et identifie les non-conformités dans vos templates, Views et formulaires.
Vérifier les templates Twig
Inspectez les templates Twig surchargés : structure HTML sémantique, attributs ARIA, et suppression des div wrapper inutiles.
Auditer les Views
Vérifiez que vos Views génèrent du HTML sémantique (ul/li, table avec caption) et non des div génériques.
Tester les formulaires Webform
Les formulaires Webform doivent avoir des labels, messages d'erreur accessibles et une navigation clavier fonctionnelle.
Valider avec lecteur d'écran
Testez avec NVDA ou VoiceOver : navigation dans les menus, annonces des messages de statut, et parcours des formulaires.
Erreurs Fréquentes avec Drupal
Views non sémantiques
Le module Views génère par défaut des listes d'éléments avec des div. Configurez le format en "Liste HTML" avec ul/li ou utilisez le format "Table" quand approprié.
Formulaires Webform mal configurés
Webform est puissant mais peut générer des formulaires inaccessibles si les labels, descriptions d'aide et messages d'erreur ne sont pas configurés pour chaque champ.
Navigation clavier dans les Mega Menus
Les menus complexes (TB Mega Menu, Superfish, Nice Menus) sont souvent des pièges à clavier si la configuration accessible n'est pas activée.
Layout Builder sans landmarks
Layout Builder crée des sections sans rôles ARIA. Ajoutez role="region" et aria-label sur les sections importantes.
CKEditor 5 sans configuration
CKEditor 5 permet aux rédacteurs d'insérer des images sans alt, des tableaux sans caption et des titres mal structurés. Configurez les contraintes.
Messages de statut non annoncés
Les messages Drupal (confirmations, erreurs) doivent être dans une région aria-live. Le thème Olivero le fait, mais pas tous les thèmes custom.
Plugins à éviter
Ces plugins/modules sont connus pour causer des problèmes d'accessibilité. Évitez-les ou configurez-les correctement.
Superfish
Navigation clavier défaillante, pièges au focus dans les sous-menus
Alternative : We Megamenu ou menu natif Drupal configuré
Colorbox / Lightbox2
Modales sans focus trap ni fermeture clavier correcte
Alternative : GLightbox ou configuration Colorbox accessible
Slick Carousel
Carrousel sans navigation clavier ni annonces ARIA par défaut
Alternative : Splide accessible ou supprimez le carrousel
EU Cookie Compliance (anciennes versions)
Bannière cookie non conforme RGAA
Alternative : Mettre à jour vers la dernière version ou utiliser Klaro
Views Slideshow
Slideshow automatique sans contrôle utilisateur
Alternative : Utilisez une liste statique ou Splide avec contrôles
Bonnes Pratiques Drupal
Activer Inline Form Errors
Ce module du cœur Drupal améliore l'affichage des erreurs de formulaire en les liant directement aux champs concernés avec aria-describedby. Activez-le sur tous vos projets.
Utiliser Olivero comme base
Le thème Olivero (Drupal 10+) est conçu pour l'accessibilité : landmarks ARIA, focus visible, skip links, et contraste conforme. Utilisez-le comme thème de base ou référence.
Templates Twig sémantiques
Surchargez les templates Twig pour garantir un HTML propre : utilisez article, section, nav au lieu de div génériques. Supprimez les wrappers inutiles.
Block ARIA Landmark Roles
Installez ce module pour ajouter facilement des rôles ARIA (banner, navigation, main, complementary) aux régions de blocs Drupal.
Editoria11y pour les rédacteurs
Ce module affiche les erreurs d'accessibilité directement dans l'interface d'édition, permettant aux contributeurs de corriger les problèmes en temps réel.
Configuration CKEditor stricte
Limitez les options CKEditor : désactivez les styles problématiques, forcez les alt text, et restreignez les niveaux de titres disponibles.
Critères RGAA clés pour Drupal
Ces critères du référentiel RGAA sont particulièrement importants pour les sites Drupal.
Images
Alt text obligatoire dans Media Library et CKEditor
Tableaux de données
Views en format table doit avoir caption et en-têtes th
Landmarks ARIA
Régions Drupal doivent mapper sur des landmarks (main, nav, aside)
Structure titres
Hiérarchie H1-H6 correcte dans les contenus et Views
Focus visible
Thème custom ne doit pas supprimer l'outline de focus
Labels formulaires
Webform et formulaires core doivent avoir des labels explicites
Erreurs formulaires
Messages d'erreur liés aux champs via Inline Form Errors
Navigation clavier
Menus et sous-menus navigables sans piège
Checklist accessibilité Drupal
Vérifiez ces points essentiels avant de mettre votre site Drupal en production.
- Drupal 10+ avec thème basé sur Olivero ou audité
- Module Inline Form Errors activé
- Module Editoria11y installé pour les rédacteurs
- Block ARIA Landmark Roles configuré
- Views configurées en format "Liste HTML" ou "Table" avec sémantique
- Templates Twig surchargés pour HTML sémantique
- Alt text obligatoire dans Media et CKEditor
- Menus navigables au clavier (pas de Superfish par défaut)
- Messages de statut dans une région aria-live
- Skip link fonctionnel vers le contenu principal
- Contraste vérifié (minimum 4.5:1 texte normal)
- Formulaires Webform avec labels et messages d'erreur
Questions Fréquentes sur Drupal et l'accessibilité
Comment réaliser un audit RGAA sur un site Drupal ?
Utilisez RGAA Checker pour un scan automatique qui analyse les 106 critères. Complétez par un audit manuel des templates Twig, modules Views et formulaires Webform. Testez avec un lecteur d'écran (NVDA/VoiceOver) pour les critères non-automatisables.
Drupal est-il accessible nativement ?
Oui, Drupal intègre l'accessibilité dans son cœur via l'A11Y Core Initiative depuis Drupal 8. Les thèmes par défaut (Olivero front, Claro admin) sont conformes WCAG 2.1 AA. Cependant, les modules tiers et thèmes custom peuvent introduire des non-conformités.
Quels modules Drupal améliorent l'accessibilité ?
Les modules essentiels sont : Editoria11y (vérification en temps réel), Inline Form Errors (messages d'erreur accessibles), et Block ARIA Landmark Roles (landmarks ARIA). Évitez Superfish et les carousels sans configuration accessible.
Quel taux de conformité RGAA attendre pour Drupal ?
Un site Drupal bien configuré avec Olivero et les modules recommandés peut atteindre 70-80% de conformité automatique. Les 20-30% restants nécessitent un audit manuel (alternatives textuelles pertinentes, cohérence navigation, formulaires complexes).
Comment migrer un site Drupal 7 vers Drupal 10 pour l'accessibilité ?
Profitez de la migration pour passer à Olivero, activer Inline Form Errors, et remplacer les modules obsolètes (Superfish → menu natif, Colorbox → GLightbox). Auditez les templates Twig migrés pour éliminer le HTML non sémantique hérité.
Drupal 11 apporte-t-il des améliorations d'accessibilité ?
Drupal 11 continue les améliorations : meilleur support clavier dans l'admin, Single Directory Components plus accessibles, et Experience Builder avec accessibilité intégrée. La mise à jour depuis Drupal 10 est recommandée.
Comment rendre Layout Builder accessible ?
Ajoutez des rôles ARIA aux sections avec le module Block ARIA Landmark Roles, utilisez des titres de section significatifs, et assurez-vous que l'ordre visuel correspond à l'ordre DOM pour la navigation clavier.
Quel thème Drupal choisir pour l'accessibilité ?
Olivero est le thème de référence pour l'accessibilité (Drupal 10+). Pour un thème custom, utilisez le Starter Kit Drupal qui hérite des bonnes pratiques. Évitez les thèmes ThemeForest sans audit préalable.
Outils Recommandés pour Drupal
Editoria11y
Vérificateur d'accessibilité pour les contributeurs de contenu, intégré dans l'interface Drupal. Détecte les erreurs en temps réel pendant l'édition.
Block ARIA Landmark Roles
Permet d'assigner des rôles ARIA (banner, navigation, main, complementary, contentinfo) aux régions de blocs.
CKEditor Accessibility Checker
Extension CKEditor qui vérifie l'accessibilité du contenu directement dans l'éditeur WYSIWYG.
Automatic Alternative Text
Génère automatiquement des textes alternatifs pour les images via IA (Azure, Alttext.ai). À utiliser comme aide, pas comme solution unique.
Accessibility Scanner
Module qui scanne vos contenus Drupal et génère des rapports d'accessibilité détaillés.
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