« Le RGAA 4.1 s’applique aux services de communication publique en ligne des organismes publics » : cette phrase du référentiel a servi de fil rouge à la construction d’un Kit Elementor destiné à être réutilisé sur une dizaine de sites de communes différentes. Plutôt qu’un audit RGAA complet, mené par un prestataire spécialisé une fois le site en ligne, ce travail consistait à intégrer les points de contrôle les plus structurants directement dans les templates du Kit, pour que chaque nouveau site parte avec une base saine.
La liste ci-dessous n’a pas vocation à remplacer un audit RGAA complet ni à couvrir les obligations légales détaillées liées au schéma pluriannuel de mise en accessibilité : elle documente les treize points de contrôle réellement intégrés dans le Kit, vérifiés à chaque nouveau gabarit ajouté.
Structure des titres, gabarit par gabarit
Chaque template du Theme Builder (en-tête, page d’accueil, page de contenu générique, page d’actualité) a été vérifié pour garantir une hiérarchie de titres continue, sans saut de niveau. Un piège fréquent avec Elementor : un widget Heading configuré visuellement en grande taille mais laissé en balise <div> ou <span> plutôt qu’en h2 ou h3, ce qui casse la navigation au clavier et au lecteur d’écran sans que rien ne le signale visuellement.
- Un seul
h1par page, généré par le titre de la page, jamais dupliqué dans un widget Heading - Chaque widget Heading configuré avec la balise HTML correspondant réellement à son niveau hiérarchique
- Aucun saut de niveau (un
h2ne peut être suivi directement d’unh4)
Contrastes et couleurs du Kit
Les couleurs globales définies dans le Kit (Site Settings > Global Colors) ont été vérifiées une par une avec un outil de contraste, sur chaque combinaison texte/fond utilisée dans les templates : texte principal sur fond clair, texte de bouton sur couleur d’accent, texte de citation sur fond de bloc.
| Combinaison | Ratio mesuré | Seuil RGAA (texte normal) |
|---|---|---|
| Texte principal / fond blanc | 8,4:1 | 4,5:1 minimum |
| Texte bouton / couleur d’accent | 3,1:1 | Insuffisant, couleur d’accent assombrie |
| Texte de citation / fond gris clair | 5,2:1 | Conforme |
Focus visible au clavier
Le thème par défaut d’Elementor n’affiche pas systématiquement un contour de focus suffisamment visible sur les liens et boutons personnalisés stylés dans l’éditeur. Un CSS additionnel a été ajouté dans le Kit pour garantir un contour de focus visible et cohérent, quel que soit le widget concerné (bouton, lien de menu, champ de formulaire Pro Forms).
Points vérifiés sur la navigation au clavier
- Chaque lien et bouton atteignable par la touche Tab, dans un ordre logique
- Contour de focus visible avec un contraste suffisant sur tous les fonds du Kit
- Menu déroulant du mega-menu institutionnel navigable entièrement au clavier
Formulaires et messages d’erreur
Sur le gabarit de formulaire de contact, construit avec Elementor Pro Forms, chaque champ obligatoire porte un label explicite associé, et les messages d’erreur de validation s’affichent avec une association aria-describedby plutôt qu’une simple couleur rouge, pour rester perceptibles sans dépendre de la vue des couleurs.
Ce que ce travail ne couvre pas
Cette liste de contrôle ne remplace ni un audit RGAA complet mené par un expert accessibilité indépendant, ni la rédaction des obligations légales (déclaration d’accessibilité, schéma pluriannuel), propres à chaque collectivité et non liées à la construction technique du Kit lui-même.
Un Kit accessible dès sa conception évite de reproduire la même non-conformité sur dix sites différents : corriger une fois le Kit coûte moins cher que corriger dix sites un par un.
Pour aller plus loin
La prochaine étape prévue pour ce Kit consiste à documenter, pour chaque commune utilisatrice, la liste des points restant à sa charge (contenus rédactionnels, alternatives textuelles des images spécifiques, documents PDF publiés), puisque le Kit ne peut garantir à lui seul la conformité complète d’un site qui en hérite. Une note de version accompagne également chaque mise à jour du Kit, pour signaler explicitement si un changement de gabarit touche l’un des treize points de contrôle listés ici, afin que les équipes en charge de chaque site puissent revérifier rapidement leur propre déclaration d’accessibilité sans reprendre l’audit depuis le début.
