Créer un site WordPress accessible aux personnes handicapées

Pour créer un site WordPress accessible, choisissez un thème adapté, structurez vos contenus et vérifiez que les fonctions du site sont utilisables au clavier et avec un lecteur d’écran. Ajoutez des alternatives aux images et aux vidéos, puis testez régulièrement vos pages : une extension seule ne suffit pas à garantir leur accessibilité.

Comprendre l’accessibilité d’un site WordPress

L’accessibilité consiste à permettre aux personnes handicapées de percevoir, comprendre et utiliser un site. Les besoins varient : une personne peut naviguer sans souris, utiliser un lecteur d’écran, agrandir le texte ou avoir besoin de sous-titres pour une vidéo.

Sur WordPress, l’accessibilité dépend à la fois du thème, des extensions et des contenus que vous publiez. Un thème adapté ne corrigera pas, par exemple, une image informative sans description ou un formulaire dont les champs sont difficiles à identifier.

Les règles pour l’accessibilité des contenus Web, ou WCAG, fournissent des critères pour examiner ces différents aspects. Certaines obligations légales peuvent également s’appliquer selon votre situation et le pays concerné.

Choisir et vérifier un thème WordPress accessible

Tous les thèmes ne facilitent pas de la même façon la navigation au clavier ou l’utilisation d’un lecteur d’écran. Avant de faire votre choix, examinez la démonstration du thème et les informations fournies par son éditeur.

Le thème Twenty Twenty, par exemple, a été conçu avec une attention portée à l’accessibilité. Cela ne dispense pas de vérifier le résultat après personnalisation et ajout de contenus.

Pour évaluer un thème :

1. Parcourez son menu avec la touche Tabulation, puis activez les liens avec Entrée.
2. Vérifiez que l’élément sélectionné reste visible et que l’ordre de navigation est logique.
3. Observez la lisibilité des textes, le contraste des couleurs et l’affichage sur différentes tailles d’écran.
4. Examinez la structure des titres et testez les fonctions importantes avec un lecteur d’écran.

Une mise en page adaptée aux petits écrans est utile, mais elle ne garantit pas à elle seule l’accessibilité. Après un changement de thème, vérifiez aussi vos menus, formulaires et contenus existants.

Rendre les contenus et la navigation accessibles

Même avec un thème adapté, chaque page doit être lisible et compréhensible. Commencez par les contenus et les fonctions que vos visiteurs utilisent le plus souvent.

Structurer les pages et décrire les images

Organisez vos pages avec un titre principal et des sous-titres qui reflètent la structure du contenu. Dans l’éditeur WordPress, utilisez les blocs de titre plutôt que de simplement agrandir du texte. Une structure cohérente aide notamment les personnes qui parcourent la page avec un lecteur d’écran.

Pour une image qui apporte une information, renseignez une alternative textuelle décrivant cette information. Dans l’éditeur, sélectionnez l’image et remplissez le champ Texte alternatif dans ses réglages. Une image purement décorative peut avoir une alternative vide afin de ne pas ajouter de lecture inutile.

Privilégiez une police lisible et un texte suffisamment contrasté avec son arrière-plan. Vérifiez aussi que le contenu reste utilisable lorsque le visiteur agrandit le texte ou zoome dans son navigateur.

Faciliter les déplacements et les interactions

Gardez une navigation cohérente d’une page à l’autre : un menu placé au même endroit et des intitulés explicites aident les visiteurs à se repérer. Les liens doivent indiquer leur destination ou leur fonction sans imposer de deviner à partir du contexte.

Les boutons et champs doivent être utilisables au clavier. Pour un formulaire de contact personnalisé, vérifiez notamment que chaque champ possède une étiquette claire et que les éventuels messages d’erreur sont compréhensibles.

Les boutons de partage social sur WordPress méritent la même attention : leur fonction doit être identifiable, y compris lorsqu’ils sont représentés par une simple icône.

Évitez d’utiliser des tableaux pour construire la mise en page. Réservez-les aux données qui nécessitent réellement une présentation en lignes et colonnes, avec des en-têtes compréhensibles.

Prévoir des sous-titres pour les vidéos

Si vous publiez des vidéos, ajoutez des sous-titres pour rendre les paroles et les informations sonores importantes accessibles aux personnes qui ne peuvent pas les entendre. Relisez-les afin de vérifier qu’ils correspondent bien au contenu.

Utiliser les extensions d’accessibilité avec discernement

Des extensions peuvent aider à repérer ou à réduire certains obstacles. WP Accessibility propose des réglages destinés à améliorer certains aspects de l’accessibilité. UserWay propose notamment des outils permettant d’ajuster la présentation, comme la taille du texte ou le contraste.

Pour installer une extension :

1. Dans l’administration WordPress, ouvrez Extensions > Ajouter une extension.
2. Recherchez son nom, puis consultez sa description et ses informations avant installation.
3. Installez et activez l’extension choisie.
4. Examinez ses réglages et testez les changements sur le site.

Ces outils ne remplacent ni un thème adapté ni la correction des contenus. Vérifiez également qu’ils ne gênent pas la navigation existante ou les technologies d’assistance utilisées par vos visiteurs.

Tester et maintenir l’accessibilité du site

Les outils WAVE et axe peuvent analyser vos pages et signaler certains problèmes potentiels, comme des contrastes insuffisants ou des éléments dépourvus de nom accessible. Lancez une analyse sur plusieurs types de pages : accueil, article, formulaire et toute page contenant des fonctions particulières.

Complétez ensuite les résultats par des vérifications manuelles :

• Parcourez la page au clavier, sans utiliser la souris.
• Vérifiez que le focus reste visible et que les menus et boutons peuvent être activés.
• Testez les titres, liens, images et formulaires avec un lecteur d’écran.
• Agrandissez le texte et contrôlez que le contenu reste lisible.
• Vérifiez les sous-titres des vidéos et la clarté des messages d’erreur.

Un outil automatique ne détecte pas tous les obstacles et ne prouve pas, à lui seul, la conformité aux WCAG. Reprenez ces contrôles après l’ajout d’une fonctionnalité ou une modification importante du thème. Un suivi régulier de votre site WordPress aide à intégrer ces vérifications à son entretien.

Questions fréquentes

Article rédigé avec l’aide d’une IA à partir des sources citées et de notre pratique de la maintenance WordPress. Notre méthode éditoriale.