La mise en accessibilité du catalogue de la Bpi dans le cadre de sa refonte (2015-2020)
En 2015, la Bpi s’est lancée dans la refonte de l’interface de son catalogue, mise en ligne en 2020. Cela a été l’occasion de rendre cet outil accessible, comme nous l’explique Béatrice Zenoni, alors administratrice du catalogue.
Comment avez-vous procédé pour rendre le catalogue accessible ? Quelles ont été les différentes étapes ?
La première version du catalogue était devenue obsolète. Elle n’était pas non plus respectueuse du Référentiel Général d’Amélioration de l’Accessibilité (RGAA) alors que notre prestataire s’y était engagé. Quitte à reprendre ce référentiel, le Service Données et Accès, dont je faisais partie, a eu l’idée d’inclure une démarche d’accessibilité dès la création de l’interface. Plus concrètement, il s’agissait de penser des pages lisibles pour tout le monde, aérées et moins chargées, où les pictogrammes avaient un sens. Si 80 % d’un site accessible est dû au code, les 20 % qui restent sont aussi importants.
Une première phase avec un ergonome
Nous avons, dès le début, fait appel à un ergonome et spécialiste en accessibilité pour nous aider à penser les pages en amont. Parallèlement, nous avons associé les collègues à travers des groupes de travail qui ont été animés par notre ergonome. A l’issue de cette phase, nous disposions des maquettes des principales pages du futur catalogue (page d’accueil, liste de résultats, notice détaillée…) ainsi que des logos et des pictogrammes qui ont ensuite été passés en revue par un expert en accessibilité. Cet expert nous a alors signalé des éléments à ne pas oublier sur les maquettes comme par exemple les raccourcis rapides en haut des pages. À la toute fin, nous avons présenté ces pages à nos collègues qui ont alors pu nous faire des retours.
Une seconde phase avec l’accessibilité du catalogue et le choix du prestataire
Cette première étape achevée, la deuxième phase a consisté dans le choix d’un prestataire capable de faire le développement du site en respectant les exigences d’accessibilité. Nous avons défini un cahier des charges très contraint pour s’assurer d’avoir un site accessible de qualité. La rédaction s’est faite en collaboration avec l’équipe informatique de la Bpi qui s’est occupée de la partie sur l’architecture du système et sur les besoins techniques. Nous avons étoffé la partie sur l’accessibilité et lui avons affecté un poids de 30% pour les critères de choix du prestataire. Deuxième « filet de sécurité » que nous avons introduit : le recours à une tierce partie, c’est-à-dire à un prestataire externe spécialiste en accessibilité numérique qui a audité le code fourni par le développeur. C’était nécessaire, car nous ne disposions pas des compétences techniques en interne.
La méthodologie imposée à nos interlocuteurs s’est révélée efficace. En demandant au développeur la livraison du code par étape – d’abord le HTML qui constitue la base, puis le CSS, c’est-à-dire les feuilles de style, puis enfin les éléments dynamiques – cela a permis au prestataire accessibilité de tester le code à chacune de ces livraisons, de nous signaler les erreurs de codage, quand il y en avait, et de tester de nouveau les correctifs apportés par le développeur. Enfin, à l’issue de la prestation de développement du site, des tests de la première version du catalogue ont pu être faits notamment par nos collègues en situation de handicap.
Quelles ont été les principales difficultés que vous avez rencontrées lors de la mise en accessibilité du catalogue ?
Il a fallu d’abord faire avec les aléas au sein des équipes qui ont impliqué des pauses entre certaines étapes. Dans ce projet, la dimension « conseil » a été indispensable : on ne peut pas en faire l’économie. L’accompagnement des équipes de la Bpi mais aussi du prestataire, qui a parfois peiné à trouver des solutions techniques, était primordial. Dans ce type de projet, les équipes non techniques doivent être formées ou tout au moins sensibilisées. Cela a un coût, financier, humain (en terme de temps) et de formation (pour les équipes et le prestataire) mais nous avons eu la chance de bénéficier d’un vrai soutien de l’établissement.
L’avantage que nous avons est que notre catalogue n’a pas de partie CMS. Il est donc plus facile de maintenir l’accessibilité de pages fixes, comme c’est le cas ici, que de contenus produits régulièrement et demandant une formation à l’accessibilité des producteurs. La contrainte est donc de rester conforme au RGAA et suivre les évolutions. La mise en accessibilité de notre catalogue n’est donc qu’un début !
XÉtant un service public, nous ne faisons aucun usage commercial des données collectées lors de votre navigation. Nous utilisons les cookies ou technologies similaires pour accéder uniquement à des données personnelles non sensibles stockées sur votre terminal, que nous traitons afin de réaliser des statistiques, mesurer les performances du site, ou permettre des accès à des ressources externes.
Vous pouvez à tout moment revenir sur vos choix en utilisant le lien "Personnaliser". En savoir plusRefuserAccepterPersonnaliser
Politique de confidentialité & cookies
Gestion de vos préférences sur les cookies
Ce site utilise des cookies pour améliorer votre expérience de navigation. Ces cookies sont classés en trois catégories : fonctionnel, statistiques et marketing.
Veuillez retrouver notre politique de gestions de données personnelles et de cookies : page "Politique de confidentialité"
Ces cookies nous permettent de réaliser des statistiques de mesures d’audiences et de performances en analysant le volume et la source du trafic sur notre site. Ces cookies permettent également d’analyser de façon anonyme le comportement des visiteurs de notre site afin de mesurer et d'améliorer les performances de notre site et de nos campagnes en ligne.
Le recueil de votre consentement n’est pas requis, nous utilisons un logiciel d’analyse d’audience (Matomo) configuré selon les recommandations de la CNIL pour bénéficier de l’exemption de consentement.
https://www.cnil.fr/fr/cookies-et-autres-traceurs/regles/cookies-solutions-pour-les-outils-de-mesure-daudience
Cookie
Durée
Description
_pk_id.*
13 mois
Ce cookie est installé par l'outil d'analyse Web Matomo.
Le cookie _pk_id est utilisé pour stocker des détails sur l'utilisateur tels que l'identifiant unique (ID).
Les cookies créés par Matomo commencent par : _pk_ref, _pk_cvar, _pk_id, _pk_ses.
Pour plus d'informations sur les cookies de Matomo : https://fr.matomo.org/faq/general/faq_146/
_pk_ses.*
30 minutes
Ce cookie est installé par l'outil d'analyse Web Matomo.
Ce cookie _pk_ses de courte durée est utilisé pour stocker temporairement les données de la visite.
Les cookies créés par Matomo commencent par : _pk_ref, _pk_cvar, _pk_id, _pk_ses.
Pour plus d'informations sur les cookies de Matomo : https://fr.matomo.org/faq/general/faq_146/
Les cookies fonctionnels sont utiles au bon fonctionnement du site. Cette catégorie inclut uniquement les cookies qui garantissent les fonctionnalités de base et les éléments de sécurité du site Web. Ces cookies ne stockent aucune information personnelle.
Cookie
Durée
Description
AWSALBAPP-*
7 days
Série de cookies déposés par AWS. Cookies "Application Load Balancer" utilisés pour garantir de bonnes performances du site Web.
cookielawinfo-checkbox-analytics
1 year
Défini par le plugin GDPR Cookie Consent, ce cookie enregistre le consentement de l'utilisateur pour les cookies de la catégorie « Analytics ».
cookielawinfo-checkbox-fonctionnel
1 year
Défini par le plugin GDPR Cookie Consent, ce cookie est utilisé pour stocker le consentement de l'utilisateur pour les cookies de la catégorie « Fonctionnel ».
cookielawinfo-checkbox-marketing
1 year
Ce cookie est défini par le plugin GDPR Cookie Consent pour stocker le consentement de l'utilisateur pour les cookies de la catégorie « Marketing ».
cookielawinfo-checkbox-necessary
11 months
Ce cookie est défini par le plugin GDPR Cookie Consent. Les cookies sont utilisés pour stocker le consentement de l'utilisateur pour les cookies dans la catégorie «Nécessaire».
cookielawinfo-checkbox-non-necessary
11 months
Ce cookie est défini par le plugin GDPR Cookie Consent. Les cookies sont utilisés pour stocker le consentement de l'utilisateur pour les cookies dans la catégorie «Non nécessaire».
CookieLawInfoConsent
1 year
CookieYes définit ce cookie pour enregistrer l'état du bouton par défaut de la catégorie correspondante et le statut du CCPA. Cela fonctionne uniquement en coordination avec le cookie principal.
JSESSIONID
session
New Relic utilise ce cookie pour stocker un identifiant de session afin que New Relic puisse surveiller le nombre de sessions pour une application.
PHPSESSID
session
Ce cookie est natif des applications PHP. Le cookie stocke et identifie l'ID de session unique d'un utilisateur pour gérer les sessions utilisateur sur le site Web. Le cookie est un cookie de session et sera supprimé lorsque toutes les fenêtres du navigateur seront fermées.
ROUTEID
session
Ce cookie est utilisé pour diriger les utilisateurs vers le même serveur.
ts
1 year 1 month 1 day
PayPal définit ce cookie pour permettre des transactions sécurisées via PayPal.
usprivacy
1 year 1 month
Cookie défini par Dailymotion pour stocker la chaîne de consentement CCPA (informations obligatoires sur un utilisateur final étant ou non un consommateur californien et exerçant ou n'exerçant pas son droit statutaire).
viewed_cookie_policy
11 months
Le cookie est défini par le plugin GDPR Cookie Consent et est utilisé pour stocker si l'utilisateur a consenti ou non à l'utilisation de cookies. Il ne stocke aucune donnée personnelle.
__cf_bm
1 hour
Ce cookie, défini par Cloudflare, est utilisé pour prendre en charge Cloudflare Bot Management.
Les cookies analytiques sont utilisés pour comprendre comment les visiteurs interagissent avec le site. Ces cookies génèrent des informations mesurables sur le nombre de visiteurs, le taux de rebond, la source du traffic etc.
Cookie
Durée
Description
browser_id
5 years
Ce cookie est utilisé pour identifier le navigateur du visiteur lors de sa nouvelle visite sur le site Web.
CONSENT
2 years
YouTube installe ce cookie via des vidéos YouTube intégrées et enregistre des données statistiques anonymes.
vuid
1 year 1 month 4 days
Vimeo installe ce cookie pour collecter des informations de suivi en définissant un identifiant unique pour intégrer des vidéos sur le site Web.
_ga
1 year 1 month
Google Analytics définit ce cookie pour calculer les données des visiteurs, des sessions et des campagnes et suivre l'utilisation du site pour le rapport d'analyse du site. Le cookie stocke les informations de manière anonyme et attribue un numéro généré aléatoirement pour reconnaître les visiteurs uniques.
_ga_*
1 year 1 month
Google Analytics définit ce cookie pour stocker et compter les pages vues.
Les cookies publicitaires sont utilisés pour procurer une expérience optimale aux visiteurs du site avec des publicités et des campagnes marketing pertinentes. Ces cookies traquent les visiteurs à travers les sites et collectent leurs informations pour générer des publicités personnalisées.
Cookie
Durée
Description
NID
6 months
Google installe le cookie à des fins publicitaires ; limiter le nombre de fois où l'utilisateur voit une annonce, de manière indésirable
désactiver les publicités et mesurer l'efficacité des publicités.
S
1 hour
Cookie utilisé par Yahoo pour fournir des publicités, du contenu ou des analyses.
scribd_ubtc
10 years
Scribd définit ce cookie pour recueillir des données sur le comportement des utilisateurs sur plusieurs sites Web et maximiser la pertinence des publicités sur le site Web.
test_cookie
15 minutes
doubleclick.net définit ce cookie pour déterminer si l'utilisateur le navigateur prend en charge les cookies.
VISITOR_INFO1_LIVE
6 months
Ce cookie est défini par Youtube. Utilisé pour suivre les informations des vidéos YouTube intégrées sur un site Web.
YSC
session
Ces cookies sont définis par Youtube et sont utilisés pour suivre les vues des vidéos intégrées.
yt-remote-connected-devices
never
YouTube définit ce cookie pour stocker les préférences vidéo de l'utilisateur à l'aide de vidéos YouTube intégrées.
yt-remote-device-id
never
YouTube définit ce cookie pour stocker les préférences vidéo de l'utilisateur à l'aide de vidéos YouTube intégrées.
yt.innertube::nextId
never
YouTube définit ce cookie pour enregistrer un identifiant unique afin de stocker des données sur les vidéos de YouTube que l'utilisateur a vues.
yt.innertube::requests
never
YouTube définit ce cookie pour enregistrer un identifiant unique afin de stocker des données sur les vidéos de YouTube que l'utilisateur a vues.
Les autres cookies correspondent à des fonctionnalités non-obligatoires et à des cookies qui sont en cours d'analyse et qui n'ont pas encore été classés dans une catégorie.
Cookie
Durée
Description
COMPASS
1 hour
La description de ce cookie n'est pas disponible actuellement.
cook_lang
1 year 1 month 4 days
Le cookie Cook_lang stocke la langue dans laquelle le site Web est affiché.
dmvk
session
Le cookie dmvk est défini par Dailymotion pour enregistrer des données sur le comportement des visiteurs sur le site Web.
fonts-loaded
session
La description de ce cookie n'est pas disponible actuellement.
GFE_RTT
5 minutes
Cookie tiers, déposé par Google. Utilisé pour mettre en œuvre le contenu via Google Docs : docs.google.com.
l
1 month
La description de ce cookie n'est pas disponible actuellement.
lang
session
Le cookie v1st est défini par TripAdvisor pour collecter des détails sur la manière dont les visiteurs utilisent le site Web, en affichant les avis des utilisateurs, les récompenses et les informations reçues sur la communauté TripAdvisor.
pll_language
1 year
Polylang définit ce cookie pour mémoriser la langue dans laquelle l'utilisateur sélectionne lorsqu'il revient sur le site Web et obtient le
informations linguistiques lorsqu’elles ne sont pas disponibles d’une autre manière.
v1st
1 year 1 month 1 day
Le cookie v1st est défini par TripAdvisor pour collecter des détails sur la manière dont les visiteurs utilisent le site Web, en affichant les avis des utilisateurs, les récompenses et les informations reçues sur la communauté TripAdvisor.
VISITOR_PRIVACY_METADATA
6 months
Ce cookie est défini par Youtube. Stocke l'état de consentement des cookies de l'utilisateur pour le domaine actuel.