Depuis des années, l’accessibilité numérique est un enjeu qui est souvent relégué au second plan. Trop complexe, pas prioritaire, réservé aux institutions… Les excuses sont connues.
Et pourtant, une échéance approche à grands pas : le 28 juin 2025, tous les sites web devront être conformes aux règles définies par la directive européenne sur l’accessibilité.
Et non, ce n’est pas qu’une histoire de mise aux normes.
C’est une question de visibilité, de performance, de valeurs… et surtout, de millions d’utilisateurs qui naviguent aujourd’hui sur des sites qui ne leur sont pas accessibles.
À travers ce guide, je vous propose de faire un tour d’horizon de ce qu’est un contenu accessible, des solutions qui s’offrent à vous et pourquoi vous devez vous faire accompagner dans cette démarche.
Vous êtes indépendant, responsable marketing, dirigeant d’une PME ou d’une grande marque, ce guide et Cammi Studio vous aident à transformer une contrainte légale en avantage compétitif.
- Pourquoi l’accessibilité web est un levier puissant pour votre site
- comment adapter concrètement votre site WordPress
- et par où commencer pour être prêt à temps sans tomber dans le piège du “tout refaire”
Les 4 principes de l’accessibilité web (WCAG)
Avant de se lancer dans les outils, les plugins ou les optimisations, il vous faut comprendre les fondations de l’accessibilité des sites qui ne repose pas sur des astuces ou des bonnes intentions, mais sur un cadre clair : les WCAG.
C’est quoi, les WCAG ?
Les WCAG (Web Content Accessibility Guidelines) sont les normes internationales qui définissent ce qu’est un site accessible.
Ce n’est pas un dogme obscur réservé aux développeurs : c’est un référentiel général d’accessibilité, pratique, adopté par l’Europe et qui sert à évaluer la conformité d’un site internet.
Et ces normes tiennent en 4 grands principes, simples à comprendre, mais puissants dans leur impact.
Perceptible
Votre contenu doit pouvoir être vu, entendu, ressenti, peu importe le mode de navigation.
- Vous utilisez des images ? Il faut une alternative textuelle.
- Des vidéos ? Pensez aux sous-titres.
- Des contrastes trop faibles ? Pour une personne daltonienne, c’est illisible.
L’idée est que chaque élément présent sur les sites internet doit pouvoir atteindre l’utilisateur, même si ses capacités visuelles, auditives ou cognitives sont différentes.
Utilisable
Toutes les pages web de votre site doivent pouvoir être parcourues sans frustration.
- Est-ce qu’on peut utiliser le clavier pour tout faire ?
- Est-ce que les boutons sont accessibles aux lecteurs d’écran ?
- Est-ce que les zones interactives sont bien visibles et assez grandes ?
Rien de plus rageant qu’un menu inaccessible, qu’un formulaire qui ne fonctionne pas ou quand on ne peut pas utiliser une souris.
Compréhensible
Pas besoin d’être expert pour comprendre un contenu bien conçu et accessible sur le site web.
- Le langage est clair ?
- Les instructions sont précises ?
- L’ordre de lecture est logique ?
- L’utilisateur est averti en cas d’erreur de saisie (ex : dans un formulaire) ?
En bref : l’accessibilité de votre site internet, c’est aussi une expérience utilisateur fluide et prévisible.
Robuste
L’accessibilité à votre site doit fonctionner avec toutes les technologies, actuelles et futures.
- Est-ce que le code HTML est propre ?
- Est-ce qu’il est compatible avec les lecteurs d’écran, navigateurs, extensions ?
- Est-ce qu’il respecte les standards du web ?
Plus votre site est robuste, plus il est durable et adaptable pour offrir une bonne accessibilité à vos utilisateurs.
À retenir :
Les WCAG ne sont pas là pour complexifier la vie des développeurs web.
Ce sont des grilles de lecture claires pour rendre votre site :
- plus inclusif,
- plus performant,
- plus fiable à long terme.
Dans la prochaine partie, je vous propose de voir comment WordPress, et les outils que vous utilisez déjà, peuvent vous aider à appliquer tout ça concrètement ou au contraire, vous compliquer la tâche.
Les atouts et les limites de l'accessibilité avec WordPress
Vous avez un site WordPress ou vous prévoyez d’en créer un ? Bonne nouvelle : vous partez avec un certain nombre d’avantages pour rendre votre site accessible.
Mais attention, tout n’est pas automatique : ce que vous installez, configurez et créez peut soit aider… soit nuire à l’expérience utilisateur et aux règles d’accessibilité.
Ce que WordPress fait bien (ou peut faire)
En tant que CMS open source, WordPress bénéficie de contributions actives en matière d’accessibilité. Depuis plusieurs années, une équipe dédiée travaille à rendre le noyau plus inclusif.
Voici ce que ça veut dire concrètement :
- L’éditeur de contenu Gutenberg respecte de mieux en mieux les normes WCAG.
- Certains thèmes, notamment ceux marqués “accessibility-ready”, sont pensés pour offrir une base aux normes d'accessibilité.
- De nombreux plugins peuvent vous aider à corriger les défauts ou à ajouter des fonctions d’accessibilité.
- WordPress encourage l’utilisation de HTML sémantique, une bonne base pour une navigation lisible et structurée.
Bref, vous l’avez compris, WordPress peut vous donner les bons outils à condition de bien les choisir et de les utiliser avec méthode.
Ce que WordPress ne fait pas (ou pas tout seul)
WordPress n’est pas un site prêt-à-publier : c’est une base.
Et comme toute base, elle dépend de ce que vous en faites.
Voici les risques si vous ne faites pas attention :
- Utiliser un thème non accessible (couleurs mal contrastées, navigation clavier impossible, structure incohérente).
- Installer des plugins mal conçus ou mal traduits qui cassent l’accessibilité.
- Publier du contenu sans penser à l’alternative textuelle, à la hiérarchie des titres ou aux formulaires.
- Ajouter des animations, carrousels ou menus “custom” qui ne répondent à aucun des critères d'accessibilité.
Un site WordPress mal configuré peut être aussi inaccessible que n’importe quelle autre solution.
Ce qu’il faut retenir c’est que WordPress n’est ni magique, ni problématique : c’est un outil.
Et comme tout outil, il demande un minimum de conscience et de méthode. En partant d’un thème accessible, comme celui de Hello Elementor, en choisissant les bonnes extensions et en créant du contenu de manière responsable, vous pouvez :
- rendre votre site conforme et accessible aux personnes en situation de handicap,
- offrir une bonne UX et faire face à toute forme de déficience,
- et vous simplifier la vie pour la suite.
Les bonnes pratiques pour rendre vos images accessibles
Les images sont partout : bannières, illustrations, pictos, captures d’écran, visuels produits…
Mais quand elles ne sont pas bien intégrées, elles deviennent de vraies barrières pour des millions d’utilisateurs : malvoyants, aveugles, personnes utilisant un lecteur d’écran… et même Google.
Et ‘ai une bonne nouvelle : rendre une image accessible n’est ni compliqué, ni technique. C’est une question de bon sens éditorial.
Pourquoi c’est important ?
Un utilisateur qui ne “voit” pas l’image doit quand même accéder à l’information qu’elle contient.
Les moteurs de recherche lisent ce que vous décrivez dans l’attribut alt, pas ce qui est visuellement affiché. Enfin, certains contenus comme des graphiques ou des schémas peuvent transmettre des données qu’on doit pouvoir comprendre autrement que par le visuel.
Les 3 types d’images… et ce qu’il faut faire
1. L'image décorative
C’est une image qui n’apporte aucune information utile : une icône de flèche, une vague en fond, un motif graphique…
Ce qu’il faut faire :
- Laisser l’attribut alt vide pour que les lecteurs d’écran l’ignorent.
- Ne mettez surtout pas une description inutile : vous ne faites que polluer la navigation.
2. L'image informative
C’est une image qui transmet une information : la photo d’un produit, un pictogramme qui indique une action, une infographie…
Ce qu’il faut faire :
- Ajouter un alt clair, descriptif et utile.
- Posez-vous cette question : Si je ne voyais pas l’image, que faudrait-il me dire ?
Exemples :
alt= »Logo de Cammi Studio »
alt= »Capture d’écran de l’éditeur Elementor montrant les options de style »
alt= »Carte de France avec les régions en surbrillance »
Attention : évitez les descriptions comme « image » ou « photo de truc ». Soyez vraiment précis sans faire une dissertation.
3. L'image complexe
Ce sont des visuels qui contiennent beaucoup d’informations, chiffrées ou structurées.
Ce qu’il faut faire :
- Fournir une description longue, soit directement dans le texte autour, soit via un lien vers une page explicative.
Par exemple :
“Le graphique ci-dessous présente l’évolution du trafic web entre janvier et juin. Les données sont également décrites en détail sous le graphique.”
Et les légendes dans tout ça ?
La légende est utile pour contextualiser l’image, pas pour en décrire le contenu. Elle accompagne la lecture, mais ne remplace pas le « alt ».
Ce qu’il faut éviter à tout prix :
- Des alt générés automatiquement (ex : “Image 1”)
- Des descriptions trop vagues (“Visuel sympa”)
- Des alt remplis de mots-clés SEO (oui, Google voit clair dans votre jeu)
Bon à savoir quand vous ajoutez une image dans la bibliothèque WordPress, vous pouvez :
- Remplir le champ “texte alternatif” (il sert à l’attribut alt).
- Ajouter une légende (visible sous l’image).
- Donner un titre (utile pour l’organisation interne, pas pour le SEO).
Prenez 5 secondes de plus à chaque ajout d’image et vous ferez une vraie différence.
Choisir un thème WordPress accessible
Vous avez peut-être déjà choisi un thème WordPress “moderne”, “responsive”, “design”. C’est bien.
Mais est-il accessible ? Et surtout : est-il compatible avec les standards d’accessibilité qui deviennent obligatoires à partir du 28 juin 2025 ?
Le choix du thème impacte directement l’accessibilité du site. Si la structure de base est bancale, tout ce que vous ajoutez ensuite (images, textes, formulaires) risque d’hériter des mauvaises pratiques.
Un thème est la charpente de votre site et un bon thème accessible doit intégrer nativement :
- Une structure HTML propre et sémantique (balises logiques, titres bien hiérarchisés, rôles bien définis).
- Des couleurs avec un contraste suffisant pour être lisibles même en cas de déficience visuelle.
- Une navigation au clavier fluide et complète (pas seulement le menu principal).
- Des attributs ARIA correctement utilisés pour aider les technologies d’assistance.
- Une compatibilité avec les lecteurs d’écran, les loupes d’écran, les commandes vocales, etc.
L’objectif est de permettre à n’importe qui, peu importe son mode de navigation et son handicap, d’être capable d’utiliser le site de manière autonome.
Côté contenu, même si le thème pose une base solide, il doit aussi faciliter l’intégration de contenus textuels accessibles. Ça veut dire :
- Des modèles de pages avec une bonne hiérarchie des titres (h1, h2, etc)
- Des styles CSS qui ne perturbent pas la lisibilité.
- Une gestion cohérente des boutons, liens et formulaires.
Si le thème n’anticipe pas ça, vous allez devoir tout corriger à la main. Et bon courage si vous gérez votre site seul ou avec peu de ressources.
Comment repérer un bon thème “accessible-ready” ?
Sur le répertoire WordPress officiel, certains thèmes sont labellisés « accessibility-ready ». Cela signifie qu’ils ont été testés pour répondre à un ensemble de critères techniques définis par la communauté et basés sur les standards d’accessibilité WCAG.
Ce n’est pas une garantie à 100 %, mais c’est un excellent point de départ pour viser les bons niveaux d’accessibilité (AA au minimum, AAA si possible).
Que faut-il vérifier avant d'adopter un thème sous WordPress ?
Est-ce que le thème est mis à jour régulièrement ? Y a-t-il une documentation dédiée à l’accessibilité ? L’éditeur propose-t-il un support en cas de bug ou de problème d’accessibilité ? Des audits ont-ils été réalisés (par vous ou une tierce partie) ?
Voici quelques thèmes testés et validés par la communauté accessibilité qui répondent positivement à ces questions :
- Twenty Twenty-One (WordPress officiel) : léger, propre, conforme.
- GeneratePress
- Neve ou Astra : à condition de désactiver certains modules pour garder un code épuré.
- Hello Elementor : mon favori pour travailler avec le constructeur Elementor Pro
- Des thèmes premium développés par des studios spécialisés en accessibilité (souvent avec un support dédié).
Mon conseil : Évitez les “gros” thèmes tout-en-un bourrés d’effets et de shortcodes. Derrière le clinquant visuel se cachent souvent des failles d’accessibilité majeures.
Ce que vous devez retenir c’est qu’un bon thème accessible, c’est :
- un socle fiable pour la conformité légale,
- une base saine pour améliorer l’accessibilité du site,
- un gain de temps énorme pour les développeurs, créateurs de contenu et équipes marketing.
Dans la prochaine partie, je vous propose d’explorer les plugins WordPress les plus efficaces pour corriger ou renforcer l’accessibilité sans alourdir votre site.
Quelles extensions pour améliorer l'accessibilité de votre site web ?
Les plugins sont des outils WordPress qui vous aident à détecter, corriger ou renforcer des éléments liés à l’accessibilité de votre site.
Mais attention : tous ne se valent pas. Certains se contentent d’ajouter une surcouche esthétique sans améliorer les vrais problèmes de fond quand d’autres peuvent même entraîner des conflits ou casser la compatibilité avec des lecteurs d’écran.
Voici ma sélection de plugins fiables, utiles et bien conçus, pour viser les bons niveaux d’accessibilité sans plomber la performance de votre site internet :
WP Accessibility
Un plugin léger mais très pratique pour gérer les petits détails souvent oubliés :
- Ajout d’un lien “Aller au contenu” en haut de page.
- Détection des attributs manquants (langues, titres, alt textuels…).
- Amélioration de la navigation au clavier.
- Correction des erreurs de formulaire courantes.
C’est un bon complément, notamment si vous ne pouvez pas intervenir directement dans le code de votre thème.
WP Accessibility Helper
Plus complète, cette extension propose une boîte à outils visuelle pour activer un mode haut contraste, ajuster la taille des textes (zoom), souligner les liens ou encore gérer certains scripts côté front pour être accessible plus rapidement.
Mon avis est qu’il est utile pour proposer des options de personnalisation aux utilisateurs finaux, mais attention à ne pas s’y fier comme solution miracle.
Ally d'Elementor Pro
Ally d’Elementor vous permet d’ajouter en un clic des options d’accessibilité — redimensionnement du texte, ajustement des contrastes, pause des animations — sans toucher à votre code. Idéal pour offrir à vos visiteurs, notamment ceux ayant des déficiences visuelles ou motrices, la possibilité de personnaliser leur expérience sur-le-champ, sans refonte complète du site ni compétences techniques poussées.
Accessibility Checker par Equalize Digital
Un des outils les plus complets pour auditer votre site WordPress en temps réel. Ce plugin analyse vos pages et vous signale les erreurs ou manquements : contrastes trop faibles, attributs alt manquants, titres désorganisés…
Il fonctionne directement dans l’éditeur WordPress, classe les problèmes par gravité, fait le lien avec les standards d’accessibilité WCAG et vous aide à prioriser ce qu’il faut corriger.
Les plugins d’accessibilité automatique
Certaines extensions comme UserWay ou accessiBe proposent d’ajouter une barre d’outils flottante avec des options (taille du texte, contraste, lecture vocale…).
C’est mieux que rien, mais ça ne règle pas les problèmes de fond : sémantique, structure, navigation clavier, compatibilité des contenus textuels…
De plus, ces solutions peuvent parfois entrer en conflit avec les technologies d’assistance en contournant les vrais standards.
À retenir :
Les bons plugins peuvent vous aider à détecter les erreurs d’accessibilité, à renforcer certaines fonctions UX et à accélérer votre mise en conformité sans coder une ligne.
Le conseil de Cammi Studio : installez peu de plugins, mais choisissez-les bien. Vérifiez leur compatibilité avec votre thème, leur fréquence de mise à jour et leur documentation.
Comment tester l'accessibilité de son site internet ?
Avoir mis en place de bonnes pratiques, c’est un bon début. Mais le plus important, c’est de tester concrètement l’accessibilité du site pour vous placer dans la réalité utilisateur.
Pour cela, trois types de tests se complètent : les tests automatiques, les tests manuels, et surtout, les tests utilisateurs.
Outils d'accessibilité automatiques
Les tests automatiques permettent de scanner votre site à la recherche de problèmes fréquents liés aux standards d’accessibilité. Ils vérifient par exemple :
- la présence (ou non) des attributs alt sur les images,
- le contraste entre le texte et l’arrière-plan,
- l’ordre des titres (h1, h2...),
- l’utilisation correcte des balises ARIA.
Les indispensables :
- WAVE (extension navigateur) : propose une visualisation graphique des problèmes d’accessibilité directement sur la page.
- Axe DevTools (extension Chrome/Firefox) : très puissant, notamment pour tester la compatibilité avec les technologies d’assistance.
- Assistant RGAA (extension Chrome/Firefox) : un outil permettant d'auditer des pages web en suivant le référentiel RGAA.
Ces outils ne détectent pas toutes les failles d’accessibilité aux informations, mais ils permettent de gagner du temps et de couvrir l’essentiel des erreurs structurelles et textuelles.
Tests manuels
Les outils automatiques ne peuvent pas tout évaluer : ils ne savent pas si un bouton est compréhensible, si l’ordre de lecture est logique ou si l’expérience est fluide pour un humain.
Voici deux tests à faire vous-même :
Naviguer uniquement au clavier
- Essayez de parcourir une page sans souris, uniquement avec la touche Tab.
- L’ordre de tabulation est-il logique ?
- Est-ce qu’on voit bien où l’on se trouve (focus visible) ?
- Peut-on accéder à tous les liens, boutons, menus déroulants ?
Ce test révèle immédiatement les défauts de navigation et montre si le site peut être accessible sans périphérique de pointage.
Utiliser un lecteur d’écran
- Activez VoiceOver (Mac), NVDA (Windows) ou TalkBack (Android) et écoutez ce que le site “raconte”.
- Les textes alternatifs sont-ils clairs ?
- Les boutons ont-ils un libellé compréhensible ?
- L’ordre de lecture suit-il une structure logique ?
Cela vous permet de vérifier si le contenu textuel est interprétable et si le site respecte les niveaux d’accessibilité attendus.
Tests utilisateurs
Les meilleurs retours viennent des personnes réellement concernées. Faites tester votre site par des personnes en situation de handicap et sortez du cadre technique pour entrer dans l’usage réel.
- Une personne aveugle peut-elle utiliser votre menu ?
- Une personne avec des troubles moteurs peut-elle remplir un formulaire facilement ?
- Un utilisateur neuro divergent comprend-il bien la hiérarchie des informations ?
Ces tests d’accessibilité en situation réelle sont d’une valeur inestimable : ils révèlent ce que ni les outils, ni les experts ne voient.
Accessibilité et SEO : le duo gagnant
L’accessibilité, c’est un sujet d’inclusion, de conformité, d’éthique. Mais c’est aussi un levier de performance digitale. En d’autres termes : ce qui améliore l’accessibilité améliore aussi votre SEO.
Ce n’est pas une coïncidence : les moteurs de recherche et les technologies d’assistance ont un besoin commun : comprendre la structure et le contenu de votre site.
Accessibilité & SEO : deux faces pour un même enjeu
Un site bien conçu pour tous les utilisateurs est aussi plus lisible pour Google.
- Les textes alternatifs (attributs alt) décrivent les images… pour les lecteurs d’écran et pour les moteurs de recherche.
- Une bonne hiérarchie de titres facilite la lecture pour les personnes malvoyantes et le crawling pour les bots.
- Un balisage propre et sémantique aide les systèmes d’assistance à comprendre la page et améliore l’indexation SEO.
- Une navigation fluide renforce l’ergonomie globale, réduit le taux de rebond et augmente le temps passé sur le site.
Référencement naturel et mise en accessibilité
Quand vous entamez une mise en accessibilité sérieuse, vous améliorez indirectement :
- La qualité du code HTML, donc la lisibilité technique du site.
- La cohérence des contenus textuels, donc leur pertinence SEO.
- La vitesse de chargement en supprimant des éléments inutiles.
- La visibilité dans les pages de résultats via des balises structurées, comme les titres, listes, descriptions, etc…
Et plus votre contenu est clair, logique, compréhensible, plus il performe : pour les utilisateurs… et pour les robots.
L’accessibilité, c’est bon pour le business
Investir dans l’accessibilité pour se mettre en règle, mais pas que. C’est aussi élargir son audience (plus de 20 % des internautes sont concernés), améliorer sa visibilité, renforcer la confiance et gagner des points précieux en SEO.
Favoriser l’accessibilité de son site pour en faire un accélérateur de croissance pas une contrainte technique.
Accessibilité web, que dit la loi ?
À partir du 28 juin 2025, de nombreux sites web publics et privés devront être accessibles selon les règles de la directive européenne sur l’accessibilité numérique.
Cette réglementation impose le respect des standards d’accessibilité, avec des niveaux de conformité précis. Ne pas anticiper la mise en accessibilité de votre site peut entraîner des sanctions, nuire à votre image et exclure une partie de votre audience.
La loi exige un site utilisable par tous, quel que soit le handicap. Mais c’est aussi une opportunité : respecter les règles d’inclusion, de performance et d’obligations légales tout en renforçant l’ergonomie et la compatibilité globale de votre site.
Agissez maintenant pour l’accessibilité et transformez une contrainte légale en avantage stratégique.
Avec Cammi Studio, je vous accompagne dans la mise en accessibilité de votre site de façon claire, humaine et personnalisée. Prenons rendez-vous et parlons-en !
Audit Accessiblité Web
- Vérification WCAG sur-mesure
Analyse complète de votre site selon les 4 principes WCAG (Perceptible, Utilisable, Compréhensible, Robuste) pour identifier précisément les non-conformités et prioriser les actions.
- Diagnostic WordPress & configuration
Bilan de votre thème (accessibility-ready ou non) et des plugins installés : détection des risques introduits par vos choix techniques et recommandations d’optimisation.
- Revue de vos images et médias
Audit des attributs alt selon leur nature (décorative, informative, complexe) et des bonnes pratiques de description longue ou de légendes ; repérage des éléments graphiques bloquants pour les lecteurs d’écran.
- Plan de tests automatisés et manuels
Un scan automatisé vérifie alt, contrastes, titres et ARIA, suivi de tests clavier et de simulation lecteur d’écran, puis validation par des utilisateurs en situation de handicap pour garantir une accessibilité réelle.
- Bilan SEO
Évaluation de l’impact SEO de votre accessibilité (attributs alt, balisage sémantique, hiérarchie des titres) et point précis sur la directive européenne : échéance du 28 juin 2025, risques juridiques et recommandations pour votre déclaration d’accessibilité.
À partir de 1000€HT
Correctifs facturés en supplément par pack d’heures (minimum 10h)
