---
title: "Elementor et accessibilité : les erreurs à éviter"
description: "Rubrique parente : La mise en conformité RGAA. Ce n’est pas Elementor qui pose problème, ce sont les habitudes qu’il crée Un constructeur de pages permet de régler l’apparence sans écrire une ligne de HTML. C’est tout son avantage, et c’est aussi l’origine de ses défauts d’accessibilité : on sélectionne un titre parce qu’il a […]"
url: "https://www.newp.fr/mise-en-conformite-rgaa/elementor/"
author: ""
date: "2026-09-20T09:27:36+00:00"
modified: "2026-09-21T18:30:13+00:00"
lang: "fr_FR"
---

# Elementor et accessibilité : les erreurs à éviter

 Rubrique parente : [La mise en conformité RGAA](/mise-en-conformite-rgaa/).

 

## Ce n’est pas Elementor qui pose problème, ce sont les habitudes qu’il crée

 Un constructeur de pages permet de régler l’apparence sans écrire une ligne de HTML. C’est tout son avantage, et c’est aussi l’origine de ses défauts d’accessibilité : on sélectionne un titre parce qu’il a la bonne taille, pas parce qu’il a le bon niveau, si bien que la structure de la page se construit au hasard.

## Les défauts que nous rencontrons le plus

- **Un niveau de titre jamais modifié.** Le widget Titre permet de choisir la balise, mais le réglage d’origine est rarement changé. Il en résulte des pages sans aucun `h1` et avec plusieurs `h2`, ou la situation inverse.
- **Des conteneurs imbriqués à l’excès.** Sections, colonnes et widgets génèrent des empilements de `div` dépourvus de sens, qui rallongent la lecture par les aides techniques.
- **Un ordre d’affichage modifié en CSS.** Intervertir deux colonnes sur mobile déplace les blocs à l’écran sans toucher au code : la tabulation suit alors un chemin qui ne correspond plus à l’affichage.
- **Les carrousels.** Rotation automatique impossible à arrêter, boutons fléchés sans intitulé, diapositives qui changent en silence.
- **Les popups** (inscription à la lettre d’information, offres promotionnelles) qui retiennent le focus sans issue au clavier et ne le replacent pas sur le bouton d’origine lorsqu’on les ferme.
- **Les pictogrammes isolés.** Réseaux sociaux, téléphone, loupe de recherche : sans nom accessible, le lecteur d’écran n’annonce rien d’utile.
- **Les effets d’apparition au défilement**, qui ne tiennent aucun compte du réglage système demandant de limiter les animations.
- **Du texte intégré aux images**, courant dans les bannières, sans version textuelle.
 
## Les corrections possibles sans tout reconstruire

1. **Verrouiller les niveaux de titres dans les modèles**, puis apprendre aux rédacteurs à ne plus les modifier.
2. **Réintroduire un indicateur de focus visible** dans la feuille de style globale, en surchargeant les remises à zéro du thème.
3. **Revoir les couleurs dans les réglages généraux** : une seule intervention suffit pour rendre les contrastes conformes sur tout le site.
4. **Nommer chaque pictogramme** avec un intitulé accessible.
5. **Couper la rotation automatique** des carrousels, ou les transformer en simple liste.
6. **Prendre en compte `prefers-reduced-motion`** dans le CSS personnalisé.
 
 Jusqu’où corriger Les popups et les widgets interactifs fournis par l’extension coûtent le plus cher à rendre conformes : il faut intervenir sur un code que vous ne contrôlez pas, et qu’une simple mise à jour peut écraser.

 Lorsque ces éléments assurent une fonction critique (parcours d’achat, réservation d’un rendez-vous), nous recommandons souvent de les remplacer par un développement dont vous gardez la maîtrise : cela revient moins cher que de les rafistoler à chaque nouvelle version.

 

## Si une refonte se prépare

 Lorsque vous prévoyez de refondre le site et que l’accessibilité vous est imposée par la loi, posez clairement la question du constructeur de pages : il impose une vigilance de tous les instants. Nous détaillons ce choix dans [notre page sur la refonte accessible](/mise-en-conformite-rgaa/refonte-accessible/).

  [ Sujet précédent Applications JavaScript et accessibilité ](/mise-en-conformite-rgaa/applications-react-vue-angular/) [ Sujet suivant Ce que valent les surcouches d’accessibilité ](/mise-en-conformite-rgaa/surcouches-accessibilite/)

---

*Source : [www.newp.fr](https://www.newp.fr/mise-en-conformite-rgaa/elementor/)*