4 meilleures extensions WordPress pour l'accessibilité web
Des plugins gratuits ou payants pour un site plus accessible
L’accessibilité devient un critère fondamental dans une société de plus en plus inclusive. Des directives et des référentiels encadrent désormais la notion d’accessibilité pour un nombre croissant d’acteurs (administrations, collectivités territoriales, entreprises…). Les marques qui ne sont pas (encore) soumis à ces obligations peuvent également s’engager dans une démarche volontaire d’accessibilité, qui s’inscrit dans une politique RSE.
Avec un thème adapté et quelques modifications, un site WordPress peut très bien répondre aux directives WCAG ou au référentiel RGAA. Des extensions simplifient encore plus vos actions : je vous propose ici une sélection des meilleurs plugins pour rendre votre site WordPress plus accessible.
1. Accessibility Widget - OneTap
OneTap est un plugin WordPress multilingue qui rend votre site accessible en un clic, sans code ni configuration complexe.
Cette extension légère, rapide et compatible GDPR intègre de nombreux outils d’accessibilité pour améliorer l’expérience de tous vos visiteurs, quel que soit leur handicap. Vous disposez de fonctionnalités gratuites, telles que l’agrandissement du texte ou du curseur, l’ajustement des interlignes ou de l’espace entre les lettres ou la désactivation des animations (qui peuvent poser problème aux personnes souffrant de TDAH).
La version payante va beaucoup plus loin, avec des fonctionnalités avancées comme la possibilité d’afficher une police adaptée aux personnes dyslexiques ou la lecture du contenu. Il est aujourd’hui disponible dans 35 langues, dont le français.
Modules de contenu :
- Texte agrandi : Agrandir le texte pour une meilleure lisibilité.
- Curseur : Agrandir le curseur pour plus de visibilité.
- Interligne : Ajuster l’espacement des lignes pour plus de clarté.
- Espacement des lettres : Modifier l’espacement pour faciliter la lecture.
- Police lisible : Utiliser une police plus claire et facile à lire.
- Alignement du texte : Ajuster l’alignement pour une meilleure structure.
- Liens en surbrillance : Rendre les liens plus visibles pour faciliter la navigation.
Options de couleur :
- Inverser les couleurs : Inverser les couleurs du texte et de l’arrière-plan.
- Luminosité : Ajuster la luminosité de l’écran.
- Niveau de gris : Passer en noir et blanc.
Options d’orientation :
- Ligne de lecture : Mettre en surbrillance la ligne en cours.
- Masque de lecture : Se concentrer sur un texte précis.
- Cacher les images : Supprimer les images distrayantes.
- Tout en surbrillance : Mettre en surbrillance les éléments au survol.
- Stopper les animations : Désactiver les animations.
Modules de contenu :
- Police dyslexique : Police spécialisée pour les utilisateurs dyslexiques.
- Loupe de texte : Agrandir un texte sélectionné pour plus de visibilité.
Options de couleur :
- Contraste : Ajuster finement le contraste des couleurs.
- Saturation : Ajuster la saturation des couleurs.
Options d’orientation :
- Navigation au clavier : Naviguer uniquement au clavier.
- Titres en surbrillance : Mettre en valeur les titres.
- Lire la page : Lire à haute voix le contenu de la page.
- Couper les sons : Couper les sons du site.
Sélections multiples et profils d’accessibilité prédéfinis :
- Mode malvoyant : Améliore la visibilité du site.
- Profil sans crise : Réduit les flashs et atténue les couleurs.
- Mode adapté ADHD : Navigation concentrée.
- Mode cécité : Réduit les distractions.
- Mode épilepsie : Atténue les couleurs.
Découvrez Accessibility Widget
- Langue : français
- Éditeur : OneTap
- Prix : Fremium
2. WP Accessibility - Joe Dolson
Découvrez WP Accessibility
- Langue : anglais
- Éditeur : Joe Dolson
- Prix : gratuit
Créée par un webdesigner très impliqué dans les problématiques d’accessibilité web, l’extension WP Accessibility résoud différents problèmes fréquemment liés aux thèmes WordPress qui ne prennent pas (suffisamment) en considération cet aspect. Il s’intéresse également à certains problèmes inhérents au noyau de WorPress. Chaque fonctionnalité peut être activée ou désactivée selon vos besoins.
WP Accessibility inclut également des outils de test faciles à utiliser.
Cet excellent plugin d’accessibilité pour WordPress est entièrement gratuit.
Fonctionnalités liées aux thèmes non accessibles :
- Ajouter des liens d’évitement avec des cibles définies par l’utilisateur (cibles et apparence personnalisables) ;
- Ajouter des attributs de langue et de direction du texte dans la balise HTML quand ils sont manquants ;
- Ajouter un contour pour l’état de focus au clavier pour les éléments focalisables ;
- Ajouter une description longue aux images (en utilisant le champ « Description » de l’image) ;
- Rendre obligatoire l’attribut alt sur les images dans l’éditeur classique ;
- Identifier des images sans attribut alt dans la bibliothèque de médias ;
- Ajouter des étiquettes aux champs de formulaires standard de WordPress (recherche, commentaires) ;
- Ajouter des titres d’articles aux liens « lire la suite » ;
- Supprimer les tabindex des éléments focalisables (corrige également les problèmes causés par des plugins) ;
- Suppruler le user-scalable=no pour permettre le redimensionnement.
Problèmes d’accessibilité du noyau WordPress corrigés par WP Accessibility :
- Afficher une erreur de page de recherche lorsqu’une recherche est effectuée avec une chaîne vide (si votre thème a un modèle search.php) ;
- Supprimer les attributs title redondants dans les nuages d’étiquettes ;
- Désactiver l’activation par défaut du mode plein écran de l’éditeur de blocs.
Autres corrections propres au contenu :
- Supprimer les attributs title des images insérées dans le contenu.
- Suppression l’attribut target des liens.
WP Accessibility inclut également plusieurs outils de test dédiés à l’accessibilité web. Vous pouvez notamment :
- Tester le contraste des couleurs entre deux valeurs hexadécimales.
- Activer un CSS de diagnostic pour afficher les problèmes détectables par CSS dans l’éditeur visuel ou en front-end.
- Rechercher des champs alt des images dans votre médiathèque en fonction du contenu.
Astuces et tutoriels sur l'accessibilité Web
3. WP Accessibility Helper (WAH) - WAH Accessibility Services
WP Accessibility Helper (WAH) est également une excellente extension WordPress dédiée à l’accessibilité web. Il vous aide à rendre votre site conforme aux standards WCAG 2.0, WCAG 2.1, Section 508 et Israeli 5568 AA.
Les fonctionnalités gratuites sont plutôt limitées, mais demeurent bien utiles, tandis que la version payante offre un grand nombre de fonctionnalités qui vous aident à rendre votre site accessible à tous les handicaps et tous les publics.
Le plugin WAH fonctionne bien avec la plupart des thèmes WordPress, y compris les plus récents.
WAH propose une sélection de fonctionnalités disponibles dans sa version gratuite :
- Redimensionnement de la police de texte ;
- Ajout d’un menu des liens d’évitement ;
- Mise en surbrillance des liens ;
- Position personnalisée du logo ;
- Suppression des animations (pour les personnes avec un TDAH ou épileptiques) ;
- Images en niveaux de gris ;
- Thèmes clair et sombre ;
- Suppression des animations CSS ;
- Soulignage de tous les liens ;
- Widgets triables (glisser-déposer).
L’activation de la licence permet de bénéficier de nombreuses autres fonctionnalités d’accessibilité :
- Lecture vocale du contenu (fonctionnalité Text-to-Speech ou TTS) ;
- Paramètres de visibilité (charger des pages spécifiques sans le plugin WAH) ;
- Mise en page moderne de la barre latérale ;
- Réglage de la hauteur de ligne ;
- Réglage de l’espacement des lettres ;
- Importation et exportation des paramètres du plugin ;
- API Web Speech (anglais uniquement) ;
- Mode sépia ;
- Mode monochrome ;
- Option de lien et bouton personnalisé ;
- Images d’arrière-plan en niveaux de gris ;
- Mise en page large de la barre latérale ;
- Support WPML ;
- Support Polylang (sites multilingues) ;
- Icônes sur les boutons ;
- Fenêtres modales (popups) ;
- Constructeur d’accordéons accessibles ;
- Variations de contraste illimitées ;
- Shortcodes et widgets ;
- Support client ;
- Paramètres page par page, et possibilité de sauvegarder le choix de l’utilisateur avec cookies ;
- Mise en surbrillance des titres ;
- Réinitialisation de l’ordre des widgets ;
- Paramètres avancés (journal de débogage)
- Personnalisation du logo WAH ;
- Ajout dune mini-barre avec 3 boutons (contraste, redimensionnement de police et niveaux de gris) ;
- Hooks et filtres supplémentaires pour les développeurs.
Utiliser WP Accessibility Helper (WAH)
- Langues : anglais et hébreu
- Éditeur : WAH Accessibility Services (Alex Volkov)
- Prix : freemium
4. WP ADA - seshelby
Utiliser WP ADA Checker
- Langue : anglais
- Éditeur : AlumniOnline Web Services LLC
- Prix : freemium
Cette extension se focalise sur l’audit d’accessibilité web de votre site WordPress. Cet outil d’accessibilité analyse plus de 80 sources d’erreurs présentes dans les standards WCAG 2.1, WCAG 2.2 et Section 508.
La version gratuite de WP ADA se focalise sur l’audit, tandis que la version payante autorise des corrections automatiques et inclut en plus un widget d’accessibilité.
La version gratuite offre des fonctionnalités intéressantes :
- Scan de 15 posts ou pages par scan complet, et scans illimités depuis l’outil en ligne du plugin (page par page) ;
- Analyse de 52 types d’erreurs différents ;
- Analyse limitée aux pages et aux posts ;
- Absence de correction automatique ;
- Pas de widget d’accessibilité inclus.
L’activation de l’extension par l’achat d’une licence annuelle permet de bénéficier de nombreuses autres fonctionnalités :
- Nombre illimité de pages analysées par scan complet ;
- 83 types d’erreurs analysés (contre 52 dans la version gratuite) ;
- Support illimité ;
- Widget d’accessibilité.
Le prix de la licence est garanti tant que vous ne résiliez pas.
Questions / réponses
L’accessibilité web est un enjeu majeur, et la diffusion croissante des bonnes pratiques repose sur deux leviers complémentaires.
Des obligations légales s’appliquent dans de nombreux pays, et concernent autant les administrations, collectivités territoriales et pouvoirs publics, que certaines entreprises.
Un site accessible s’inscrit également dans une stratégie de responsabilité sociétale des entreprises : répondre aux enjeux de publics en situation de handicap ou confrontés à la fracture numérique s’inscrit en effet dans une politique d’inclusivité.
L’accessibilité web se réfléchit dès la création de votre site web, et doit être inclus dans votre cahier des charges.
Dans le cadre d’un site WordPress, le thème choisi (ou créé ad hoc) doit être nativement le plus accessible possible. L’extension intervient alors comme complément pour répondre aux normes très strictes des standards et des référentiels qui s’appliquent dans votre pays.
Les plugins d’accessibilité incluent de nombreuses fonctionnalités, et leur installation ne vous garantit pas un site web 100 % accessible. Je vous invite à utiliser un outil de test d’accessibilité pour compléter votre analyse, ou faire appel à un expert pour un audit. En France, vous devez par exemple vous conformer au référentiel général d’amélioration de l’accessibilité (RGAA).