L’assistant RGAA se met à jour

Réaliser un audit d’accessibilité sur un site web peut être un processus complexe et long. Il nécessite une expertise technique approfondie et une parfaite connaissance des référentiels utilisés, tels que le RGAA (Référentiel Général d’Amélioration de l’Accessibilité) et les WCAG (Web Content Accessibility Guidelines).

Afin de rendre ce processus plus simple et accessible aux non-experts, nous avons développé un assistant. Initialement, il a été développé pour un marché dont nous étions co-titulaires pour le compte de la Direction Interministérielle du Numérique et du Système d’Information et de la Communication, devenue Direction Interministérielle du Numérique. Nous avons ensuite pris la décision de reprendre le code source pour apporter certaines modifications, amener des évolutions, et le mettre à disposition.

Qu’est-ce que l’assistant RGAA ?

L’assistant RGAA (Référentiel Général d’Amélioration de l’Accessibilité) est une extension de navigateur spécialement conçue pour aider pas à pas à la réalisation d’audits et à la mise en conformité des sites et applications web avec le RGAA. Cet outil facilite la vérification de l’accessibilité d’un site web en testant facilement, critère par critère, son respect des règles d’accessibilité définies par la norme RGAA. En offrant une interface pratique et pédagogique, l’outil se distingue par sa simplicité d’utilisation : il n’est pas nécessaire d’être un expert en accessibilité pour commencer à l’utiliser.

Quelles sont les fonctionnalités principales de l’assistant RGAA ?

Dès l’installation de l’extension, vous retrouverez des critères d’accessibilité du RGAA 3.0, 4.0 et 4.1 à tester. Vous pouvez auditer la page web que vous souhaitez depuis votre navigateur. Chaque critère est accompagné d’une explication détaillée et d’une aide visuelle pour repérer les éléments concernés sur la page web analysée.

L’extension aide à effectuer des vérifications manuelles, comme le contraste des couleurs, la lisibilité du texte ou l’usage approprié des alternatives textuelles.

Les évolutions du projet : une nouvelle version disponible

L’assistant RGAA continue d’évoluer grâce aux équipes de Boscop. De nouvelles versions sont régulièrement publiées pour intégrer les dernières mises à jour du RGAA et améliorer votre expérience avec l’assistant RGAA.

Un bouton général de désactivation des styles

Avant cette mise à jour, chaque test déterminait s’il était nécessaire de conserver ou de désactiver les styles de la page auditée.

Désormais, les tests n’interviennent plus sur les styles, et c’est à l’auditeur de décider s’ils doivent être activés ou non, en fonction de la situation, vous offrant ainsi un meilleur contrôle pour ajuster les paramètres selon vos besoins.

Affichage des références, cas particulier et notes techniques

Malheureusement, pour un certain nombre de critères, la conformité est assez régulièrement validée ou infirmée en lien avec la note technique ou les cas particuliers. Par ailleurs, pour les experts, la consultation des références WCAG est une habitude régulière, ce qui n’était pas disponible directement depuis l’extension.

Nous avons donc décidé d’implémenter un nouveau composant qui permet d’afficher facilement ces trois éléments à la suite des tests d’un critère via un mécanisme d’onglets. Ces informations sont maintenant accessibles facilement sous chaque critère.

Modification de certaines règles de mises en avant de contenu

On retrouve dans la note de révision quelques modifications de tests qui impliquent qu’un contenu conforme avec le RGAA 4.1 devient non conforme avec le RGAA 4.1.2

Par exemple, pour le critère 1.6 concernant les descriptions détaillées d’images, l’attribut longdesc est déprécié pour les sites en HTML5, nous avons donc modifié la règle de mise en avant en question.

Passage en mode panneau latéral

L’affichage d’une extension de navigateur dans un panneau latéral plutôt que par-dessus la page présente plusieurs avantages en termes d’ergonomie et d’expérience utilisateur. Notamment, cela permet à l’utilisateur de consulter les informations fournies par l’extension sans masquer ou perturber le contenu principal de la page, offrant ainsi une navigation plus fluide et moins intrusive.

Minimap : une carte interactive

Une carte interactive dans la barre de défilement facilite la navigation en offrant une vue d’ensemble des éléments détectés. Elle permet de repérer rapidement les zones à vérifier et d’accéder aux contenus sans faire défiler toute la page et ainsi éviter des recherches inutiles.

Options de configuration

Trois nouvelles options dans la configuration apparaissent.

Lors de l’activation d’un test, l’extension présente automatiquement la méthodologie de test à suivre afin de fluidifier l’analyse et garantir une bonne compréhension, notamment pour les auditeurs novices. Pour les auditeurs plus expérimentés, il est désormais possible de désactiver l’ouverture automatique pour alléger l’interface.

Il est également possible d’activer plusieurs tests à la fois, ce qui peut permettre un gain de temps considérable, notamment aux auditeurs expérimentés.

Affichage du statut d’un critère

Précédemment, l’extension permettait de noter quels tests avaient été effectués.
Désormais, il est possible de suivre l’avancement de l’analyse d’une page et de renseigner directement le résultat de ces tests.

Le niveau de conformité des critères est automatiquement calculé à partir du résultat des tests.

Autres évolutions techniques

Le socle technique de l’extension a été intégralement repensé pour s’adapter au Manifest V3, le nouveau standard de conception des extensions de navigateur. L’extension est plus légère et robuste, et requiert moins de permissions d’accès à l’utilisateur.

Changement de licence

La licence MIT précédemment utilisée, très permissive, ne nous paraissait plus adaptée. Nous avons souhaité la faire évoluer, afin notamment que les outils basés sur notre projet publient à leur tour leur code source et que la communauté bénéficie de leurs évolutions. Nous avons opté pour la Mozilla Public License, notamment pour ces raisons :

  • Copyleft (le code dérivé du code original hérite de ses conditions de licence)
  • Obligation de publier le code source si réutilisation, adaptation, etc.
  • Possibilité de réaliser un hybride « open-source » / « propriétaire » : ce qui est open-source reste évidemment open-source, et son code source doit être publié. Mais l’obligation de publier le code source ne s’étend pas au code propriétaire.
  • Compatible avec les licences open-source type GNU.
  • Protège les éventuelles notices copyright et assimilés que l’on mettrait dans le code source (mention de Boscop notamment)

Encore d’autres nouveautés ?

Si vous souhaitez contribuer, nous accueillerons volontiers vos propositions d’amélioration qu’elles soient d’ordre technique (pull requests) ou fonctionnelles (issues).

Comment obtenir l’assistant RGAA ?

L’Assistant RGAA est disponible en téléchargement gratuit dans les extensions de Google Chrome et Mozilla Firefox. Il s’installe en quelques clics, et l’outil est immédiatement prêt à l’emploi pour débuter l’audit de n’importe quel site web.

Rendre l’accessibilité accessible à tous

Avec cette extension, tout le monde peut contribuer à rendre le web plus inclusif, plus accessible, et plus respectueux des normes. Que vous soyez développeur, gestionnaire de site web ou simplement soucieux de rendre votre plateforme conforme aux normes d’accessibilité, l’Assistant RGAA est l’outil pour simplifier vos démarches.

Rédigé par

Mélissa Magois

Alternance marketing et communication

Simon Bonaventure

Responsable du Pôle A11Y

Félix Girault

Tech lead