SlideShare une entreprise Scribd logo
1  sur  37
Télécharger pour lire hors ligne
L’accessibilité numérique à la Bpi
retour d’expériences
Béatrice Zenoni - Service données et accès
Journée d'étude "Handicap et numérique en bibliothèque "
Montpellier, jeudi 30 mars 2017
2
Episode 1
Les origines
2012-2014 : le projet de refonte du site
web
L’ancien site
Un écosystème
de 3 sites
et 2 sites externes
Site Bpi
Site Balises
Site Pro
Catalogue
WebTV/WebRadio
Organisation pour produire les contenus des
sites
Contributeurs Web-éditeurs
Prestataire
extérieur
Sites Bpi
6
le projet de refonte des sites et
l'accessibilité
Le cahier
des charges
Les tests
utilisateurs
La
contribution
Le cahier des charges
Des fonctionnalités accessibles , utiles à tous
Paragraphe accessibilité dans le CCTP
“L’écosystème doit répondre aux critères de
normalisation Accessiweb de niveau argent
et RG2A au minimum pour le front office. “
“ Le site doit impérativement permettre de
respecter ces normes et pouvoir faire
l’objet, à la date de sa mise en production,
d’une déclaration de conformité. (…) “
Les liens d’évitement
La navigation avec
la touche tabulation
Ce que nous retenons
•Intégrer l’accessibilité à chaque fonctionnalité du cahier des
charges
•L’accessibilité concerne tous les aspects du site : graphiques,
techniques , ergonomiques
Les tests « utilisateurs »
15
Les types de navigations
Par liens
Difficultés avec les
images “liens”
Difficultés avec le
nuage de tags
Par titres
Difficultés pour le
réglage des niveaux de
titre
Par régions
Non testée.
Une organisation
graphique invisible
•l’accessibilité se prépare dès les premières maquettes
graphiques
•Les tests utilisateurs sont chronophages et très
(trop) liés à la pratique du testeur
•La maîtrise d’un lecteur d’écran est un + , même et
surtout si on est voyant !
Ce que nous retenons
NVDA /Chrome
JAWS/IE
NVDA/Mozilla
Safari/VoiceOver
Ce que nous retenons
19
Comment garantir l’accessibilité avec une
contribution collaborative ?
CMS
Système de contrôle
automatique
Règles
éditoriales
Formations
Blog
Relecture
Vérification de tous les
contenus par les
webéditeurs
20
Quelles difficultés ?
CMS
pas à jour des nouvelles
règles
L’apparence
graphique
Nos tests
utilisateurs
erronés
•La formation des contributeurs
Ce que nous retenons
22
Episode 2
Une étape décisive ?
2016-2017 : le projet de refonte du
Catalogue
23
Paragraphe accessibilité en 2008… aussi !
« La Bpi souhaite disposer d’un site utilisable
indifféremment par une personne présentant ou non un
handicap. Ce site devra répondre aux exigences du
point 31 de la résolution du Parlement européen du 13
juin 2002 qui déclare que « tous les sites publics
européens doivent avoir le niveau double A (AA) du
W3C/WAI ».
Le niveau double A du W3C correspond à un niveau
Argent du label Accessiweb proposé par Braillenet : le
prestataire devra donc s’appuyer sur ce label pour
livrer un site pouvant prétendre à l’obtention du niveau
argent du label Accessiweb. »
La refonte de l’interface du Catalogue
3 objectifs fixés par la Direction en 2015 :
• Simplification
• Amélioration de l’accès aux ressources électroniques
• Mise en conformité de l’accessibilité du site selon le
Référentiel Général d’Accessibilité pour les
Administrations (RGAA) v 3.0 (depuis v.3 2016)
La charte graphique, la navigation, les header et footer ont
été posés comme communs avec le site Bpi.
25
Le principe pour la refonte de l’interface du
Catalogue :
Prise en compte des problématiques de l’accessibilité dès le début du projet et
maintien à chaque étape du projet :
• 1 groupe thématique dédié à cette question lors des recueils des besoins
• 1 formation intra-services (Catalogue, Site web, Informatique)
• 1 prestation d’ergonomie avec demande de recommandations pour
l’accessibilité
• 1 prestation du graphisme des maquettes avec suivi des recommandations
de l’ergonome
• Prestation d’un expert accessibilité pour l’audit des maquettes et rédaction
de recommandations techniques pour la future intégration (code)
26
CCTP (2017)
Développement (2018)
27
La refonte de l’interface du Catalogue : calendrier
Recueil des
besoins pour la
future interface
(dont besoins
pour
l’accessibilité)
Janvier Juin
2017- 20182016
Avril Septembre-Décembre
Etude d’ergonomie
avec
accompagnement
Accessibilité
Formation intra-
services
en interne sur
l’accessibilité
Livraison des maquettes du
graphisme
Audit accessibilité des maquettes
(itérations avec le graphiste) et
préconisations techniques de l’expert
accessibilité pour le développement à
venir.
2017-2018
La formation en interne une étape importante pour…
•Mettre à jour nos connaissances
•Intégrer l’accessibilité dans la gestion de projet
•La découverte du label e-accessible
•Dégager des priorités
Ce que nous retenons
Les recommandations de l’expert
accessibilité sur les maquettes
graphiques
Un Extrait
Itérations avec le graphiste
29
Les recommandations techniques
de l’expert accessibilité pour la
future intégration
Un extrait
30
Objectif pour les sites : le label e-accessible
Pourquoi le label e-accessible ?
Les + Le -
La notion de
démarche
Un référent dans
l’établissement
L’engagement de la direction
Une démarche progressive
Le coût
Où en sommes nous ? Sites 1/1
Pour les sites :
•Un pré-audit prévu en 2017
•Exclusion du Catalogue et de la Web TV
• Page aide et accessibilité : en cours de réalisation
• Déclaration de « conformité » : en cours de réalisation
33
Où en sommes nous ? Catalogue 1/2
Pour le Catalogue :
• Cahier des charges (CCTP) en cours de rédaction pour
l’intégration graphique. Prévision : démarrage de prestation de
l’intégration graphique des maquettes 1er semestre 2018
•La partie concernant le volet Accessibilité numérique sera
étoffée afin d’obtenir un engagement explicite du
soumissionnaire (cf recommandations dans la fiche pratique
Accessibilité numérique en bibliothèque de 2015 du Service du
Livre et de la Lecture (SLL))
34
Où en sommes nous ? Catalogue 2/2
• Indication dans le CCTP d’outils simples de contrôle
automatisés
•En cours de développement de la prestation : des
contrôles qualité réguliers par la DSI de la Bpi
•Un audit du code par un prestataire externe en cours
d’intégration
35
Sites et ressources 1/2
•Fiches AcceDe Web (documents pratiques pour prise en compte de
l’accessibilité numérique aux différentes étapes de conception d’un
projet.)
http://www.accede-web.com/
•Présentation du lecteur d’écran NVDA
http://blog.atalan.fr/tester-accessibilite-web-pdf-lecteur-ecran-nvda/
•Guide pour les contributeurs de contenus
http://disic.github.io/guide-contribuer_accessible/
36
Sites et ressources 2/2
•L’accessibilité numérique en bibliothèque (2015). Service du
Livre et de la Lecture (Boite à outil du numérique en
bibliothèque. Fiche pratique N° 5)
http://www.culturecommunication.gouv.fr/Thematiques/Livre-et-
Lecture/Bibliotheques/Bibliotheques-et-accessibilite
•Référentiel Accessibilité numérique (RGAA, label E-accessible...)
http://references.modernisation.gouv.fr/accessibilite-numerique
•Baromètre de l’accessibilité numérique en bibliothèque – 2016
37

Contenu connexe

Tendances

Engager une politique_offensive_de_mise_en_accessibilite
Engager une politique_offensive_de_mise_en_accessibiliteEngager une politique_offensive_de_mise_en_accessibilite
Engager une politique_offensive_de_mise_en_accessibiliteMarc Maisonneuve
 
Accessibilité des portails de bibliothèque, baromètre et bonnes pratiques
Accessibilité des portails de bibliothèque, baromètre et bonnes pratiquesAccessibilité des portails de bibliothèque, baromètre et bonnes pratiques
Accessibilité des portails de bibliothèque, baromètre et bonnes pratiquesMarc Maisonneuve
 
Concevoir un site accessible avec le RGAA (2010)
Concevoir un site accessible avec le RGAA (2010)Concevoir un site accessible avec le RGAA (2010)
Concevoir un site accessible avec le RGAA (2010)Ardesi Midi-Pyrénées
 
Handicap et numérique en bibliothèques : cadres, démarches, outils montpell...
Handicap et numérique en bibliothèques :  cadres, démarches, outils  montpell...Handicap et numérique en bibliothèques :  cadres, démarches, outils  montpell...
Handicap et numérique en bibliothèques : cadres, démarches, outils montpell...Stéphanie LUCIEN-BRUN
 
Outils Collaboratifs Mégalis V3
Outils Collaboratifs Mégalis V3Outils Collaboratifs Mégalis V3
Outils Collaboratifs Mégalis V3yrouille
 
Rendre un portail_de_bibliotheques_accessible_a_tous
Rendre un portail_de_bibliotheques_accessible_a_tousRendre un portail_de_bibliotheques_accessible_a_tous
Rendre un portail_de_bibliotheques_accessible_a_tousMarc Maisonneuve
 
Baromètre accessibilité numérique en bibliothèque 2016
Baromètre accessibilité numérique en bibliothèque 2016Baromètre accessibilité numérique en bibliothèque 2016
Baromètre accessibilité numérique en bibliothèque 2016Franck Letrouvé
 
Construire une offre numérique en bibliothèque publique
Construire une offre numérique en bibliothèque publiqueConstruire une offre numérique en bibliothèque publique
Construire une offre numérique en bibliothèque publiqueLouisBurle
 
Usages et usagers des bibliothèques
Usages et usagers des bibliothèquesUsages et usagers des bibliothèques
Usages et usagers des bibliothèquesXavier Galaup
 

Tendances (10)

Engager une politique_offensive_de_mise_en_accessibilite
Engager une politique_offensive_de_mise_en_accessibiliteEngager une politique_offensive_de_mise_en_accessibilite
Engager une politique_offensive_de_mise_en_accessibilite
 
Accessibilité des portails de bibliothèque, baromètre et bonnes pratiques
Accessibilité des portails de bibliothèque, baromètre et bonnes pratiquesAccessibilité des portails de bibliothèque, baromètre et bonnes pratiques
Accessibilité des portails de bibliothèque, baromètre et bonnes pratiques
 
Concevoir un site accessible avec le RGAA (2010)
Concevoir un site accessible avec le RGAA (2010)Concevoir un site accessible avec le RGAA (2010)
Concevoir un site accessible avec le RGAA (2010)
 
Handicap et numérique en bibliothèques : cadres, démarches, outils montpell...
Handicap et numérique en bibliothèques :  cadres, démarches, outils  montpell...Handicap et numérique en bibliothèques :  cadres, démarches, outils  montpell...
Handicap et numérique en bibliothèques : cadres, démarches, outils montpell...
 
Outils Collaboratifs Mégalis V3
Outils Collaboratifs Mégalis V3Outils Collaboratifs Mégalis V3
Outils Collaboratifs Mégalis V3
 
20150507 mediaquitaine
20150507 mediaquitaine20150507 mediaquitaine
20150507 mediaquitaine
 
Rendre un portail_de_bibliotheques_accessible_a_tous
Rendre un portail_de_bibliotheques_accessible_a_tousRendre un portail_de_bibliotheques_accessible_a_tous
Rendre un portail_de_bibliotheques_accessible_a_tous
 
Baromètre accessibilité numérique en bibliothèque 2016
Baromètre accessibilité numérique en bibliothèque 2016Baromètre accessibilité numérique en bibliothèque 2016
Baromètre accessibilité numérique en bibliothèque 2016
 
Construire une offre numérique en bibliothèque publique
Construire une offre numérique en bibliothèque publiqueConstruire une offre numérique en bibliothèque publique
Construire une offre numérique en bibliothèque publique
 
Usages et usagers des bibliothèques
Usages et usagers des bibliothèquesUsages et usagers des bibliothèques
Usages et usagers des bibliothèques
 

Similaire à Numérique et handicap 2017 journée détude montpellier intervention zenoni

RGAA, REFERENTIEL D’ACCESSIBILITE MULTICANAL
RGAA, REFERENTIEL D’ACCESSIBILITE MULTICANAL RGAA, REFERENTIEL D’ACCESSIBILITE MULTICANAL
RGAA, REFERENTIEL D’ACCESSIBILITE MULTICANAL OW2
 
#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...Cap'Com
 
Accessibilité numérique : où en est-on ?
Accessibilité numérique : où en est-on ? Accessibilité numérique : où en est-on ?
Accessibilité numérique : où en est-on ? FFFOD
 
150130 IDEM - ComCom de la Hague - Projet IDEM 2014
150130 IDEM - ComCom de la Hague - Projet IDEM 2014150130 IDEM - ComCom de la Hague - Projet IDEM 2014
150130 IDEM - ComCom de la Hague - Projet IDEM 2014IDEM-Normandie
 
Présentation mémoire de Fin d’Etudes
Présentation mémoire de Fin d’EtudesPrésentation mémoire de Fin d’Etudes
Présentation mémoire de Fin d’EtudesAmine MEGDICHE
 
Klee Group Présentation Urbanisation DIRISI
Klee Group Présentation Urbanisation DIRISIKlee Group Présentation Urbanisation DIRISI
Klee Group Présentation Urbanisation DIRISISamuel Mingot
 
Jean-Philippe Simonnet (Centre Inffo) : le RGAA, un outil précieux pour prog...
Jean-Philippe Simonnet (Centre Inffo) :  le RGAA, un outil précieux pour prog...Jean-Philippe Simonnet (Centre Inffo) :  le RGAA, un outil précieux pour prog...
Jean-Philippe Simonnet (Centre Inffo) : le RGAA, un outil précieux pour prog...FFFOD
 
Un projet d’accessibilité réussi avec SNCF Réseau
Un projet d’accessibilité réussi avec SNCF RéseauUn projet d’accessibilité réussi avec SNCF Réseau
Un projet d’accessibilité réussi avec SNCF RéseauAgoraCMS
 
Drupagora 2019 : Drupal, accessibilité et RGAA
Drupagora 2019 : Drupal, accessibilité et RGAADrupagora 2019 : Drupal, accessibilité et RGAA
Drupagora 2019 : Drupal, accessibilité et RGAAALTER WAY
 
Accessibilité des CMS: présentation Qelios au CMSDay 2012
Accessibilité des CMS: présentation Qelios au CMSDay 2012Accessibilité des CMS: présentation Qelios au CMSDay 2012
Accessibilité des CMS: présentation Qelios au CMSDay 2012Qelios
 
exemple-de-cahier-des-charges
exemple-de-cahier-des-chargesexemple-de-cahier-des-charges
exemple-de-cahier-des-chargessarah Benmerzouk
 
Book projets-web
Book projets-webBook projets-web
Book projets-webacoquard
 
Metrixware Rencontre Utilisateurs Projet Cobos
Metrixware Rencontre Utilisateurs Projet CobosMetrixware Rencontre Utilisateurs Projet Cobos
Metrixware Rencontre Utilisateurs Projet Cobosmetrixware
 
Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...
Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...
Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...Nicolas Boonaert
 
Pasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilitéPasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilitéБертран Бинуа
 
Témoignage Wonderbox - refonte site globale & tests utilisateurs
Témoignage Wonderbox - refonte site globale & tests utilisateursTémoignage Wonderbox - refonte site globale & tests utilisateurs
Témoignage Wonderbox - refonte site globale & tests utilisateursFerpection
 
Standardisation du developpement Web
Standardisation du developpement WebStandardisation du developpement Web
Standardisation du developpement Webcl3m
 

Similaire à Numérique et handicap 2017 journée détude montpellier intervention zenoni (20)

RGAA, REFERENTIEL D’ACCESSIBILITE MULTICANAL
RGAA, REFERENTIEL D’ACCESSIBILITE MULTICANAL RGAA, REFERENTIEL D’ACCESSIBILITE MULTICANAL
RGAA, REFERENTIEL D’ACCESSIBILITE MULTICANAL
 
#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...#compublique Connaître et développer les outils de mise en accessibilité de s...
#compublique Connaître et développer les outils de mise en accessibilité de s...
 
Accessibilité numérique : où en est-on ?
Accessibilité numérique : où en est-on ? Accessibilité numérique : où en est-on ?
Accessibilité numérique : où en est-on ?
 
150130 IDEM - ComCom de la Hague - Projet IDEM 2014
150130 IDEM - ComCom de la Hague - Projet IDEM 2014150130 IDEM - ComCom de la Hague - Projet IDEM 2014
150130 IDEM - ComCom de la Hague - Projet IDEM 2014
 
Présentation mémoire de Fin d’Etudes
Présentation mémoire de Fin d’EtudesPrésentation mémoire de Fin d’Etudes
Présentation mémoire de Fin d’Etudes
 
Klee Group Présentation Urbanisation DIRISI
Klee Group Présentation Urbanisation DIRISIKlee Group Présentation Urbanisation DIRISI
Klee Group Présentation Urbanisation DIRISI
 
Jean-Philippe Simonnet (Centre Inffo) : le RGAA, un outil précieux pour prog...
Jean-Philippe Simonnet (Centre Inffo) :  le RGAA, un outil précieux pour prog...Jean-Philippe Simonnet (Centre Inffo) :  le RGAA, un outil précieux pour prog...
Jean-Philippe Simonnet (Centre Inffo) : le RGAA, un outil précieux pour prog...
 
Un projet d’accessibilité réussi avec SNCF Réseau
Un projet d’accessibilité réussi avec SNCF RéseauUn projet d’accessibilité réussi avec SNCF Réseau
Un projet d’accessibilité réussi avec SNCF Réseau
 
Drupagora 2019 : Drupal, accessibilité et RGAA
Drupagora 2019 : Drupal, accessibilité et RGAADrupagora 2019 : Drupal, accessibilité et RGAA
Drupagora 2019 : Drupal, accessibilité et RGAA
 
Accessibilité des CMS: présentation Qelios au CMSDay 2012
Accessibilité des CMS: présentation Qelios au CMSDay 2012Accessibilité des CMS: présentation Qelios au CMSDay 2012
Accessibilité des CMS: présentation Qelios au CMSDay 2012
 
exemple-de-cahier-des-charges
exemple-de-cahier-des-chargesexemple-de-cahier-des-charges
exemple-de-cahier-des-charges
 
Les étapes clés d'un projet web
Les étapes clés d'un projet webLes étapes clés d'un projet web
Les étapes clés d'un projet web
 
Book projets-web
Book projets-webBook projets-web
Book projets-web
 
Metrixware Rencontre Utilisateurs Projet Cobos
Metrixware Rencontre Utilisateurs Projet CobosMetrixware Rencontre Utilisateurs Projet Cobos
Metrixware Rencontre Utilisateurs Projet Cobos
 
Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...
Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...
Wygday 2011 - Bing Maps for Enterprise - La cartographie donne de la vie à vo...
 
Formation Accessibilite Web
Formation Accessibilite WebFormation Accessibilite Web
Formation Accessibilite Web
 
Pasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilitéPasdecalais.fr, histoire d'une démarche d'accessibilité
Pasdecalais.fr, histoire d'une démarche d'accessibilité
 
Témoignage Wonderbox - refonte site globale & tests utilisateurs
Témoignage Wonderbox - refonte site globale & tests utilisateursTémoignage Wonderbox - refonte site globale & tests utilisateurs
Témoignage Wonderbox - refonte site globale & tests utilisateurs
 
Business plan
Business planBusiness plan
Business plan
 
Standardisation du developpement Web
Standardisation du developpement WebStandardisation du developpement Web
Standardisation du developpement Web
 

Plus de Bibliothèque publique d'information - Centre Pompidou

Plus de Bibliothèque publique d'information - Centre Pompidou (20)

Enjeux et critères de sélection des ressources numériques d'autoformation
Enjeux et critères de sélection des ressources numériques d'autoformationEnjeux et critères de sélection des ressources numériques d'autoformation
Enjeux et critères de sélection des ressources numériques d'autoformation
 
Ressources autoformation-reseau-carel
Ressources autoformation-reseau-carelRessources autoformation-reseau-carel
Ressources autoformation-reseau-carel
 
Les dispositifs de médiation numérique des ressources d'autoformation par Hél...
Les dispositifs de médiation numérique des ressources d'autoformation par Hél...Les dispositifs de médiation numérique des ressources d'autoformation par Hél...
Les dispositifs de médiation numérique des ressources d'autoformation par Hél...
 
L'offre de formations en ligne de la Médiathèque de Meurthe-et-Moselle
L'offre de formations en ligne de la Médiathèque de Meurthe-et-MoselleL'offre de formations en ligne de la Médiathèque de Meurthe-et-Moselle
L'offre de formations en ligne de la Médiathèque de Meurthe-et-Moselle
 
Médiation de l'autoformation dans les Médiathèques de la Seyne-sur-Mer
Médiation de l'autoformation dans les Médiathèques de la Seyne-sur-MerMédiation de l'autoformation dans les Médiathèques de la Seyne-sur-Mer
Médiation de l'autoformation dans les Médiathèques de la Seyne-sur-Mer
 
Panel d'actions innovantes de la Bpi (adolescents - tous publics)
Panel d'actions innovantes de la Bpi (adolescents - tous publics)Panel d'actions innovantes de la Bpi (adolescents - tous publics)
Panel d'actions innovantes de la Bpi (adolescents - tous publics)
 
Herbet diaporama bpi_enssib_2019 (1)
Herbet diaporama bpi_enssib_2019 (1)Herbet diaporama bpi_enssib_2019 (1)
Herbet diaporama bpi_enssib_2019 (1)
 
Rosemberg diaporama bpi_enssib_2019
Rosemberg diaporama bpi_enssib_2019Rosemberg diaporama bpi_enssib_2019
Rosemberg diaporama bpi_enssib_2019
 
Plan lecture parcourscollege_dussert
Plan lecture parcourscollege_dussertPlan lecture parcourscollege_dussert
Plan lecture parcourscollege_dussert
 
Mobilisation livre-lecture-26-03-19
Mobilisation livre-lecture-26-03-19Mobilisation livre-lecture-26-03-19
Mobilisation livre-lecture-26-03-19
 
Powerpoint jm waveletodp
Powerpoint jm waveletodpPowerpoint jm waveletodp
Powerpoint jm waveletodp
 
Pp mobilisation en faveur du livre et de la lecture 26-03-19
Pp mobilisation en faveur du livre et de la lecture   26-03-19Pp mobilisation en faveur du livre et de la lecture   26-03-19
Pp mobilisation en faveur du livre et de la lecture 26-03-19
 
Drac 2018-annexe-2-carte terr-prio_eac
Drac 2018-annexe-2-carte terr-prio_eacDrac 2018-annexe-2-carte terr-prio_eac
Drac 2018-annexe-2-carte terr-prio_eac
 
Projet give box support intervention d'Alexandra Bois
Projet give box support intervention d'Alexandra BoisProjet give box support intervention d'Alexandra Bois
Projet give box support intervention d'Alexandra Bois
 
Mobilisation en faveur du livre et de la lecture a. defrance
Mobilisation en faveur du livre et de la lecture a. defranceMobilisation en faveur du livre et de la lecture a. defrance
Mobilisation en faveur du livre et de la lecture a. defrance
 
Le réseau des bibliothèques de City of Gold Coast (Australie)
Le réseau des bibliothèques de City of Gold Coast (Australie)Le réseau des bibliothèques de City of Gold Coast (Australie)
Le réseau des bibliothèques de City of Gold Coast (Australie)
 
Tindeurêkoi eurêkoi remix
Tindeurêkoi   eurêkoi remixTindeurêkoi   eurêkoi remix
Tindeurêkoi eurêkoi remix
 
Equipe tindereurêkoi
Equipe tindereurêkoiEquipe tindereurêkoi
Equipe tindereurêkoi
 
Prototype Catalogue Virtuel et vivant
Prototype Catalogue Virtuel et vivantPrototype Catalogue Virtuel et vivant
Prototype Catalogue Virtuel et vivant
 
Equipe un réseau sans données perso - Eurêkoi Remix 1/2
Equipe un réseau sans données perso - Eurêkoi Remix 1/2Equipe un réseau sans données perso - Eurêkoi Remix 1/2
Equipe un réseau sans données perso - Eurêkoi Remix 1/2
 

Dernier

Chana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneChana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneTxaruka
 
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfBibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfAtelier Canopé 37 - Tours
 
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptxPrésentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptxJCAC
 
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfLa Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfbdp12
 
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24BenotGeorges3
 
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfBibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfAtelier Canopé 37 - Tours
 
Apprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceursApprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceursStagiaireLearningmat
 
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...Atelier Canopé 37 - Tours
 
Copilot your everyday AI companion- OFFICE 365-
Copilot your everyday AI companion- OFFICE 365-Copilot your everyday AI companion- OFFICE 365-
Copilot your everyday AI companion- OFFICE 365-Majida Antonios, M.Ed.
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx   Film     françaisPas de vagues.  pptx   Film     français
Pas de vagues. pptx Film françaisTxaruka
 
L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...
L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...
L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...Unidad de Espiritualidad Eudista
 
Aux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAmar LAKEL, PhD
 
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdfVulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdfSylvianeBachy
 
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptxDIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptxMartin M Flynn
 
Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)Gabriel Gay-Para
 
Calendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilCalendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilfrizzole
 

Dernier (17)

Chana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienneChana Orloff.pptx Sculptrice franco-ukranienne
Chana Orloff.pptx Sculptrice franco-ukranienne
 
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdfBibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
Bibdoc 2024 - Sobriete numerique en bibliotheque et centre de documentation.pdf
 
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptxPrésentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
Présentation - Initiatives - CECOSDA - OIF - Fact Checking.pptx
 
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdfLa Base unique départementale - Quel bilan, au bout de 5 ans .pdf
La Base unique départementale - Quel bilan, au bout de 5 ans .pdf
 
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
Newsletter SPW Agriculture en province du Luxembourg du 10-04-24
 
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdfBibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
Bibdoc 2024 - Les intelligences artificielles en bibliotheque.pdf
 
Bulletin des bibliotheques Burkina Faso mars 2024
Bulletin des bibliotheques Burkina Faso mars 2024Bulletin des bibliotheques Burkina Faso mars 2024
Bulletin des bibliotheques Burkina Faso mars 2024
 
Apprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceursApprendre avec des top et nano influenceurs
Apprendre avec des top et nano influenceurs
 
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
Bibdoc 2024 - L’Éducation aux Médias et à l’Information face à l’intelligence...
 
Copilot your everyday AI companion- OFFICE 365-
Copilot your everyday AI companion- OFFICE 365-Copilot your everyday AI companion- OFFICE 365-
Copilot your everyday AI companion- OFFICE 365-
 
Pas de vagues. pptx Film français
Pas de vagues.  pptx   Film     françaisPas de vagues.  pptx   Film     français
Pas de vagues. pptx Film français
 
L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...
L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...
L'Unité de Spiritualité Eudiste se joint à toute l'Église Universelle et en p...
 
Aux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècleAux origines de la sociologie : du XIXème au début XX ème siècle
Aux origines de la sociologie : du XIXème au début XX ème siècle
 
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdfVulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
Vulnérabilité numérique d’usage : un enjeu pour l’aide à la réussitepdf
 
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptxDIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
DIGNITAS INFINITA - DIGNITÉ HUMAINE; déclaration du dicastère .pptx
 
Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)Faut-il avoir peur de la technique ? (G. Gay-Para)
Faut-il avoir peur de la technique ? (G. Gay-Para)
 
Calendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avrilCalendrier de la semaine du 8 au 12 avril
Calendrier de la semaine du 8 au 12 avril
 

Numérique et handicap 2017 journée détude montpellier intervention zenoni

  • 1. L’accessibilité numérique à la Bpi retour d’expériences Béatrice Zenoni - Service données et accès Journée d'étude "Handicap et numérique en bibliothèque " Montpellier, jeudi 30 mars 2017
  • 2. 2 Episode 1 Les origines 2012-2014 : le projet de refonte du site web
  • 4. Un écosystème de 3 sites et 2 sites externes Site Bpi Site Balises Site Pro Catalogue WebTV/WebRadio
  • 5. Organisation pour produire les contenus des sites Contributeurs Web-éditeurs Prestataire extérieur Sites Bpi
  • 6. 6 le projet de refonte des sites et l'accessibilité Le cahier des charges Les tests utilisateurs La contribution
  • 7. Le cahier des charges
  • 9.
  • 10.
  • 11. Paragraphe accessibilité dans le CCTP “L’écosystème doit répondre aux critères de normalisation Accessiweb de niveau argent et RG2A au minimum pour le front office. “ “ Le site doit impérativement permettre de respecter ces normes et pouvoir faire l’objet, à la date de sa mise en production, d’une déclaration de conformité. (…) “
  • 12. Les liens d’évitement La navigation avec la touche tabulation
  • 13. Ce que nous retenons •Intégrer l’accessibilité à chaque fonctionnalité du cahier des charges •L’accessibilité concerne tous les aspects du site : graphiques, techniques , ergonomiques
  • 14. Les tests « utilisateurs »
  • 15. 15 Les types de navigations Par liens Difficultés avec les images “liens” Difficultés avec le nuage de tags Par titres Difficultés pour le réglage des niveaux de titre Par régions Non testée.
  • 17. •l’accessibilité se prépare dès les premières maquettes graphiques •Les tests utilisateurs sont chronophages et très (trop) liés à la pratique du testeur •La maîtrise d’un lecteur d’écran est un + , même et surtout si on est voyant ! Ce que nous retenons
  • 19. 19 Comment garantir l’accessibilité avec une contribution collaborative ? CMS Système de contrôle automatique Règles éditoriales Formations Blog Relecture Vérification de tous les contenus par les webéditeurs
  • 20. 20 Quelles difficultés ? CMS pas à jour des nouvelles règles L’apparence graphique Nos tests utilisateurs erronés
  • 21. •La formation des contributeurs Ce que nous retenons
  • 22. 22 Episode 2 Une étape décisive ? 2016-2017 : le projet de refonte du Catalogue
  • 23. 23
  • 24. Paragraphe accessibilité en 2008… aussi ! « La Bpi souhaite disposer d’un site utilisable indifféremment par une personne présentant ou non un handicap. Ce site devra répondre aux exigences du point 31 de la résolution du Parlement européen du 13 juin 2002 qui déclare que « tous les sites publics européens doivent avoir le niveau double A (AA) du W3C/WAI ». Le niveau double A du W3C correspond à un niveau Argent du label Accessiweb proposé par Braillenet : le prestataire devra donc s’appuyer sur ce label pour livrer un site pouvant prétendre à l’obtention du niveau argent du label Accessiweb. »
  • 25. La refonte de l’interface du Catalogue 3 objectifs fixés par la Direction en 2015 : • Simplification • Amélioration de l’accès aux ressources électroniques • Mise en conformité de l’accessibilité du site selon le Référentiel Général d’Accessibilité pour les Administrations (RGAA) v 3.0 (depuis v.3 2016) La charte graphique, la navigation, les header et footer ont été posés comme communs avec le site Bpi. 25
  • 26. Le principe pour la refonte de l’interface du Catalogue : Prise en compte des problématiques de l’accessibilité dès le début du projet et maintien à chaque étape du projet : • 1 groupe thématique dédié à cette question lors des recueils des besoins • 1 formation intra-services (Catalogue, Site web, Informatique) • 1 prestation d’ergonomie avec demande de recommandations pour l’accessibilité • 1 prestation du graphisme des maquettes avec suivi des recommandations de l’ergonome • Prestation d’un expert accessibilité pour l’audit des maquettes et rédaction de recommandations techniques pour la future intégration (code) 26
  • 27. CCTP (2017) Développement (2018) 27 La refonte de l’interface du Catalogue : calendrier Recueil des besoins pour la future interface (dont besoins pour l’accessibilité) Janvier Juin 2017- 20182016 Avril Septembre-Décembre Etude d’ergonomie avec accompagnement Accessibilité Formation intra- services en interne sur l’accessibilité Livraison des maquettes du graphisme Audit accessibilité des maquettes (itérations avec le graphiste) et préconisations techniques de l’expert accessibilité pour le développement à venir. 2017-2018
  • 28. La formation en interne une étape importante pour… •Mettre à jour nos connaissances •Intégrer l’accessibilité dans la gestion de projet •La découverte du label e-accessible •Dégager des priorités Ce que nous retenons
  • 29. Les recommandations de l’expert accessibilité sur les maquettes graphiques Un Extrait Itérations avec le graphiste 29
  • 30. Les recommandations techniques de l’expert accessibilité pour la future intégration Un extrait 30
  • 31. Objectif pour les sites : le label e-accessible
  • 32. Pourquoi le label e-accessible ? Les + Le - La notion de démarche Un référent dans l’établissement L’engagement de la direction Une démarche progressive Le coût
  • 33. Où en sommes nous ? Sites 1/1 Pour les sites : •Un pré-audit prévu en 2017 •Exclusion du Catalogue et de la Web TV • Page aide et accessibilité : en cours de réalisation • Déclaration de « conformité » : en cours de réalisation 33
  • 34. Où en sommes nous ? Catalogue 1/2 Pour le Catalogue : • Cahier des charges (CCTP) en cours de rédaction pour l’intégration graphique. Prévision : démarrage de prestation de l’intégration graphique des maquettes 1er semestre 2018 •La partie concernant le volet Accessibilité numérique sera étoffée afin d’obtenir un engagement explicite du soumissionnaire (cf recommandations dans la fiche pratique Accessibilité numérique en bibliothèque de 2015 du Service du Livre et de la Lecture (SLL)) 34
  • 35. Où en sommes nous ? Catalogue 2/2 • Indication dans le CCTP d’outils simples de contrôle automatisés •En cours de développement de la prestation : des contrôles qualité réguliers par la DSI de la Bpi •Un audit du code par un prestataire externe en cours d’intégration 35
  • 36. Sites et ressources 1/2 •Fiches AcceDe Web (documents pratiques pour prise en compte de l’accessibilité numérique aux différentes étapes de conception d’un projet.) http://www.accede-web.com/ •Présentation du lecteur d’écran NVDA http://blog.atalan.fr/tester-accessibilite-web-pdf-lecteur-ecran-nvda/ •Guide pour les contributeurs de contenus http://disic.github.io/guide-contribuer_accessible/ 36
  • 37. Sites et ressources 2/2 •L’accessibilité numérique en bibliothèque (2015). Service du Livre et de la Lecture (Boite à outil du numérique en bibliothèque. Fiche pratique N° 5) http://www.culturecommunication.gouv.fr/Thematiques/Livre-et- Lecture/Bibliotheques/Bibliotheques-et-accessibilite •Référentiel Accessibilité numérique (RGAA, label E-accessible...) http://references.modernisation.gouv.fr/accessibilite-numerique •Baromètre de l’accessibilité numérique en bibliothèque – 2016 37