Skip links

Conformité RGAA sur WordPress : Le guide complet

Comment rendre un site WordPress accessible et conforme RGAA ?

C’est quoi, le RGAA ?

Le Référentiel Général d’Amélioration de l’Accessibilité est un document de référence conçu pour aider les développeurs et les concepteurs web à rendre leurs plateformes disponibles à tous, y compris aux personnes en situation de handicap. Issu de la réglementation française, ce référentiel repose sur les directives internationales du Web Content Accessibility Guidelines (WCAG) et vise à faciliter l’accès des sites web. Il comprend des critères et des tests permettant de vérifier la conformité des contenus numériques.

Ces critères couvrent des aspects variés tels que la structure des pages, l’exploration, les alternatives textuelles pour les images et l’adaptation des contenus pour les technologies d’assistance comme les lecteurs d’écran. En respectant ces directives, les plateformes peuvent offrir un parcours utilisateur plus inclusif et améliorer l’accès à l’information pour tous.

Devoirs légaux de l’accessibilité depuis 2019

Depuis le 23 septembre 2019, la législation française impose des obligations strictes en matière de disponibilités numériques pour les administrations publiques et certaines entreprises privées. La loi pour une République numérique et le décret n° 2019-768 stipulent que tous les sites internet, intranet et applications mobiles des services publics doivent être accessibles aux personnes en situation de handicap.

Les entreprises privées, notamment celles proposant des services publics en ligne ou recevant des subventions publiques, doivent également se conformer à ces standards. Les entités concernées doivent publier une déclaration de facilitation d’accès sur leur site, indiquant leur niveau de conformité et les éventuelles dérogations.

Devoirs légaux de l’accessibilité depuis 2019



<ahref="https://fr.freepik.com/vecteurs-libre/illustration-vectorielle-accessibilite-electronique-concept-abstrait-accessibilite-aux-sites-web-appareil-electronique-pour-personnes-handicapees-technologie-communication-metaphore-abstraite-pages-web-ajustables_11668179.htm">Image de vectorjuice</a> sur Freepik

Des audits réguliers sont par ailleurs prévus pour vérifier le respect de ces obligations, et des sanctions peuvent être appliquées en cas de non-conformité. Ces mesures visent à garantir à tous les usagers un accès facile aux informations et aux services en ligne, indépendamment de leurs capacités physiques ou cognitives.

L’accessibilité web en 2024

En 2024, l’ouverture d’un site web reste un enjeu crucial, avec des évolutions significatives dans les technologies et les attentes des visiteurs. Le référentiel continue d’évoluer pour intégrer les dernières avancées en matière de développement web et de design UX.

Les sites web doivent désormais non seulement être conformes aux protocoles techniques, mais aussi offrir une expérience utilisateur fluide et intuitive pour tous. Les technologies émergentes comme l’intelligence artificielle, la réalité augmentée, et les interfaces vocales posent de nouveaux défis et opportunités pour la praticabilité.

Par exemple, les assistants virtuels doivent être conçus pour comprendre et répondre aux commandes vocales de manière inclusive, en tenant compte des différentes nuances de voix et d’articulation. De plus, la prise en compte de la praticabilité dès les premières phases de conception des produits numériques devient une pratique courante. Les développeurs et designers adoptent des méthodologies de design inclusif. Ils font appel à des usagers en situation de handicap dès les phases de test pour s’assurer que les solutions développées répondent réellement à leurs besoins.

En somme, la facilitation d’accès du web en 2024 se dirige vers une intégration plus naturelle et proactive dans le processus de création numérique, avec un accent sur l’amélioration continue et l’inclusivité.

Mise en conformité de WordPress avec le RGAA

La sélection de thèmes accessibles

Pour s’y conformer, il est essentiel de choisir des thèmes qui respectent les critères d’ouverture. Un thème accessible doit offrir une navigation intuitive, un contraste suffisant entre le texte et le fond, ainsi qu’une structure sémantique correcte pour faciliter la lecture par les technologies d’assistance. Il existe plusieurs thèmes spécialement conçus pour la disponibilité, tels que « Twenty Twenty-One« , « Astra« , ou encore « GeneratePress« . 
Ces thèmes sont régulièrement mis à jour pour s’assurer qu’ils répondent aux dernières exigences en matière de portabilité. Lors de la sélection d’un thème, il est recommandé de vérifier les commentaires et les évaluations des usagers pour s’assurer qu’ils répondent aux besoins spécifiques de votre public cible. Par ailleurs, certains développeurs proposent des thèmes premium dotés de fonctionnalités avancées pour améliorer l’expérience utilisateur et garantir une meilleure conformité aux normes du référentiel.

Les plugins jouent un rôle crucial dans l’amélioration de l’usabilité d’un site WordPress. Il existe de nombreux plugins spécialement conçus pour aider à rendre un site conforme, voici les principaux : 

  • WP Accessibility : propose des fonctionnalités comme l’ajustement des contrastes, la gestion des images sans attributs Alt, et la possibilité d’ajouter des liens d’évitement pour faciliter la navigation. 
  • Accessible Poetry : qui permet de corriger les erreurs d’accessibilité courantes et d’ajouter des outils de personnalisation pour les usagers.
  • UserWay : qui est un plugin qui propose un widget d’accessibilité complet, offrant des options comme l’agrandissement du texte, la navigation par clavier, et bien plus encore. 

Ces plugins sont régulièrement mis à jour pour intégrer les dernières recommandations en matière d’accessibilité et peuvent être facilement configurés pour répondre aux besoins spécifiques de votre site.

La sélection de thèmes accessibles


Designed by Freepik

Norme de développement pour l’accessibilité

Pour garantir que votre site soit pleinement conforme au référentiel, il est essentiel de suivre des normes de développement axées sur la facilitation d’accès. Cela inclut l’utilisation de balises HTML appropriées pour structurer le contenu et les pages, l’implémentation d’attributs ARIA (Accessible Rich Internet Applications) pour améliorer l’interaction avec les technologies d’assistance, et la rédaction de contenu clair et compréhensible.

Les développeurs doivent également s’assurer que toutes les fonctionnalités du site sont accessibles via le clavier. Cette exigence est cruciale pour les usagers ayant des limitations motrices. De plus, il est important de tester souvent le site avec des outils comme WAVE (Web Accessibility Evaluation Tool) ou l’extension « axe » de Deque Systems. Ces outils permettent d’identifier et de corriger les problèmes de durabilité. L’intégration de tests automatisés dans le processus de développement continu peut également aider à maintenir un haut niveau de conformité.

Enfin, impliquer des visiteurs en situation de handicap dans les phases de test et de validation permet de s’assurer que le site répond réellement à leurs besoins et offre un parcours plus optimal.

Amélioration de l’accessibilité du contenu pour les utilisateurs

L’accessibilité des images et vidéos

Les images et vidéos sur votre site doivent être disponibles pour tous les utilisateurs. Pour cela, il est essentiel de suivre certaines bonnes pratiques. Pour les images, assurez vous d’utiliser des attributs Alt descriptifs pour chaque image. Ces descriptions textuelles permettent aux utilisateurs de lecteurs d’écran de comprendre le contenu visuel. Par exemple, une image de paysage pourrait avoir un attribut Alt comme « Vue panoramique d’un lac entouré de montagnes au coucher du soleil« . Évitez les descriptions génériques comme « image » ou « photo« .

Pour les vidéos, il est indispensable de fournir des sous-titres et des transcriptions textuelles. Les sous-titres aident les utilisateurs sourds ou malentendants à suivre le contenu vidéo. De nombreux plugins, tels que Video Embed & Thumbnail Generator ou WP YouTube Lyte, peuvent faciliter l’intégration de vidéos tout en maintenant l’accessibilité. Les transcriptions textuelles permettent également aux visiteurs de rechercher des informations spécifiques dans le contenu vidéo et sont utiles pour ceux qui préfèrent lire plutôt que de regarder une vidéo.

La facilitation de la navigation et de la compréhension des contenus

Pour rendre la visite et la compréhension des contenus plus disponibles, plusieurs stratégies peuvent être mises en œuvre. Tout d’abord, assurez vous que votre site offre une structure claire et logique. Utilisez des en-têtes (balises H1, H2, H3, etc.) de manière hiérarchique pour structurer le contenu. Cela permet aux usagers de lecteurs d’écran de naviguer facilement entre les sections du site. Par exemple, utilisez une balise H1 pour le titre principal de la page, H2 pour les sous-titres principaux, et ainsi de suite.

Ensuite, il est important de rendre les liens descriptifs. Au lieu d’utiliser des textes de lien comme « cliquez ici« , optez pour des descriptions plus spécifiques comme « en savoir plus sur nos services« . Cela aide les visiteurs à comprendre la destination du lien sans avoir à le suivre, notre article portant sur le responsive design peut aussi vous intéresser.

La facilitation de la navigation et de la compréhension des contenus

Designed by Freepik

Les fonctionnalités suivantes améliorent considérablement l’expérience utilisateur :

  • L’ajout de fonctionnalités de navigation supplémentaires, telles que des menus d’explorations atteignables via le clavier,
  • Des “breadcrumbs” (fil d’Ariane) pour indiquer la position de l’utilisateur sur le site depuis la page principale,
  • Des liens d’évitement pour accéder directement au contenu principal.

De plus, pour améliorer la compréhension des contenus, utilisez un langage clair et simple. Évitez le jargon technique lorsque cela n’est pas nécessaire et fournissez des explications pour les termes complexes. Les courts paragraphes, les listes à puces et les titres descriptifs contribuent également à rendre le contenu plus digeste.

Enfin, tester régulièrement votre site avec des utilisateurs en situation de handicap et des outils d’évaluation de l’accessibilité, tels que Lighthouse ou l’extension « axe » de Deque Systems, vous aidera à identifier et à corriger les problèmes potentiels pour garantir un parcours utilisateur optimisé pour tous.

Outils et ressources pour l’accessibilité WordPress

Les outils d’évaluation de l’accessibilité

Pour garantir que votre site respecte les standards d’accessibilité, il est essentiel d’utiliser des outils d’évaluation de l’accessibilité. Ces outils permettent d’identifier les problèmes et de proposer des solutions pour les corriger. Voici quelques-uns des outils les plus efficaces :

  • WAVE (Web Accessibility Evaluation Tool) : Cet outil en ligne gratuit analyse vos pages web et fournit un rapport détaillé sur les erreurs d’accessibilité. Il met en évidence les problèmes tels que les contrastes insuffisants, les images sans texte alternatif, et les liens mal libellés.
  • axe DevTools : Cette extension de navigateur est particulièrement utile pour les développeurs. Elle intègre des tests automatisés qui identifient les problèmes d’accessibilité dans votre code et propose des solutions précises.
  • Lighthouse : Outil intégré dans Chrome DevTools, Lighthouse offre une évaluation complète des performances, de l’accessibilité, et des meilleures pratiques pour vos pages web. Il génère un rapport avec des scores et des recommandations pour améliorer l’accessibilité.
  • Accessibility Insights : Développé par Microsoft, cet outil propose des tests automatisés et manuels pour évaluer l’accessibilité de vos sites et applications web. Il inclut des guides étape par étape pour corriger les problèmes identifiés.
Les outils d'évaluation de l'accessibilité


<ahref="https://fr.freepik.com/vecteurs-libre/illustration-du-concept-accessibilite-electronique_65666227.htm#fromView=search&page=1&position=6&uuid=a13eb318-73e1-4593-b5c8-bbfee6d14006">Image de storyset</a> sur Freepik

Les ressources et communautés de soutien

Il existe de nombreuses ressources et communautés qui peuvent vous aider à améliorer l’accessibilité de votre site. Ces ressources offrent des guides, des formations, et un soutien communautaire pour vous aider à rester à jour avec les meilleures pratiques en matière d’accessibilité.

  • WordPress Accessibility Handbook : Ce guide officiel fournit des informations détaillées sur la création de thèmes et de plugins accessibles. Il couvre des sujets tels que l’utilisation des balises ARIA, les tests d’accessibilité, et les bonnes pratiques de développement.
  • W3C Web Accessibility Initiative (WAI) : Le WAI propose une multitude de ressources, y compris des tutoriels, des documents de référence, et des outils pour aider les développeurs à créer des contenus simples d’accès. Le site offre également des mises à jour sur les standards et les directives d’accessibilité.
  • A11Y Project : Il s’agit d’une initiative communautaire qui vise à rendre l’accessibilité web plus facile à comprendre et à mettre en œuvre. Le site propose des articles, des listes de contrôle, et des ressources pratiques pour améliorer l’accessibilité de vos projets.
  • Communautés en ligne : Des forums et des groupes de discussion, comme ceux trouvés sur GitHub, Stack Overflow, ou Reddit, peuvent être extrêmement utiles. Ces communautés permettent de poser des questions, partager des expériences, et obtenir des conseils d’autres développeurs et experts en accessibilité.
  • Formation et certifications : Des organisations comme le W3C ou l’IAAP (International Association of Accessibility Professionals) offrent des cours et des certifications en accessibilité. Ces programmes peuvent vous aider à approfondir vos connaissances et à démontrer votre expertise en matière d’accessibilité numérique.

En utilisant ces outils et en tirant parti de ces ressources, vous serez mieux équipé pour rendre votre site conforme aux normes d’accessibilité. Vous pourrez ainsi offrir une meilleure expérience utilisateur pour tous.

En conclusion de ce guide

L’accessibilité de votre site peut être grandement améliorée et rendue conforme au RGAA en suivant des pratiques spécifiques telles que la sélection de thèmes, l’installation de plugins dédiés, et l’adoption de normes de développement axées sur l’accessibilité.

Par exemple, en choisissant des thèmes précédemment évoqués comme « Twenty Twenty-One » ou « Astra« , vous pouvez augmenter de 30 % l’accessibilité de votre site dès la mise en place. L’utilisation de plugins comme WP Accessibility ou UserWay peut résoudre jusqu’à 70 % des problèmes d’accessibilité courants.

Les sources :

WordPress Accessibility Handbook
WordPress Accessibility Handbook .2

Enfin, des audits numériques réguliers avec des outils tels que WAVE ou Lighthouse permettent de corriger les erreurs restantes, assurant ainsi une conformité totale. En adoptant ces mesures, une expérience utilisateur inclusive et optimisée est garantie pour tous les visiteurs, indépendamment de leurs capacités.

Leave a comment