Elementor et RGAA : les pièges du constructeur de pages
Un constructeur de pages déplace la production du code vers l'interface. C'est ce qui fait son succès, et c'est aussi ce qui crée le problème : des personnes qui ne lisent pas de HTML produisent du HTML. Le résultat est rarement mauvais par ignorance — il est mauvais parce que rien, dans l'outil, ne signale l'erreur.
Le sujet vaut pour tous les constructeurs ; Elementor sert ici d'exemple parce qu'il est le plus répandu. Voir l'accessibilité sous WordPress.
Les widgets à surveiller
| Widget | Problème fréquent | Critère concerné |
|---|---|---|
| Titre | Niveau choisi pour sa taille, pas pour sa place dans le plan | 9.1 |
| Accordéon et onglets | Non pilotables au clavier, état non annoncé | 7.1, 7.3 |
| Fenêtre modale | Focus non capturé, non restitué à la fermeture | 7.3, 12.x |
| Carrousel | Défilement automatique non contrôlable, commandes sans intitulé | 13.8, 6.1 |
| Icône seule | Aucun texte alternatif sur une icône signifiante | 1.1 |
| Formulaire | Étiquette remplacée par un texte indicatif dans le champ | 11.1 |
| Compteur animé | Animation non maîtrisable | 13.8 |
| Bouton | Produit parfois un lien sans destination réelle | 6.2 |
Le piège principal : les titres choisis pour leur taille
Dans un constructeur, le niveau de titre est un réglage à côté de la taille de police, de la couleur et de l'alignement. Rien n'indique qu'il s'agit d'une décision de structure et non d'apparence.
Résultat : des pages entières où les niveaux suivent la taille visuelle. Le plan du document devient incohérent, et la page inexploitable en navigation par titres. Voir la structure des titres.
La correction ne passe pas par le code : elle passe par une règle d'usage enseignée aux contributeurs, et par des gabarits verrouillés sur les blocs structurants.
Peut-on garder l'outil ?
Oui, à quatre conditions.
- Verrouiller les gabarits. En-tête, pied de page et structure de titres définis une fois, non modifiables au cas par cas.
- Restreindre la palette de widgets. Interdire ceux qui produisent des non-conformités structurelles — carrousels automatiques, modales maison.
- Remplacer les composants interactifs par des équivalents natifs ou par des composants accessibles vérifiés.
- Former les contributeurs à la distinction structure et apparence. Voir les parcours de formation.
Le contrôle avant publication
Trois vérifications tiennent en deux minutes et attrapent l'essentiel : parcourir la page à la tabulation, afficher le plan des titres, et vérifier que tout contenu replié est atteignable au clavier. Voir les extensions de navigateur.
Poursuivre
Pour la question des widgets qui promettent la conformité, voyez les surcouches d'accessibilité.