WordPress et l'accessibilité : le CMS le plus utilisé face au défi RGAA
WordPress propulse plus de 40 % des sites web dans le monde et une proportion similaire en France. Pour de nombreuses organisations (collectivités, associations, PME), WordPress est le choix par défaut. La bonne nouvelle : WordPress a une politique d'accessibilité et le cœur du CMS est relativement accessible. La mauvaise nouvelle : les thèmes, plugins et contenus créés par les utilisateurs le sont rarement.
Le cœur de WordPress et l'accessibilité
L'équipe WordPress a une équipe dédiée à l'accessibilité (Make WordPress Accessible) qui travaille sur le cœur du CMS. Les progrès récents incluent :
- Amélioration de l'accessibilité de l'administration (wp-admin)
- Support des attributs ARIA dans les widgets et menus
- Navigation clavier dans l'éditeur Gutenberg
- Vérificateur de contraste intégré dans le customizer
- Skip links natifs dans les thèmes par défaut
Choisir un thème accessible
Le tag « accessibility-ready »
Le répertoire officiel WordPress propose le tag « accessibility-ready » pour les thèmes qui ont passé une revue d'accessibilité. Les critères incluent :
- Navigation clavier complète (menus, liens, formulaires)
- Skip links vers le contenu principal
- Contrastes suffisants pour le texte et les éléments interactifs
- Formulaires avec labels associés
- Landmarks ARIA correctement utilisés
- Pas de pièges clavier
Thèmes recommandés
- Twenty Twenty-Four : le thème par défaut de WordPress, basé sur les blocs Full Site Editing, avec une bonne base d'accessibilité
- Flavor : thème accessible avec une attention particulière aux contrastes
- Flavor : thème accessible avec une attention particulière aux contrastes
- Starter theme basé sur Underscores (_s) : point de départ minimal avec les bases d'accessibilité intégrées
Attention : les thèmes premium populaires (Divi, Avada, Elementor themes) ne sont généralement PAS accessibles et nécessitent un travail important de correction.
Gutenberg et l'accessibilité
Points positifs de Gutenberg
- Les blocs de contenu génèrent du HTML sémantique (titres, listes, citations)
- Le bloc Image propose nativement un champ texte alternatif
- Le bloc Tableau génère des tableaux avec en-têtes
- La palette de couleurs intégrée vérifie les contrastes
Points d'attention
- L'éditeur lui-même peut être difficile à utiliser pour les contributeurs handicapés
- Certains blocs avancés (colonnes, groupes) produisent un markup parfois complexe
- Les blocs tiers (patterns, extensions) ne respectent pas toujours l'accessibilité
- Le Full Site Editing (FSE) introduit de la complexité pour la gestion des landmarks
Plugins d'accessibilité recommandés
| Plugin | Fonction | Gratuit ? |
|---|---|---|
| WP Accessibility | Corrections automatiques (skip links, rôles ARIA, contrastes) | Oui |
| One Click Accessibility | Barre d'outils d'accessibilité (taille texte, contrastes) | Oui |
| Jesuspended | Vérificateur d'accessibilité dans l'éditeur | Freemium |
| Sa11y | Vérificateur d'accessibilité en temps réel (front-end) | Oui |
| Contact Form 7 | Formulaires relativement accessibles nativement | Oui |
Attention aux overlays : les plugins de type « overlay d'accessibilité » (AccessiBe, UserWay) qui ajoutent un widget flottant ne rendent PAS le site accessible. Ils sont largement critiqués par la communauté de l'accessibilité et ne remplacent pas une mise en conformité réelle.
Optimisation du contenu WordPress pour le RGAA
Images
- Remplir systématiquement le champ « Texte alternatif » dans la médiathèque
- Laisser le champ vide pour les images de décoration
- Utiliser des images réactives (srcset) pour les performances
Titres et structure
- Un seul
<h1>par page (le titre de l'article/page) - Hiérarchie logique : h1 → h2 → h3 (pas de saut de niveau)
- Ne jamais utiliser les niveaux de titres pour le style
Liens
- Textes de liens descriptifs : « Lire notre guide sur l'accessibilité RGAA » plutôt que « Cliquez ici »
- Indiquer les liens ouvrant dans un nouvel onglet (target="_blank") avec un texte explicite
Formulaires
- Préférer Contact Form 7 ou Gravity Forms (plus accessibles) à Elementor Forms
- Vérifier que chaque champ a un label visible et associé
- Les CAPTCHA doivent avoir une alternative accessible
WordPress peut être un excellent choix pour un site accessible, à condition de choisir le bon thème, les bons plugins et de former les contributeurs à la rédaction accessible.