Accessibilité WordPress : Guide WCAG pour un Site Accessible en 2026

On parle de santé du site, de performance, de sécurité… mais l’accessibilité ? C’est le parent pauvre du web francophone. Et pourtant, en 2026, ce n’est plus optionnel. L’European Accessibility Act (directive européenne sur l’accessibilité) entre en vigueur le 28 juin 2025 et concerne tous les sites de e-commerce et de services en Europe.

Formateur WordPress certifié Qualiopi et enseignant au Pôle Sup de Nîmes, je travaille sur l’écosystème WordPress depuis 2012. L’accessibilité fait partie des sujets que j’aborde en formation, et ce guide est le fruit de ce que j’ai appris sur le terrain. Que vous soyez en train de créer votre site WordPress ou d’améliorer un site existant, voici comment le rendre accessible sans y passer 6 mois.

Je vais être honnête : pendant des années, l’accessibilité n’était pas ma priorité. Je la voyais comme un "bonus", pas comme un prérequis. C’est en accompagnant des stagiaires en situation de handicap pendant mes formations que j’ai pris la mesure du sujet. Depuis, je m’y astreins sur chaque article, chaque thème, chaque ligne de code que je produis ou que je recommande. Ce guide est aussi le reflet de ce cheminement.

Accessibilité web : de quoi parle-t-on ?

L’accessibilité web (souvent abrégée "a11y", pour "accessibility" avec 11 lettres entre le a et le y) désigne la pratique de concevoir des sites utilisables par tous les internautes, quelle que soit leur situation : déficience visuelle, auditive, motrice ou cognitive. En France, cela concerne environ 12 millions de personnes, soit 20% de la population.

Ca vous parle ? Concrètement, l’accessibilité, c’est s’assurer qu’une personne aveugle puisse naviguer sur votre site avec un lecteur d’écran (comme NVDA ou VoiceOver), qu’une personne qui ne peut pas utiliser de souris puisse tout faire au clavier, et qu’une personne daltonienne puisse distinguer vos boutons de votre texte.

Le standard international, c’est le WCAG : Web Content Accessibility Guidelines. La version actuelle est le WCAG 2.2 (publié en octobre 2023). Il définit trois niveaux de conformité :

• Niveau A : le minimum vital (textes alternatifs sur les images, navigation au clavier)
• Niveau AA : le standard recommandé (contraste des couleurs 4.5:1, sous-titres vidéo, focus visible)
• Niveau AAA : l’excellence (contraste 7:1, langue des signes, texte simplifié)

WordPress vise officiellement le niveau AA. C’est aussi le niveau exigé par le RGAA (Référentiel Général d’Amélioration de l’Accessibilité) en France et par l’European Accessibility Act en Europe.

Que fait WordPress pour l’accessibilité (et que reste-t-il à faire) ?

WordPress dispose d’une équipe dédiée à l’accessibilité (le Make WordPress Accessibility team) qui travaille sur le core depuis des années. Résultat : le cœur de WordPress est plutôt bon en accessibilité. Pas parfait… mais solide.

Ce qui fonctionne dans WordPress core :

• Navigation au clavier dans l’administration et l’éditeur Gutenberg
• Rôles ARIA sur les éléments de navigation
• Alt text obligatoire pour les médias (champ disponible dans la médiathèque)
• Lien "Skip to content" dans les thèmes par défaut
• Labels sur les formulaires de commentaires et de recherche
• Contrastes de l’interface d’administration progressivement améliorés depuis WordPress 6.1

Les progrès récents sont réels. WordPress 6.8 (avril 2025) a supprimé les attributs title redondants de l’interface d’admin et corrigé la sémantique des titres dans le Customizer. WordPress 6.9 a intégré 44 corrections d’accessibilité dans Gutenberg : navigation clavier améliorée, annonces ARIA enrichies, indicateurs de focus renforcés. Et JB Audras, core committer français et membre actif de l’équipe Accessibility, a publié des micro-plugins qui comblent les lacunes restantes de l’éditeur de blocs, en collaboration avec Guillaume Turpin. L’accessibilité dans WordPress progresse, portée par des contributeurs francophones.

Ce qui pose encore problème :

• L’éditeur Gutenberg reste complexe à naviguer au clavier pour les blocs imbriqués
• Beaucoup de thèmes et plugins ignorent les standards d’accessibilité
• Le Customizer et certains écrans admin manquent d’annonces ARIA
• Les contenus intégrés (embeds YouTube, tweets) sont rarement accessibles

Quels sont les 8 points à vérifier sur votre site ?

On l’oublie trop souvent, mais 80% des problèmes d’accessibilité viennent de 8 erreurs récurrentes. Corrigez ces 8 points et vous serez déjà au-dessus de 90% des sites WordPress francophones.

1. Textes alternatifs sur les images

Chaque image doit avoir un attribut alt qui décrit son contenu. Pas "image-1.jpg", pas vide, mais une description utile. "Capture d’écran du tableau de bord WordPress 7.0" vaut mieux que "screenshot" ou rien du tout.

Pour les images décoratives (fond, séparateur), utilisez un alt vide : alt="". Le lecteur d’écran les ignorera, ce qui est le comportement attendu.

2. Contraste des couleurs

Le texte doit avoir un ratio de contraste d’au moins 4.5:1 par rapport au fond (WCAG AA). Du texte gris clair sur fond blanc, c’est joli, c’est tendance… mais illisible pour 8% de la population masculine daltonienne. Testez avec l’outil WebAIM Contrast Checker.

3. Navigation au clavier

Tout votre site doit être navigable au clavier seul (Tab, Entrée, Échap, flèches). Testez : ouvrez votre site, posez la souris et naviguez uniquement au clavier. Si vous ne pouvez pas atteindre le menu, un bouton ou un formulaire… vous avez un problème.

Le focus visible (l’indicateur qui montre quel élément est sélectionné) doit être clairement visible. Beaucoup de thèmes masquent l’outline CSS par esthétisme. Grosse erreur.

4. Hiérarchie des titres

Un seul H1 par page (le titre de l’article ou de la page). Puis H2 pour les sections principales, H3 pour les sous-sections. Pas de saut de niveau (H1 puis H3 directement). Les lecteurs d’écran utilisent les titres pour naviguer dans le contenu : une hiérarchie cassée, c’est une navigation cassée.

5. Liens explicites

"Cliquez ici" et "En savoir plus" sont des textes de lien inaccessibles. Un lecteur d’écran peut lister tous les liens d’une page : si 10 liens disent "Cliquez ici", impossible de savoir lequel mène où. Préférez : "Lire le guide d’installation WordPress" ou "Télécharger l’extension WP Accessibility".

6. Formulaires accessibles

Chaque champ de formulaire doit avoir un label associé (pas juste un placeholder). Les erreurs de validation doivent être signalées en texte, pas uniquement par un changement de couleur (un daltonien ne verra pas le champ en rouge).

Si vous utilisez Contact Form 7, vérifiez que chaque champ a bien un <label>. Gravity Forms et WPForms gèrent mieux l’accessibilité par défaut.

7. Vidéos et contenus multimédias

Toute vidéo doit avoir des sous-titres (WCAG AA). Toute vidéo ou audio doit avoir une transcription textuelle disponible. YouTube génère des sous-titres automatiques, mais vérifiez-les : l’auto-génération FR est encore très approximative.

8. Lien "Skip to content"

Le "skip link" permet aux utilisateurs de lecteur d’écran ou de navigation clavier de sauter directement au contenu principal, sans devoir passer par le menu de navigation à chaque page. Tous les thèmes par défaut de WordPress l’incluent. Vérifiez que votre thème aussi.

Comment tester l’accessibilité de votre site ?

Pas besoin d’être expert pour détecter les problèmes les plus courants. Voici 4 outils gratuits :

1. WAVE (Web Accessibility Evaluation Tool) : extension Chrome/Firefox. Analyse visuelle de chaque page, signale les erreurs de contraste, les alt manquants, les labels absents. A combiner avec un audit complet de votre site WordPress pour une vision globale. L’outil le plus intuitif pour débuter. Disponible sur wave.webaim.org.

2. Google Lighthouse : intégré dans Chrome DevTools (F12 > Lighthouse > Accessibility). Score sur 100 avec des recommandations concrètes. Utile pour un premier diagnostic, mais incomplet : les outils automatisés ne couvrent qu’une fraction des critères WCAG.

3. axe DevTools : extension Chrome développée par Deque. Plus technique que WAVE, mais plus exhaustive. Détecte les violations WCAG avec des explications détaillées et du code de correction.

4. Pa11y : outil en ligne de commande pour automatiser les tests d’accessibilité sur plusieurs pages. Idéal pour les développeurs qui veulent intégrer les tests a11y dans leur CI/CD.

Quelles extensions WordPress pour l’accessibilité ?

Quelques extensions peuvent vous aider, mais attention… aucune extension ne rend un site magiquement accessible. Le gros du travail, c’est le thème, le contenu et la conception.

WP Accessibility (par Joe Dolson) : l’extension de référence. Elle corrige automatiquement certains problèmes courants : skip links, attributs de langue, toolbar de contraste pour les visiteurs, suppression des attributs tabindex inutiles. Gratuite, légère, bien maintenue. C’est la première à installer.

All in One Accessibility (par Skynet Technologies) : ajoute une barre d’outils côté visiteur (agrandissement du texte, mode contraste élevé, curseur agrandi, profils d’accessibilité). Utile pour les sites institutionnels qui doivent montrer un effort d’accessibilité visible.

Comment choisir un thème WordPress accessible ?

Le thème, c’est 50% de l’accessibilité de votre site. Un mauvais thème, et vous partez avec un handicap… (sans mauvais jeu de mots).

Sur WordPress.org, cherchez les thèmes avec le tag "accessibility-ready". Ce tag signifie que le thème a passé une revue d’accessibilité par l’équipe WordPress Theme Review. Les thèmes par défaut (Twenty Twenty-Five, Twenty Twenty-Four) l’ont tous. WordPress.org recense actuellement plus de 90 thèmes gratuits avec ce tag.

Parmi les thèmes tiers, Astra, GeneratePress et Kadence ont des scores d’accessibilité solides. Ils incluent les skip links, le support ARIA, la navigation au clavier et un HTML sémantique propre.

Avez-vous testé votre thème au clavier ? Faites-le maintenant. Ouvrez votre page d’accueil, appuyez sur Tab. Si le focus saute n’importe où, si le menu n’est pas navigable, si les boutons sont ignorés… il est peut-être temps de choisir un autre thème WordPress.

Le cadre légal en 2026

En France, l’accessibilité numérique est encadrée par la loi n° 2005-102 du 11 février 2005 (dite "loi Handicap"), renforcée par le décret n° 2019-768 du 24 juillet 2019 qui a étendu les obligations au secteur privé. En 2026, le périmètre s’élargit encore avec la directive européenne.

Le RGAA : le référentiel français

RGAA 4.1.2 (Référentiel Général d’Amélioration de l’Accessibilité) : le référentiel français, basé sur WCAG 2.1 et la norme européenne EN 301 549, avec 106 critères opérationnels. Là où le WCAG vous dit "quoi" faire, le RGAA vous dit "comment" le tester, avec des méthodes précises et des résultats attendus pour chaque critère.

Qui est concerné ? Les services publics (Etat, collectivités, établissements publics) et les entreprises privées réalisant plus de 250 millions d’euros de CA en France. Sanctions : jusqu’à 50 000 euros par service non conforme (public) et 25 000 euros (privé), renouvelable. Et chaque service numérique doit publier une déclaration d’accessibilité obligatoire.

L’European Accessibility Act (EAA)

La directive européenne sur l’accessibilité est applicable depuis le 28 juin 2025. En France, c’est la DGCCRF (Direction générale de la concurrence) et l’ARCEP (télécommunications) qui assurent l’application. La DGCCRF est habilitée à contrôler la conformité des sites e-commerce depuis cette date.

Secteurs concernés : e-commerce, services bancaires, télécommunications, transports, livres numériques. Seules les micro-entreprises (moins de 10 salariés ET moins de 2 millions d’euros de CA) sont exemptées. Les services déjà en ligne avant juin 2025 bénéficient d’une période de transition jusqu’au 28 juin 2030. Les sanctions varient selon les Etats membres : jusqu’à 250 000 euros en France (source : transposition EAA), et un pourcentage du CA annuel dans certains pays. Si vous vendez en ligne en Europe, vous êtes concerné.

Bref. L’accessibilité n’est plus un "nice to have" pour les sites commerciaux européens. C’est une obligation légale avec des sanctions réelles, pas théoriques.

L’écosystème francophone de l’accessibilité WordPress

Si vous voulez aller plus loin, la France dispose d’un écosystème d’experts en accessibilité numérique parmi les plus structurés au monde. Quelques ressources à ne pas manquer :

• Access42 : cabinet de conseil spécialisé, publie une excellente série d’articles sur l’accessibilité dans WordPress (liens, tableaux, structure des modèles, limites de Gutenberg). Référence technique.
• Temesis : cabinet conseil en accessibilité et éco-conception web, historiquement à l’origine du projet Opquast (devenu indépendant en 2017). Expertise en audit RGAA et conformité.
• DINUM / DesignGouv : le site officiel du RGAA, avec les 106 critères, les méthodes de test et la documentation technique. C’est LA source de vérité pour l’accessibilité numérique en France.
• Make WordPress Accessibility : l’équipe officielle WordPress. Handbook, standards de code, tests, et discussions ouvertes. Plusieurs contributeurs francophones y participent activement.

La communauté WordPress francophone est bien représentée dans l’équipe core Accessibility. C’est un sujet pris au sérieux, porté par des gens compétents. Si tu t’y intéresses, n’hésite pas à rejoindre le canal #accessibility sur le Slack WordPress.

Plan d’action : rendre votre site accessible en 5 étapes

Pas de panique… l’accessibilité ne se fait pas en un jour. Voici un plan d’action progressif :

1. Auditez avec WAVE et Lighthouse : faites un état des lieux sur 5-10 pages représentatives. Notez les erreurs les plus fréquentes. *Prévoir 1 à 2 heures.*
2. Corrigez les alt text : passez en revue toutes vos images et ajoutez ou corrigez les textes alternatifs. C’est souvent le plus gros volume de corrections. *Prévoir 2 à 4 heures selon le nombre d’articles.*
3. Vérifiez le contraste et les liens : ajustez les couleurs si nécessaire, remplacez les "Cliquez ici" par des textes explicites. *Prévoir 1 à 2 heures.*
4. Installez WP Accessibility : activez les corrections automatiques (skip links, lang, tabindex). *15 minutes.*
5. Testez au clavier et au lecteur d’écran : naviguez sur votre site sans souris. Corrigez ce qui bloque. *Prévoir 1 à 2 heures par session de test.*

Au total, prévoir a minima 6 à 10 heures pour une première mise en conformité. C’est un investissement, mais c’est un investissement qui profite à tous vos visiteurs, pas seulement à ceux en situation de handicap.

L’accessibilité, c’est un investissement qui profite à tout le monde… et Google le sait. Un site accessible, c’est un site mieux structuré, mieux codé, plus rapide. Bref… c’est un meilleur site, point.

Questions fréquentes sur l’accessibilité WordPress

WordPress est-il accessible par défaut ?

Le cœur de WordPress vise la conformité WCAG 2.2 niveau AA et l’administration est largement navigable au clavier. Mais l’accessibilité finale de votre site dépend du thème, des extensions et surtout du contenu que vous créez (alt text, hiérarchie de titres, contraste des couleurs).

Quels thèmes WordPress sont les plus accessibles ?

Les thèmes par défaut de WordPress (Twenty Twenty-Five, Twenty Twenty-Four) sont les plus accessibles car revus par l’équipe Make Accessibility. Parmi les thèmes tiers, Astra, GeneratePress et Kadence ont de bons scores. Cherchez le tag "accessibility-ready" sur WordPress.org.

Les overlays d’accessibilité (AccessiBe, UserWay) fonctionnent-ils ?

Non. Ces solutions ajoutent une couche JavaScript par-dessus votre site sans corriger les vrais problèmes d’accessibilité (HTML, ARIA, navigation clavier). La communauté a11y les déconseille fortement. Plusieurs entreprises utilisant ces overlays ont été poursuivies aux USA malgré leur utilisation. L’accessibilité se fait dans le code source.

L’accessibilité est-elle obligatoire pour mon site ?

En France, le RGAA 4.1.2 impose l’accessibilité aux services publics et aux entreprises privées de plus de 250 millions d’euros de CA. L’European Accessibility Act (juin 2025) étend cette obligation aux sites de e-commerce et services en ligne en Europe, pour toutes les entreprises sauf les micro-entreprises (moins de 10 salariés et moins de 2 millions d’euros de CA). Même sans obligation légale, l’accessibilité bénéficie au SEO (HTML sémantique, alt text) et à l’expérience utilisateur de tous. Pensez aussi à la conformité RGPD de votre site WordPress, qui va souvent de pair avec l’accessibilité.

Quel est le meilleur plugin WordPress pour l’accessibilité ?

WP Accessibility de Joe Dolson est la référence : gratuit, léger, il corrige les problèmes courants (skip links, attributs de langue, tabindex). All in One Accessibility ajoute une barre d’outils pour les visiteurs. Mais aucun plugin ne remplace un thème bien codé et du contenu accessible.

Comment tester l’accessibilité de mon site WordPress ?

Utilisez WAVE (extension Chrome) pour un audit visuel, Google Lighthouse pour un score rapide, et axe DevTools pour une analyse technique détaillée. Complétez toujours par un test manuel : naviguez au clavier (Tab, Entrée), testez avec un lecteur d’écran (NVDA sur Windows, VoiceOver sur Mac). Les outils automatisés ne couvrent que 20 à 30% des critères WCAG.

L’accessibilité améliore-t-elle le SEO ?

Oui, directement. Les bonnes pratiques d’accessibilité (alt text descriptifs, hiérarchie de titres H1-H6, HTML sémantique, liens explicites) sont aussi des facteurs SEO. Google valorise les sites bien structurés et les Core Web Vitals s’améliorent avec un code propre et léger. L’accessibilité et le SEO partagent 70% de leurs bonnes pratiques.

Combien coûte la mise en accessibilité d’un site WordPress ?

Pour un site existant de taille moyenne (50-100 pages), comptez 6 à 10 heures de travail pour une première mise en conformité de base (alt text, contraste, navigation clavier, skip links). Un audit professionnel complet coûte entre 2 000 et 5 000 euros selon la taille du site. Les extensions d’accessibilité sont gratuites ou peu coûteuses (0-50 euros/an).

Quelle est la différence entre RGAA et WCAG ?

Le WCAG (Web Content Accessibility Guidelines) est le standard international publié par le W3C. Il définit 3 niveaux (A, AA, AAA) et des principes généraux. Le RGAA (Référentiel Général d’Amélioration de l’Accessibilité) est le référentiel français, basé sur WCAG 2.1 et la norme EN 301 549. La grande différence : le RGAA fournit 106 critères opérationnels avec des méthodes de test précises et des résultats attendus. En résumé, le WCAG dit "quoi" faire, le RGAA dit "comment" le vérifier. Etre conforme RGAA implique la conformité WCAG 2.1 AA.

C’est quoi le RGAA 5 et quand arrive-t-il ?

Le RGAA 5 est la prochaine version du référentiel français d’accessibilité, annoncé par la DINUM le 2 mars 2026. Il intégrera le WCAG 2.2 (9 nouveaux critères : cibles tactiles, gestes de glissement, authentification accessible), ajoutera des critères pour les applications mobiles et les documents bureautiques, et désignera l’Arcom comme autorité de contrôle. Sortie prévue fin 2026. Les déclarations d’accessibilité existantes resteront valides 18 mois après publication.

Article original sur WPFormation