Comment améliorer l’accessibilité d’un site web de 37,5% à 86,15% de conformité RGAA ?
Promepar Asset Management
Accessibilité UX-UI WordPress
Comment améliorer l’accessibilité d’un site web existant à partir d’un audit RGAA ?
Pour Promepar Asset Management, l’Agence Mentalo a réalisé un travail de remédiation RGAA sur le site existant, sans engager de refonte complète. Navigation au clavier, contrastes, fenêtres modales, filtres, tableaux et graphiques ! Ces corrections ont permis de faire passer le taux de conformité RGAA de 37,5 % à 86,15 %. Ce résultat a été mesuré lors d’un contre-audit indépendant.
Le contexte
Promepar Asset Management, société de gestion du groupe BRED, dispose d’un site internet conçu et développé par l’Agence en 2018.
Dans le cadre de ses engagements en matière d’accessibilité numérique, Promepar a fait réaliser un audit d’accessibilité selon le RGAA (Référentiel général d’amélioration de l’accessibilité). Ipedis, organisme externe et indépendant spécialisé dans l’accessibilité numérique, a été chargé de l’audit.
Cet audit initial a établi un taux de conformité de 37,5 % et identifié les non-conformités. Il a aussi identifié les corrections nécessaires pour rendre le site plus accessible, notamment aux personnes en situation de handicap.
Promepar a alors sollicité l’Agence Mentalo pour mettre en œuvre les adaptations techniques nécessaires et améliorer l’accessibilité de son site existant.
La demande
Le projet devait répondre à plusieurs enjeux :
- améliorer l’expérience des personnes en situation de handicap
- corriger les non-conformités techniques identifiées lors de l’audit RGAA,
- améliorer le taux de conformité RGAA, sans procéder à une refonte complète du site,
- faire vérifier les corrections apportées par un contre-audit indépendant.
Expertises
- Cheffe de projet
- Expert accessibilité
- Lead développeur Wordpress
Nos partis pris
Améliorer l’accessibilité du site existant sans refonte complète
Notre intervention s’est appuyée sur les résultats de l’audit pour corriger les interfaces, les composants et les fonctionnalités existantes.
L’objectif : améliorer concrètement l’accessibilité du site tout en conservant son architecture générale et en intervenant directement sur les obstacles identifiés.
Faire évoluer le socle technique pour faciliter les corrections RGAA
Avant d’engager les corrections d’accessibilité, nous avons fait migrer le site de Bootstrap 3 vers Bootstrap 5.
Cette évolution du socle technique a permis de travailler sur une base plus récente. Elle a facilité la mise en œuvre des corrections identifiées lors de l’audit RGAA.
Faciliter la navigation au clavier et avec les technologies d’assistance
Plusieurs éléments structurants de la navigation ont été adaptés :
- ajout d’un lien d’évitement permettant d’accéder directement au contenu principal,
- mise en conformité du menu de navigation,
- restructuration du balisage des différentes zones de navigation,
- amélioration de la gestion du focus clavier dans les fenêtres modales.
Ces corrections facilitent les déplacements sur le site, notamment pour les personnes naviguant sans souris ou utilisant un lecteur d’écran.
Améliorer la lisibilité et la compréhension des interfaces
Nous avons modifié certaines couleurs pour améliorer les contrastes et adapté les libellés des liens pour rendre leur destination ou leur fonction plus explicite.
Le code a également été enrichi avec les balises et attributs nécessaires pour mieux restituer la structure des pages et le rôle des différents éléments aux technologies d’assistance.
Adapter les composants et les interactions problématiques
L’amélioration de l’accessibilité ne passe pas uniquement par des corrections du code. Certains modes d’interaction ont également dû être repensés.
Sur les pages de listes, les boutons « Afficher plus » ont ainsi été remplacés par une pagination. Le fonctionnement des filtres a également été adapté pour améliorer l’accessibilité de la consultation des résultats.
Nous avons par ailleurs corrigé les tableaux et les graphiques générés avec Highstock, dans la limite des possibilités offertes par le composant utilisé sur le site.
Cette démarche a permis de traiter les difficultés à leur source, en faisant évoluer le fonctionnement des interfaces lorsque de simples modifications du code ne suffisaient pas.
Un taux de conformité RGAA porté à 86,15 %
Taux de conformité lors de l’audit RGAA initial
Taux de conformité lors du contre-audit
progression du taux de conformité (en points)
Le contre-audit indépendant a confirmé l’amélioration du taux de conformité RGAA de 37,5 % à 86,15 % après notre intervention.
Les corrections ont porté sur des éléments essentiels du parcours utilisateur. Par exemple, l’accès au contenu, la navigation au clavier, la lisibilité, la compréhension des liens et l’utilisation des composants interactifs.
L’ensemble des corrections techniques réalisables dans le périmètre convenu a été effectué.
Les non-conformités restantes concernent :
- les PDF existants, dont la mise en accessibilité relève du périmètre éditorial pris en charge par le client,
- le module de partage sur les réseaux sociaux, non corrigé dans le cadre de cette intervention,
- les vidéos intégrées via Vimeo, pour lesquelles certaines limites du lecteur utilisé subsistent,
- certains graphiques, pour lesquels trois critères restent non satisfaits compte tenu des limites rencontrées avec Highstock dans cette configuration.
Les non-conformités restantes sont ainsi concentrées sur des contenus ou des composants tiers.
Cette intervention montre qu’une remédiation RGAA ciblée sur un site web existant peut améliorer significativement son niveau d’accessibilité, sans nécessiter systématiquement une refonte complète.
