Rendre un site WordPress accessible

Rendre un site WordPress accessible consiste à optimiser votre site web construit avec le CMS WordPress pour qu'il soit utilisable par tous, y compris les personnes en situation de handicap.

WordPress, par défaut, intègre certaines bonnes pratiques d'accessibilité : il est nécessaire de préserver ces bonnes pratiques lors de la construction du thème de votre projet et de bien choisir les extensions qui viendront compléter les fonctionnalités natives de ce CMS.

• Avec plus de 40% des sites web mondiaux, améliorer l'accessibilité WordPress est un objectif majeur de la communauté open source.
• Respecter le RGAA et les obligations d'accessibilité numérique est une nécessité pour les sites publics et les entreprises privées (loi n° 2005-102 du 11 février 2005 pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées).
• Toucher les 15% de la population mondiale en situation de handicap élargit votre audience.

Site existant ? Audit et état des lieux

Actions prioritaires sur WordPress

Les améliorations d'accessibilité s'articulent autour de plusieurs axes techniques et éditoriaux.

Thème et structure

• Réaliser un thème accessible :
  • Privilégier une structure simple et logique, sémantique
  • Ne pas surcharger d'extensions ou de constructeurs de pages
  • S'assurer de la navigation au clavier
  • Contrôler les contrastes, la lisibilité, l'accessibilité des médias
• Optimiser la structure :
  • Liens d'évitement (skip links) vers le contenu principal
  • Zones de navigation clairement identifiées
  • Hiérarchie des titres cohérente
  • Utilisation correcte des éléments sémantiques HTML5
  • Utilisation appropriée des liens et des boutons
  • Éviter les contenus clignotants ou en mouvement

Contenu et médias

• Images accessibles :
  • Ajouter des alternatives textuelles pertinentes (attribut alt et en revanche laisser vide cet attribut pour les images décoratives)
  • Utiliser des légendes descriptives pour les images complexes
• Vidéos et audio :
  • Ajouter des sous-titres aux vidéos (manuellement ou automatiquement)
  • Fournir des transcriptions textuelles
  • Éviter la lecture automatique avec son
  • Proposer des contrôles de lecture accessibles
• Documents téléchargeables :
  • Indiquer le format et la taille des fichiers
  • S'assurer que les PDF sont accessibles
  • Proposer des versions alternatives si nécessaire

Navigation et interaction

• Menus et liens :
  • Préciser la langue des pages et les changements de langue dans le contenu
  • Libellés de liens explicites et uniques
  • Indication visuelle du focus au clavier
  • Fil d'Ariane pour faciliter l'orientation
  • Plan du site accessible
  • Définir correctement les rôles ARIA
• Formulaires :
  • Étiquettes claires associées aux champs
  • Messages d'erreur explicites et bien positionnés
  • Regroupement logique des champs et tabulation clavier
  • Instructions d'aide accessibles

Quelles sont les extensions recommandées ?

Certaines extensions peuvent contribuer à améliorer l'accessibilité ou à vous aider dans cette démarche, mais elles n'appportent pas de solution de remplacement magique, car l'accessibilité doit être intégrée dès la conception. Elle est spécifique à votre projet, et ne peut être automatisée par des algorithmes qui ne connaissent pas votre contenu et votre contexte.

En revanche, il est important de choisir des extensions qui ne vont pas à l'encontre des bonnes pratiques d'accessibilité pour éviter d'introduire de nouveaux obstacles. Ainsi, nous ne recommandons pas d'extensions de construction de pages (de type Elementor, Divi, WPBakery...) car elles génèrent souvent un code source lourd et peu sémantique, difficile à rendre accessible. Une fois que vos pages et blocs ont été conçues avec ces extensions propriétaires, il est souvent très compliqué de revenir en arrière.

Pour construire des formulaires de contact, Contact Form 7 est un bon choix, et dispose d'un fork que nous recommandons amélioré par Julie Moynat

Rédaction accessible

Adopter une approche de rédaction accessible permet de garantir que le contenu est compréhensible et utilisable par tous. L'éditeur de contenu natif de WordPress (Gutenberg) offre des blocs structurés qui facilitent la création de contenu accessible.

• Utiliser la hiérarchie de titres appropriée dans l'éditeur de contenus.
• Créer des paragraphes courts et aérés, expliciter les abréviations et acronymes.
• Utiliser les listes ordonnées et non ordonnées.
• Mettre en évidence les informations importantes.
• Apporter une alternative textuelle pour les images.

Formation des équipes

Sensibiliser et former les équipes éditoriales aux bonnes pratiques d'accessibilité est crucial pour maintenir un site accessible à long terme.

Nous pouvons vous proposer des formations adaptées à votre budget et temps de disponibilité.

• Sensibilisation : Former les éditeurs aux enjeux de l'accessibilité
• Procédures : Établir des check-lists de publication accessible
• Outils : Utiliser les fonctionnalités d'accessibilité de l'éditeur WordPress
• Tests : Intégrer des tests d'accessibilité dans le processus de publication

Maintenance et amélioration continue

L'accessibilité d'un site WordPress est processus d'amélioration continue qui nécessite une attention régulière.