Analyse Qualitative: Accessibilité Des Portails de Bibliothèques

Laccessibilit des portails de bibliothques
Laccessibilit des portails de

bibliothques
Paris. Ministre de la Culture et de la Communication
Intervenants
En coopration avec lassociation BrailleNet et dans le cadre dune collaboration
avec le Ministre de la Culture et de la Communication, Tosca consultants
et Franck Letrouv (pixFL) ralisent une tude de laccessibilit numrique des
portails de bibliothques.
2 dcembre 2014
Marc Maisonneuve
Franck Letrouv
Conseil en systmes
d'information
Conseil en accessibilit
numrique
Analyse qualitative : les rsultats
Analyse qualitative : le protocole

Les indicateurs de la performance accessible vus par un outil
Niveau de conformit
AccessiWeb 2.2 (AA - Argent)
BnF
www.bnf.fr
(53 % catalogue)
Toulouse
73 %
www.bibliotheque.toulouse.fr
Limoges
www.bm-limoges.fr
Valence
www.bm-valence.fr
Melun
www.astrolabe-melun.fr
Sotteville-ls-Rouen
biblio.mairie-sotteville-les-rouen.fr
Morlaix
bibliotheques.ville.morlaix.fr
la BDP de la Haute-Marne
opaci.haute-marne.fr
2 dcembre 2014
81 %
(16 % catalogue)
52 %
(38 % catalogue)
41 %
45 %
33 %
28 %
Ce que dit la machine du niveau

daccessibilit des 8 pages daccueil
Cette approche est :
froide > laudit est exact mais mcanique
objective > le protocole daudit est identique pour
tous les sites
partielle > laudit ne concerne que la page daccueil
des sites
partielle > ce type doutil contrle prend en compte
moins de 20% des critres dun niveau donn : la
machine ne contrle que ce quelle sait contrler !
rvlatrice > le score affich est un commencement
de preuve , il agit comme un premier indicateur de ce
qui va tre dtaill par la suite
68 %

Les indicateurs de la performance accessible vus par un auditeur
8 sites
10 pages par site
Plus de 100 critres par page
(102 exactement pour AccessiWeb Argent)
250 tests par page

(AccessiWeb Argent)
Une moyenne de
5 jours dvaluation par audit
Soit un cot moyen du march
denviron
2 dcembre 2014
80 pages auditer
Ce que disent les audits du niveau

daccessibilit des 8 sites
Cette approche est :
800 critres
froide > laudit est exact mais mcanique mme

sil dbouche souvent sur des recommandations
20 000 tests
objective > le protocole daudit est identique pour

tous les sites
40 jours de travail
reprsentative > en fonction du niveau retenu, les

chantillons retenus sont reprsentatifs du niveau de
conformit de lensemble des sites
30 000 euros HT
pour 8 audits spars
difficile > un audit prsente souvent plusieurs niveaux

de lecture. La comprhension globale de son contenu est
rare.
souvent rgressive > un audit et puis aprs

Lindicateur de la performance accessible pour cette analyse
Cest Paul !
Paul na pas dge (il a 10 ans, 30 ans, 50 ans, 70 ans)

Paul vit partout ( la ville, la mer, la campagne, Paris, en province)
Paul est polyvalent (voyant, malvoyant, aveugle, sourd, mobilit rduite, daltonien)
Paul est connect (fixe, portable, tablette, smartphone, 3G, 4G)
2 dcembre 2014

Et Paul a plusieurs visages
Pour Paul, cest
Pour Paul, cest
peu satisfaisant
moyennement satisfaisant
2 dcembre 2014
Pour Paul, cest

satisfaisant
Analyse qualitative : les rsultats de la premire tape (1/5)

La page daccueil du site
La qualit de contrastes de la page daccueil
Paul consulte la page daccueil du site internet de la bibliothque de sa ville
Analyse qualitative : les rsultats 1/5

Pourquoi les contrastes de couleurs sont-ils importants ?
Le respect de la qualit des contrastes est un lment essentiel dans le cadre dune dmarche de prise en compte de
laccessibilit numrique.
Lil a une sensibilit instinctive aux contrastes et, au dbut de la chaine de production dun site web, le choix judicieux
de lorganisation des couleurs par un graphiste permet de garantir une lisibilit optimise pour tous les publics. Ainsi,
pour assurer la qualit globale de lecture dune page (papier ou en ligne), la couleur du texte doit tre suffisamment
contraste par rapport la couleur du fond sur laquelle ce texte est lu.
Pour une mise en uvre numrique, cette limite de visibilit est fixe par un ratio minimum respecter entre ces 2
couleurs (celle du texte et celle du fond) et se rvle donc pour Paul :
sil a un handicap visuel permanent (Selon lINSEE (tude HID 2000), il y a en France 1 900 000 dficients
visuels dont 65 000 aveugles. Un nouveau-n sur 10 000 souffre de troubles visuels,
si la maladie le rend malvoyant (45 % des handicaps surviennent au cours de notre existence),
ou bien sil connait une fatigue passagre,
si son cran est mal rgl,
sil imprime en noir et blanc une ressource quil ne souhaite pas lire lcran,
si sa vue baisse cause de son ge grandissant (dici 2 030, la part des plus de 65 ans passera de 20 25 %. ),
sil est daltonien (8% des franais selon Wikipdia),
sil ne voit pas les couleurs (80% du handicap nest pas visible),
sil est mobinaute et que lensoleillement rend le niveau de contraste de son cran trs faible,

2 dcembre 2014
10

Comment mesurer les contrastes ?
Dans chaque page Web, le contraste entre la couleur du texte et la couleur de son arrire-plan est-il suffisamment lev ?
Pour que toute personne puisse consulter un site web confortablement, le consortium W3C/WAI a rdig plusieurs
directives dont l'une est destine spcifier l'accessibilit des contenus web pour tous : les WCAG. S'adressant en
particulier aux concepteurs web, ces directives prennent notamment en compte les difficults de perception visuelle des
internautes, en caractrisant les contrastes colorimtriques associs une taille minimum de caractres.
Pour favoriser cette dmarche de bonne gestion de lassemblage des couleurs, les graphistes ont aujourdhui leur
disposition une large palette doutils au fonctionnement trs visuel et leur permettant de mesurer les rapports de
contrastes thoriques entre une couleur de police et un arrire-plan.
A noter que le respect de la qualit des contrastes ne concerne pas uniquement les lments textuels dune page (texte,
lien, titraille) mais aussi les textes proposs sous la forme dimages, les informations animes ou encore les textes
produits au sein dune vido que lon peut optimiser (sous-titres par exemple).
Sur du papier ou dans une page web, sur une plaquette ou sur une tablette, valoriser la visibilit et la lisibilit en valorisant
lutilisation des couleurs, cest garantir du confort de lecture pour tous !
2 dcembre 2014
11

Un exemple dvaluation outille avec Colour Contrast Analyser (outil gratuit pour Windows et Mac OS )
3
2
1. La palette dvaluation (premier plan / arrire plan)

2. Le rsultat de lvaluation (indicateurs dvaluation)
3. La mire dvaluation positionner sur le support valider
2 dcembre 2014
12

Les contrastes des 8 pages daccueil sont-ils bons ?
BnF
www.bnf.fr
Toulouse
Limoges
www.bm-limoges.fr
Valence
www.bm-valence.fr
Melun
Sotteville-ls-Rouen
Morlaix
En bref
De toutes les pages daccueil analyses,
seuls les sites de la BnF et de Sotteville-lsRouen prsentent un niveau de contraste
correct,
les chartes graphiques de Toulouse, Valence
et Melun prsentent beaucoup
dimperfections,
les chartes de Limoges, Morlaix et la BDP de
la Haute-Marne doivent globalement tre
revues.
2 dcembre 2014
13

Ce qui est satisfaisant
2 dcembre 2014
14

Une prsentation claire et contraste des contenus

de la zone centrale de la page daccueil
Toulouse - www.bibliotheque.toulouse.fr ( gauche)
BnF - www.bnf.fr ( droite)
2 dcembre 2014
15

Ce qui nest pas satisfaisant
2 dcembre 2014
16

Il faut apporter un soin particulier aux contrastes pour chaque zone de la page
BDP de la Haute-Marne - opaci.haute-marne.fr
Toulouse
Valence
www.bm-valence.fr
2 dcembre 2014
17

Textes avec un fond uni
Melun
Sotteville-ls-Rouen
Limoges
www.bm-limoges.fr
2 dcembre 2014
BDP de la Haute-Marne
18

Textes avec un fond effet matire
Melun
Melun
2 dcembre 2014
19

Logos
BnF
www.bnf.fr
BnF
www.bnf.fr
2 dcembre 2014
20

Il faut viter dencapsuler les textes dans des images

Ce procd interdit son agrandissement lorsque Paul zoome les textes de la page
Toulouse
Limoges
www.bm-limoges.fr
2 dcembre 2014
21

En conclusion, les contrastes des 8 pages daccueil sont-ils bons ?
BnF
www.bnf.fr
Toulouse
Limoges
www.bm-limoges.fr
Valence
www.bm-valence.fr
Melun
Sotteville-ls-Rouen
Morlaix
le contraste du pied de page (blanc sur gris) : #8B8577 / #FFF

la lisibilit du logo de connexion Itunes (par manque de contraste)
la lisibilit des 3 logos (Gallica, CCfr & date.bnf.fr) du pied de page Itunes (par manque de contraste)
le contraste de couleur pour le menu principal de navigation et les blocs du menu vertical de droite;
la typo des titres de rubriques de la colonne de droite encapsule dans des images
la taille de certaines typographies trop petites
le contraste de couleur pour plusieurs blocs de contenus
la typo des titres de rubriques encapsule dans des images
les contrastes de couleurs de certains textes
la visibilit des poignes du carroussel
le contraste des ouvrants de la navigation principale
le bloc de connexion
le contraste de couleurs de certains blocs de contenus
la qualit du titre Prochainement non accessible niveau AA
le contraste de couleurs pour les typographies en cur et pied de page
le contraste des couleurs sur les titrailles du bloc Nouveauts
la couleur des liens du slecteur de contraste
le contraste de couleur pour plusieurs blocs de contenus
la typo des titres de rubriques encapsule dans des images
22

Quelques conseils pour la mise en uvre dune charte graphique accessible
Utiliser avec vigilance les dgrads ou les motifs en arrire-plan des contenus.
Prioriser lutilisation des aplats pour amliorer la lisibilit de larrire-plan des zones dinformations.
Passer systmatiquement vos maquettes en niveau de gris et de vrifier que lensemble des
informations restent lisibles lorsque les couleurs ont disparues.
Partager vos crations avec votre entourage (personnel ou professionnel) en orientant les retours vers
la qualit des contrastes perus ( vous ensuite den tirer vos propres conclusions). A cet effet, exposer
par exemple les impressions de vos pages en couleurs en en noir et blanc afin de tester les ractions
Pour une mme charte graphique, un principe alternatif plus contrast peut tre propos aux
internautes afin doptimiser le rendement de la prsentation visuelle dune charte non conforme (cf. le
mode contraste lev sur le site internet de la bibliothque de Morlaix). Pour ce type de dispositif
alternatif, attention toutefois leffet gadget , laccessibilit de ce type de fonctionnalit et leffet
site moche qui pourra de surcroit fatiguer les yeux
2 dcembre 2014
23

Quelques ressources en ligne pour aller plus loin ?
Voici une trousse outils simples daccs qui permettent aux professionnels du web de calibrer les
couleurs dune charte et de maintenir lquilibre subtil entre le fond pour informer et la forme pour habiller
Tanaguru Contrast-Finder (en franais)

Colour Contrast Check (en anglais)
Cercle Chromatique Accessible (en franais)
Color Contrast Analyser (page en anglais, logiciel en franais)
Vischeck (en anglais)
2 dcembre 2014
Analyse qualitative : les rsultats de la deuxime tape (2/5)

La zone de recherche du catalogue
Le contexte de saisie dune recherche catalogue
Paul lance une recherche dans le catalogue du site en saisissant le terme potter .
25

Quest ce quun champ de recherche accessible ?

La recherche dans le catalogue est lune des fonctionnalits les plus utilises au sein dun portail de bibliothque. Que le
catalogue se trouve dans le site ou bien au sein dun site ddi, la demande daccessibilit pour la saisie de la recherche est la
mme. Une zone de recherche cest :
Un intitul (ou tiquette)
Un champ de saisie
Un bouton de validation
Pour quelle soit accessible pour Paul, cette zone doit prsenter les caractristiques suivantes :
une zone de saisie prsente au mme endroit sur lensemble des pages du site,
le regroupement visuel et smantique (dans le code source des pages) des informations de mme nature identifies
le plus souvent par un encadrement (pour se reprer notamment au sein des zones de formulaires les plus longs),
une liaison visuelle et smantique entre un champ de saisie et lintitul auquel il est associ,
une proximit visuelle de deux espaces maximum entre un champ de saisie et lintitul auquel il est associ,
un intitul de bouton de validation dune recherche clairement identifi,
une taille ajustable (pour les 3 lments constitutifs de la zone,
la possibilit offerte Paul de manipuler les lments de la zone de saisie la souris et/ou au clavier.
2 dcembre 2014
26

La zone de recherche catalogue est-elle accessible ?

BnF
www.bnf.fr
Toulouse
Limoges
www.bm-limoges.fr
Valence
En bref
Pour des recherches internes sur le site ou au
sein dun site ddi au catalogue, les 8 sites
analyss prsente un non respect des rgles
daccessibilit en matire de recherche.
www.bm-valence.fr
Melun
Sotteville-ls-Rouen
Morlaix
2 dcembre 2014
27

2 dcembre 2014
28

Il faut viter dencapsuler les textes dans des images

Laccs au catalogue se fait dans un

site externe. Dans la page daccueil
du portail :
revoir les contrastes de couleur
entre les textes et les fonds
viter dencapsuler les liens
textuels dans une image : ce
procd interdit son agrandissement
lorsque Paul zoome les textes de la
page
avertir lutilisateur lors de
louverture dune nouvelle fentre
Melun
Toulouse
2 dcembre 2014
29

Il faut relier lintitul de la recherche au champ de la recherche simple

Ce procd favorise linteraction entre une tiquette et champ de rfrence
Sotteville-ls-Rouen
Morlaix
http://bibliotheques.ville.morlaix.fr
Faire le lien entre tiquette et

champ (cette opration est
technique)
Vrifier si ce lien a t fait : en
cliquant sur lintitul, le pointeur se
positionnera automatiquement dans
le champ concern.
2 dcembre 2014
30

Il faut rendre les intituls de bouton pertinents

Si Paul ne voit pas les boutons de validation, il ne sait pas quelle action son clic va gnrer
Capture (avec feuille de styles)
Valence
www.bm-valence.fr
Capture (avec feuille de styles)
Melun
Rendre pertinents les

boutons de validation de
la recherche afin quils
soient informatifs mme
lorsque les styles sont
dsactivs (pour Paul qui
est non-voyant pas
exemple)
Capture Valence
(sans feuille de styles)
Capture Melun
2 dcembre 2014
31

Il faut rendre les intituls de bouton pertinents

Deux autres exemples de boutons aux intituls de bouton non pertinents
Limoges
www.bm-limoges.fr
Toulouse
2 dcembre 2014
32

Il faut viter dencapsuler les textes dun bouton de validation dans des images
BnF
www.bnf.fr
Valence
www.bm-valence.fr
Morlaix
Lors de lagrandissement
des donnes de la page en
Zoom X6 dans Firefox (et en
mode texte seulement), la
taille des boutons construits
en image reste fige.
Construire des boutons de
validation laide de texte
mis en forme par les feuilles
de styles afin de pouvoir en
moduler la taille.
http://bibliotheques.
ville.morlaix.fr
2 dcembre 2014
33

Il faut structurer les lments de formulaire

Ce type de construction facilite la consultation des donnes dun formulaire
Revoir la composition des listes de choix :
structurer les options des listes de choix en les
regroupant de manire logique
ordonner les items de manire logique (ordre
alphabtique par exemple)
Positionner le bouton de validation

aprs le slecteur Bibliothque afin
de crer une unit de saisie et de
slection au sein de la recherche simple
Toulouse
2 dcembre 2014
34

Il faut rendre les contrles de champs de saisie accessibles

A la lecture dun message derreur, la cause de lerreur doit tre comprhensible par Paul
Sotteville-ls-Rouen
Morlaix
2 dcembre 2014
Lors du lancement dune

recherche catalogue vide ,
le contrle du champs doit
indiqu que la saisie dun mot
cl est obligatoire.
Lors du contrle du champ de
recherche et de la mise en
vidence dune erreur de
saisie, le contenu des messages
davertissements doit tre
explicite (localisation et nature
de lerreur) voire des
suggestions de correction
35

En conclusion, la zone de recherche catalogue est-elle accessible ?
BnF
www.bnf.fr &
http://catalogue.bnf.fr/jsp/recherche
mots_simple.jsp?nouvelleRecherche=
O&nouveaute=O&host=catalogue
Toulouse
Limoges
www.bm-limoges.fr
2 dcembre 2014
le bouton de lancement de la recherche est prsent sous la forme dune image;

lintitul du champ de recherche nest pas li au champ de recherche;
mme remarque pour les cases cocher des filtres de la recherche.
sur le portail, la prsentation du lien daccs au catalogue est revoir (contraste, traitement sous la
forme dune image);
sur le portail, lutilisateur doit tre averti du changement de page;
dans le catalogue, il ny a pas de liaison entre lintitul du champ de recherche et le champ de
recherche.
dans le catalogue, le sens du bouton de lancement de la recherche doit tre prcis;
sur le portail, la prsentation du lien daccs au catalogue est revoir (contraste, traitement sous la
forme dune image);
sur le portail, lutilisateur doit tre averti du changement de page;
dans le catalogue, relier lintitul du champ de saisie la zone de saisie et non avec le slecteur
doption de la recherche;
dans le catalogue, prciser le sens du bouton de lancement de la recherche.
36

En conclusion, la zone de recherche catalogue est-elle accessible ?
Valence
www.bm-valence.fr
Melun
Sotteville-ls-Rouen
Morlaix
2 dcembre 2014
lier lintitul du champ de recherche et le champ de recherche;

prciser le sens du bouton de lancement de la recherche lorsque les styles sont dsactivs.
prciser le sens du bouton de lancement de la recherche lorsque les styles sont dsactivs.

rendre pertinent les messages derreur lors des saisies eronnes.
relier les intituls titre et Auteur leur champ de saisie respectif;
ferrer les intituls de champs droite afin de limiter lespacement entre chaque intitul et son
champ de saisie;
revoir la prsentation du bouton de validation (optimiser le contraste et ne pas le prsenter sous la
forme dune image);
prciser le sens du bouton de lancement de la recherche.
avertir lutilisateur du changement de page;
revoir la prsentation (contraste, traitement) du lien catalogue sur la page daccueil;
dans la page catalogue, relier lintitul du champ de saisie la zone de saisie;
prciser le sens du bouton de lancement de la recherche.
Analyse qualitative : les rsultats de la troisime tape (3/5)

Les rsultats dune recherche catalogue
La qualit de prsentation des rsultats affichs lors dune recherche
Paul cherche le titre correspondant sa recherche parmi les rsultats proposs pour
le terme potter
38

Paul trouve-t-il un rsultat sa recherche parmi les rsultats proposs ?

Lorsque Paul cherche, cest pour trouver !
Si lopration de lancer la recherche savre plus ou moins dlicate, le reprage parmi la multitude de rsultats ne lest pas
moins En effet, le demande de linternaute est ouverte, le nombre de rsultats est souvent important et le mode de
prsentation des rsultats doit tre structur et structurant pour linternaute.
A ce titre, les 8 sites analyss proposent 2 type de prsentation des rsultats :
sous la forme de tableaux de donnes plus ou moins accessibles (BNF, Toulouse, Limoges, Haute-Marne),
sous la forme de textes plus ou moins structurs (Valence, Melun, Sotteville-ls-Rouen, Morlaix).
Pour que les listes de rsultats dune recherche soient accessibles pour Paul :
le tableau doit tre accessible cest--dire comporter un titre, une description des ses donnes, la mise en avant de
ses en-ttes de colonne, une liaison smantique entre les cellules de donnes et leur(s) en-tte(s) respective(s),
les rsultats doivent prsenter un contenu structur sous la forme de titre et/ou de listes afin de rythmer la
lecture des jours de la semaine et des crneaux douverture de ltablissement,
la possibilit de naviguer parmi les rsultats, de les filtrer, de relancer une recherche.
2 dcembre 2014
39

Paul trouve-t-il un rsultat sa recherche parmi les rsultats proposs ?

BnF
www.bnf.fr
Toulouse
Limoges
www.bm-limoges.fr
Valence
www.bm-valence.fr
Melun
Sotteville-ls-Rouen
Morlaix
En bref
Parmi toutes les pages de prsentation des
rsultats dune recherche,
la BNF, Toulouse, Limoges et la HauteMarne prsentent ces donnes sous la forme
de tableaux. Seule la Haute-Marne y met
(partiellement) en uvre de laccessibilit.
Toulouse, Melun, Sotteville-ls-Rouen et
Morlaix offrent un niveau de consultation sous
la forme de textes. Les rsultats des
recherches prsentes sous cette forme sont
peu ou pas structurs.
2 dcembre 2014
40

Ce qui est moyennement satisfaisant
2 dcembre 2014
41

Il faut proposer des tableaux de donnes accessibles

Cette mise en uvre permet Paul, non-voyant, de naviguer au sein des tableaux de donnes
1
2
3
Le tableaux daccs aux actualits

de la mdiathque de la haute
Marne propose un niveau
intressant daccessibilit. Ainsi, il
propose :
1. des filtres accessibles,
2. un titre de tableau,
3. une description du tableau et
des en-ttes pour chaque colonne.
Pour tre pleinement accessible, il
lui manque le lien entre les en-ttes
et les cellules de rattachement.
BDP de la haute-Marne
2 dcembre 2014
42

2 dcembre 2014
43

Il faut structurer les contenus des rsultats (pour les tableaux)

Cette mise en uvre permet Paul, non-voyant, de naviguer plus facilement au sein des contenus
Toulouse
www.bibliotheque.
toulouse.fr
Limoges
Revoir globalement laccessibilit

des tableaux en :
ajoutant un titre (visible ou non)
qui en prsente clairement et
succinctement le contenu,
intgrant une description cache
de la composition de celui-ci,
dclarant les en-ttes du tableau,
reliant ces en-ttes leurs cellules
de donnes respectives,
rendant les dimensions de ce
tableau variables.
www.bm-limoges.fr
2 dcembre 2014
44

Il faut structurer les contenus des rsultats (pour les textes)

Revoir la structuration des contenus

qui est absente pour le moment :
en ajoutant des titres dans la code
source de la page,
en intgrant des lments de listes
pour assurer la composition des
zones ddies laffichage des
rsultats.
Valence
Melun
www.bm-valence.fr
2 dcembre 2014
45

Il faut faciliter la navigation au sein des rsultats

Cette mise en uvre permet Paul, non-voyant, de naviguer plus facilement au sein des rsultats
Sotteville-ls-Rouen - biblio.mairie-sotteville-les-rouen.fr
Morlaix- http://bibliotheques.ville.morlaix.fr
Revoir laccessibilit des outils de

pagination (pagers) :
en ajoutant des infobulles pour
prciser les liens de navigation et les
lments de localisation,
en structurant sous la forme de
listes de liens, les boutons ou les
liens prsents sous la forme de
suites.
BDP de la Haute-Marne - opaci.haute-marne.fr

2 dcembre 2014
46

Il faut faciliter la valoriser ltat de la recherche au sein des titres de page

Le titre est le premire information donne Paul, non-voyant, lors du chargement dune page
Rendre pertinents les titres des

pages de rsultat des recherches :
en y affichant le nom de
ltablissement,
en y intgrant loccurrence
recherche,
en rendant son contenu explicite et
en lien avec le contenu de la page
quil reprsente.
2 dcembre 2014
47

Paul accde-t-il facilement et rapidement aux horaires douverture de sa bibliothque ?
BnF
www.bnf.fr
Toulouse
Limoges
www.bm-limoges.fr
Valence
www.bm-valence.fr
Melun
Sotteville-ls-Rouen
Morlaix
2 dcembre 2014
La prsentation des rsultats de la recherche nest pas conforme (tableau de donnes non accessible)
Pas de tableau mais une absence de structuration des donnes affiches

Pas de tableau mais une absence de structuration des donnes affiches
La structuration globale des contenus
La structuration globale des contenus
La gestion des liaisons entre les en-ttes de tableaux et leur cellules respectives (tableau de donnes
partiellement accessible)
Analyse qualitative : les rsultats de la quatrime tape (4/5)

Les horaires douverture de la bibliothque
Paul consulte les horaires douverture de la bibliothque afin de prparer son

dplacement. Louvrage quil souhaite emprunter est disponible et il souhaite se rendre
sur place pour le retirer.
49

La consultation des horaires douverture de la bibliothque est-elle accessible ?

La consultation des horaires douverture est une tche courante sur un portail de bibliothque. Dans la cadre dun emprunt
sur site ou dun retour de prt, cette information est souvent administrable par les quipes de bibliothque car elle est mise
jour en fonction des saisons (les horaires douverture lt notamment).
Dans ce contexte, et puisque Paul souhaite retirer le livre quil a rserv, la question est de savoir si Paul accde facilement et
rapidement aux horaires douverture de sa bibliothque ?
Sur la base des 8 sites analyss, 2 type de prsentation pour ces donnes :
les horaires douverture sont prsents sous la forme de tableau plus ou moins accessible (BNF, Limoges, Valence),
les horaires douverture sont prsents sous la forme de texte plus ou moins structur (Toulouse, Melun, Sottevillels-Rouen).
Pour que les horaires soient accessibles pour Paul :
le tableau doit tre accessible cest--dire comporter un titre, une description des ses donnes, la mise en avant de
ses en-ttes de colonne, une liaison smantique entre les cellules de donnes et leur(s) en-tte(s) respective(s),
les textes doivent prsenter un contenu structur sous la forme de titre et/ou de listes afin de rythmer la lecture
des jours de la semaine et des crneaux douverture de ltablissement.
2 dcembre 2014
50


BnF
En bref
www.bnf.fr
Toulouse
Parmi toutes les zones de prsentation des

horaires douverture,
Limoges
la BNF, Limoges et Valence prsentent ces

donnes sous la forme de tableaux. Seule la
BNF y met (partiellement) en uvre de
laccessibilit.
www.bm-limoges.fr
Valence
www.bm-valence.fr
Melun
Toulouse, Melun, Sotteville-ls-Rouen
Sotteville-ls-Rouen
Morlaix
2 dcembre 2014
offrent un niveau de consultation sous la

forme de textes. Seule le site de la
bibliothque de Toulouse valorise un dbut de
structuration des contenus.
noter que la rubrique Pratique du site
de Morlaix nest pas atteignable.
51

2 dcembre 2014
52


Le tableaux daccs aux horaires de

la BNF est tirable et propose de
manire accessible des en-ttes en
lien avec les donnes du tableau.
ajouter un titre (visible ou non) qui
en prsente clairement et
ajouter galement une description
cache de la composition de celui-ci.
BnF
http://www.bnf.fr/fr/la_bnf/horaires_salles_lecture.html
2 dcembre 2014
53

Il faut structurer les contenus des horaires

La liste des tablissement est

structures.
ajouter un niveau de
structuration supplmentaire
au niveau de laffichage des
horaires douverture de
chacun des tablissements.
Toulouse
http://www.bibliotheque.toulouse.fr/infos_horaires.html
2 dcembre 2014
Capture Toulouse
54

2 dcembre 2014
55


Valence
www.bm-valence.fr
Limoges
www.bm-limoges.fr
2 dcembre 2014
Revoir globalement laccessibilit

des tableaux en :
ajoutant un titre (visible ou non)
qui en prsente clairement et
intgrant une description cache
de la composition de celui-ci,
dclarant les en-ttes du tableau,
reliant ces en-ttes leurs cellules
de donnes respectives,
rendant les dimensions de ce
tableau variables.
56

Il faut structurer les contenus des horaires

Revoir la structuration des contenus

qui est absente pour le moment :
ajoutant des titres dans la code
source de la page,
en intgrant des lments de listes
pour assurer la composition des
zones ddies aux horaires.
Melun
2 dcembre 2014
Sotteville-ls-Rouen
57

BnF
Le titre et la description des tableaux (cest fait sur certains tableaux de donnes mais pas sur tous)
www.bnf.fr
Toulouse
La structuration des contenus au niveau de chaque tablissement.
Limoges
Laccessibilit globale du tableau.
www.bm-limoges.fr
Valence
Laccessibilit globale du tableau.
www.bm-valence.fr
Melun
La structuration globale des contenus.
Sotteville-ls-Rouen
La structuration globale des contenus.
Morlaix
2 dcembre 2014
Analyse qualitative : les rsultats de la cinquime tape (5/5)

Les actualits de la bibliothque
Paul consulte les actualits mises en avant sur la page daccueil du site.
59

Paul a-t-il accs la diversit des actualits mises jour par la bibliothque ?
La richesse du site internet repose tout autant sur la qualit de ses contenus ditoriaux. Mis en avant sur la page
daccueil des sites ou bien au sein de rubriques ddies. Ces contenus sont mis jour au quotidien par les quipes
des bibliothques concernes.
Les 8 sites prsentent plusieurs manires de mettre en avant les actualits des rseaux :
sous la forme de contenus ditoriaux ddis au sein des pages des sites,
sous la forme danimations de prsentation des ces actualits (BNF, Melun, Valence).
Pour que les actualits soient accessibles pour Paul :
les carrousels doivent tre accessibles cest--dire manipulables au clavier (animation et dfilement),
les textes doivent prsenter des contenus structurs sous la forme de titre et/ou de listes afin de rythmer la
lecture des jours de la semaine et des crneaux douverture de ltablissement.
2 dcembre 2014
60

BnF
www.bnf.fr
En bref
Toulouse
Limoges
www.bm-limoges.fr
Valence
www.bm-valence.fr
Melun
Sotteville-ls-Rouen
Morlaix
Parmi les zones de gestion des actualits

recenses,
le site de la BnF prsente une bonne gestion
des actualits malgr la prsence notamment
d un carrousel de prsentation des actualits peu
accessible.
la gestion des actualits du site de Toulouse est
perfectible mais rvle une volont de travailler
dans le respect des rgles daccessibilit. Le site
de Melun prsente des actualits structures
malgr un carrousel non accessible.
les sites internet des 5 autres bibliothques
prsentent peu ou pas daccessibilit dans la
gestion des actualits de leur portail.
2 dcembre 2014
61

2 dcembre 2014
62

Une prsentation claire et contraste des contenus

de la zone centrale des actualits
BnF
www.bnf.fr/fr/la_bnf/actualites_bibliotheque.html
2 dcembre 2014
63

2 dcembre 2014
64

Il faut apporter un soin particulier la qualit des liens : lidentification
Toulouse
www.bibliotheque.
toulouse.fr (en couleurs
gauche et en niveau de
gris droite)
La seule couleur ne doit pas servir identifier visuellement les liens titre des textes quils introduisent.
BNF
www.bnf.fr/fr/la_bnf/actuali
tes_bibliotheque.html (en
couleurs gauche et en
niveau de gris droite)
2 dcembre 2014
65

Il faut apporter un soin particulier la qualit des liens : la destination

Melun
Eviter les liens de rechargement de page.
Toulouse
2 dcembre 2014
Un lien doit pointer une page de contenus en rapport avec son intitul.
66

Il faut apporter un soin particulier la qualit des liens : la destination
Morlaix
Un lien doit pointer une page de contenus en rapport avec son intitul.
2 dcembre 2014
67

Il faut apporter un soin particulier la qualit des liens : la fonction
Toulouse
Un lien qui dclenche louverture dune nouvelle fentre ou dun

nouvel onglet doit proposer une mention afin de prvenir linternaute.
2 dcembre 2014
68

Il faut pouvoir manipuler au clavier les carrousels de prsentation des actualits

Paul, non-voyant navigue parmi les actualits sans utiliser la souris
Melun - www.astrolabe-melun.fr
Revoir globalement laccessibilit des carrousels de

prsentation des actualits en :
assurant le contrle de lanimation au clavier et la souris ,
enchanant les actualits au clavier et la souris,
produisant des contenus alternatifs pour les textes prsents
sous la forme dimages,
permettant de grossir la taille des textes prsents dans les
carrousels.
2 dcembre 2014
BNF - www.bnf.fr
Valence - www.bm-valence.fr
69

Il faut structurer les contenus des actualits

Revoir la structuration des contenus qui est absente
pour le moment :
ajoutant des titres dans la code source de la page,
en intgrant des lments de listes pour assurer la
composition des zones ddies aux horaires.
Valence - www.bm-valence.fr
Morlaix
Sotteville-ls-Rouen
biblio.mairie-sottevill des carrousels
de prsentation des actualits e-lesrouen.fr
2 dcembre 2014
70

BnF
www.bnf.fr
Toulouse
Limoges
www.bm-limoges.fr
Valence
www.bm-valence.fr
Melun
Sotteville-ls-Rouen
Morlaix
2 dcembre 2014
le carrousel des actualits de la page daccueil nest que partiellement accessible

le pages de listes des actualits manquent de structuration (<hx> et <li> pour la page
http://www.bnf.fr/fr/la_bnf/actualites_bibliotheque.html)
la gestion des liens (couleur, destination, fonction) sur la page daccueil et dans la rubrique ddie
le contraste des couleurs de la rubrique Agenda
la structuration en titres des contenus de la page Agenda
la gestion dfectueuse des deux carrousels des actualits de la page daccueil (clavier, contraste,
contrle de dfilment, alternative des visuels et gestion des typo sous la forme dimage)
la visibilit des poignes du carroussel principal de la page daccueil
le carrousel de la slection des films documentaires nest pas accessible
la navigation au sein des actualits
la structuration des actualits
la qualit des contrastes
la structuration des contenus
la gestion des liens
la navigation au sein des actualits
la structuration des actualits
Analyse qualitative : la synthse
72
Analyse qualitative
Synthse
Contraste
Recherche
Rsultats
Horaires
Actualits
BnF
www.bnf.fr
Toulouse
Limoges
www.bm-limoges.fr
Valence
www.bm-valence.fr
Melun
Sotteville-ls-Rouen
Morlaix
2 dcembre 2014
73
Analyse qualitative
Synthse
Un objectif lors la mise en uvre dun portail de bibliothque :
Plaire PAUL !
2 dcembre 2014
74
Analyse qualitative
Synthse
Pour plaire Paul, il convient de rendre le portail de la bibliothque accessible
Ergonomie
Technique
Accessibilit
2 dcembre 2014
Utilisation
Parce que laccessibilit,

ce nest pas que de la
technique !
Cest de laccessibilit pour

certains
mais cest surtout
du confort pour tous.
75
Analyse qualitative
Synthse
Enclencher une dynamique de mise en accessibilit des portails de bibliothques

1. De la conception
et une charte
graphique
accessibles
2. Des logiciels gnrant
des pages web
conformes aux exigences
des WCAG
Analyse qualitative
3. Des contributeurs respectant les

rgles d'usage garantissant
l'accessibilit des sites
Analyse
quantitative
2 dcembre 2014
4. Un dispositif de contrle transparent,

permettant d'informer l'utilisateur des limites du
site en matire d'accessibilit
76
Analyse qualitative
Synthse
Avec des si
Que peut-il se passer ?
Jaurais beaucoup de difficults imposer mes exigences en la matire posteriori
Si mon cahier des charges ne fait pas
un prestataire.
ou peu mention de laccessibilit
Si le demande nest pas prcise, la rponse est rarement constructive
Qui peut agir?

Moi
Il nest pas trop tard pour bien faire si ma charte graphique nest pas encore
Si la charte graphique de mon site valide.
nest pas accessible Si mon site est dj en ligne, je vais devoir faire valider des modifications
graphiques (voir fonctionnelles) puis les faire mettre en uvre par la MOE.
Mon prestataire
Si lossature HTML de mon portail La moindre modification structurelle aura un impact technique qui devra tre pris
nest pas accessible en compte dans loutil par la MOE.
Mon prestataire
Mme si ma rflexion amont (conception et graphisme notamment) a intgr

Si mon OPAC ne gnre pas
laccessibilit, les contenus produits par mon OPAC ont peu de chances dtre
daccessibilit
accessibles.
Si mon CMS nest pas accessible
Votre prestataire a intgr laccessibilit dans ses outils ou pas ! Si le CMS nest pas
en capacit produire de laccessibilit, le rsultat restera nivel par le bas.
Si mes quipes ne sont pas formes

Elles ne seront pas en mesure de maintenir ou doptimiser les contenus
laccessibilit disposition du public. Ce sont les hommes qui font les contenus !
Et si mon site nest pas accessible
2 dcembre 2014
Jaurais du mal dire ou crire quil lest !
Mon prestataire
Mon prestataire
Moi
Moi
77
Analyse qualitative
Synthse
La mise en uvre de laccessibilit numrique dans un projet en

ligne est donc laffaire de tous parce quelle profite tous :
laccessibilit numrique pour Paul, cest du confort pour tous
2 dcembre 2014

Analyse Qualitative: Accessibilité Des Portails de Bibliothèques

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

Analyse Qualitative: Accessibilité Des Portails de Bibliothèques

Uploaded by

Copyright:

Available Formats

Laccessibilit des portails de bibliothques

Laccessibilit des portails de

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Analyse qualitative : les rsultats

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Analyse qualitative : le protocole

Ce que dit la machine du niveau

Laccessibilit des portails de bibliothques

Analyse qualitative : le protocole

250 tests par page

Ce que disent les audits du niveau

froide > laudit est exact mais mcanique mme

objective > le protocole daudit est identique pour

reprsentative > en fonction du niveau retenu, les

difficile > un audit prsente souvent plusieurs niveaux

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Analyse qualitative : le protocole

Paul na pas dge (il a 10 ans, 30 ans, 50 ans, 70 ans)

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Analyse qualitative : le protocole

Pour Paul, cest

Pour Paul, cest

Pour Paul, cest

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Analyse qualitative : les rsultats de la premire tape (1/5)

Paul consulte la page daccueil du site internet de la bibliothque de sa ville

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Analyse qualitative : les rsultats 1/5

La qualit de contrastes de la page daccueil

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Analyse qualitative : les rsultats 1/5

La qualit de contrastes de la page daccueil

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Analyse qualitative : les rsultats 1/5

La qualit de contrastes de la page daccueil

1. La palette dvaluation (premier plan / arrire plan)

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Analyse qualitative : les rsultats 1/5

La qualit de contrastes de la page daccueil

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Analyse qualitative : les rsultats 1/5

La qualit de contrastes de la page daccueil

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Analyse qualitative : les rsultats 1/5

La qualit de contrastes de la page daccueil

Une prsentation claire et contraste des contenus

Paris. Ministre de la Culture et de la Communication

Laccessibilit des portails de bibliothques

Analyse qualitative : les rsultats 1/5

La qualit de contrastes de la page daccueil