Analyse Qualitative : Accessibilité des portails de bibliothèques

8/10/2019 Analyse Qualitative : Accessibilit des portails de bibliothques

1/78

Laccessibilit des portails de bibliothques

Paris. Ministre de la Culture et de la Communication



2/78



Intervenants

En coopration avec lassociation BrailleNet et dans le cadre dune collaborationavec le Ministre de la Culture et de la Communication , Tosca consultantset Franck Letrouv (pixFL) ralisent une tude de laccessibilit numrique desportails de bibliothques.

2 dcembre 2014

2

Franck LetrouvMarc MaisonneuveConseil en systmes

d'information Conseil en accessibilit

numrique


3/78



Analyse qualitative : les rsultats


4/78



4

Analyse qualitative : le protocole

2 dcembre 2014

Les indicateurs de la performance accessible vus par un outil

Niveau de conformitAccessiWeb 2.2 (AA - Argent)

BnF

www.bnf.fr

81 %(53 % catalogue)

Toulousewww.bibliotheque.toulouse.fr


Limogeswww.bm-limoges.fr


Valencewww.bm-valence.fr

41 %

Melunwww.astrolabe-melun.fr

45 %Sotteville-ls-Rouen

biblio.mairie-sotteville-les-rouen.fr33 %

Morlaixbibliotheques.ville.morlaix.fr

28 %la BDP de la Haute-Marne

opaci.haute-marne.fr68 %

Ce que dit la machine du niveaudaccessibilit des 8 pages daccueil

Cette approche est :

froide > laudit est exact mais mcanique objective > le protocole daudit est identique pourtous les sites

partielle > laudit ne concerne que la page daccueildes sites

partielle > ce type doutil contrle prend en comptemoins de 20% des critres dun niveau donn : lamachine ne contrle que ce quelle sait contrler !

rvlatrice > le score affich est un commencementde preuve , il agit comme un premier indicateur de cequi va tre dtaill par la suite


5/78



5


2 dcembre 2014

Les indicateurs de la performance accessible vus par un auditeur

8 sites

10 pages par site 80 pages auditer

Plus de 100 critres par page(102 exactement pour AccessiWeb Argent)

800 critres

250 tests par page(AccessiWeb Argent)

20 000 tests

Une moyenne de5 jours dvaluation par audit 40 jours de travail

Soit un cot moyen du marchdenviron

30 000 euros HT pour 8 audits spars

Ce que disent les audits du niveaudaccessibilit des 8 sites

Cette approche est :

froide > laudit est exact mais mcanique mmesil dbouche souvent sur des recommandations

objective > le protocole daudit est identique pourtous les sites

reprsentative > en fonction du niveau retenu, leschantillons retenus sont reprsentatifs du niveau deconformit de lensemble des sites

difficile > un audit prsente souvent plusieurs niveauxde lecture. La comprhension globale de son contenu estrare.

souvent rgressive > un audit et puis aprs


6/78



6


2 dcembre 2014

Lindicateur de la performance accessible pour cette analyse

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)

Cest Paul !


7/78



7


2 dcembre 2014

Et Paul a plusieurs visages

Pour Paul, cestmoyennement satisfaisant

Pour Paul, cestsatisfaisant

Pour Paul, cestpeu satisfaisant


8/78



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


9/78



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 delaccessibilit numrique.

Lil a une sensibilit instinctive aux contrastes et, au dbut de la chaine de production dun site web, le choix judicieuxde 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 suffisammentcontraste 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 2couleurs (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 dficientsvisuels 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

9

Analyse qualitative : les rsultats 1/5La qualit de contrastes de la page daccueil


10/78



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 plusieursdirectives 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 desinternautes , 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 leurdisposition une large palette doutils au fonctionnement trs visuel et leur permettant de mesurer les rapports decontrastes 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 textesproduits 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 valorisantlutilisation des couleurs, cest garantir du confort de lecture pour tous !

2 dcembre 2014

10



11/78



Un exemple dvaluation outille avec Colour Contrast Analyser (outil gratuit pour Windows et Mac OS )

2 dcembre 2014

11


1. La palette dvaluation (premier plan / arrire plan) 2. Le rsultat de lvaluation (indicateurs dvaluation) 3. La mire dvaluation positionner sur le support valider

1

2

3


12/78


Paris. Ministre de la Culture et de la Communication2 dcembre 2014

12


En bref

De toutes les pages daccueil analyses,

seuls les sites de la BnF et de Sotteville-ls-Rouen prsentent un niveau de contrastecorrect ,

les chartes graphiques de Toulouse , Valence et Melun prsentent beaucoup

dimperfections , les chartes de Limoges , Morlaix et la BDP dela Haute-Marne doivent globalement trerevues .

Les contrastes des 8 pages daccueil sont -ils bons ?

BnFwww.bnf.fr




Melunwww.astrolabe-melun.frSotteville-ls-Rouen

biblio.mairie-sotteville-les-rouen.f rMorlaix

bibliotheques.ville.morlaix.frla BDP de la Haute-Marne

opaci.haute-marne.fr


13/78



13


Ce qui est satisfaisant


14/78



14


Une prsentation claire et cont raste des contenusde la zone centrale de la page daccueil

Toulouse - www.bibliotheque.toulouse.fr ( gauche)BnF - www.bnf.fr ( droite)


2 dcembre 2014


15/78



15


Ce qui nest pas satisfaisant


16/78




16


Il faut apporter un soin particulier aux contrastes pour chaque zone de la page

BDP de la Haute-Marne - opaci.haute-marne.fr



2 dcembre 2014


17/78


18/78




18



Textes avec un fond effet matire



2 dcembre 2014

19


19/78



19



Logos

BnFwww.bnf.fr

2 dcembre 2014


BnFwww.bnf.fr

b l d l d b bl h 20


20/78



20


Il faut viter dencapsuler les textes dans des images Ce procd interdit son agrandissement lorsque Paul zoome les textes de la page


BDP de la Haute-Marneopaci.haute-marne.fr


2 dcembre 2014


L ibili d il d bibli h 21


21/78



21


En conclusion, les contrastes des 8 pages daccueil sont -ils bons ?

BnFwww.bnf.fr

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 contenusSotteville-ls-Rouen

biblio.mairie-sotteville-les-rouen.f r 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

la BDP de la Haute-Marneopaci.haute-marne.fr

le contraste de couleur pour plusieurs blocs de contenus la typo des titres de rubriques encapsule dans des images

L ibilit d t il d bibli th 22


22/78



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 versla qualit des contrastes perus ( vous ensuite den tirer vos propres conclusions). A cet effet, exposerpar 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 auxinternautes 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 dispositifalternatif, attention toutefois leffet gadget , laccessibilit de ce type de fonctionnalit et leffet site moche qui pourra de surcroit fatiguer les yeux

2 dcembre 2014

22


Quelques conseils pour la mise en uvre dune charte graphique accessible


23


23/78



Quelques ressources en ligne pour aller plus loin ?

Voici une trousse outils simples daccs qui permettent aux professionnels du web de calibrer lescouleurs 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

23


http://contrast-finder.tanaguru.com/http://www.snook.ca/technical/colour_contrast/colour.htmlhttp://gmazzocato.altervista.org/fr/colorwheel/wheel.phphttp://www.paciellogroup.com/resources/contrastAnalyserhttp://www.vischeck.com/http://www.vischeck.com/http://www.vischeck.com/http://www.vischeck.com/http://www.paciellogroup.com/resources/contrastAnalyserhttp://www.paciellogroup.com/resources/contrastAnalyserhttp://www.paciellogroup.com/resources/contrastAnalyserhttp://www.paciellogroup.com/resources/contrastAnalyserhttp://www.paciellogroup.com/resources/contrastAnalyserhttp://gmazzocato.altervista.org/fr/colorwheel/wheel.phphttp://www.snook.ca/technical/colour_contrast/colour.htmlhttp://www.snook.ca/technical/colour_contrast/colour.htmlhttp://www.snook.ca/technical/colour_contrast/colour.htmlhttp://www.snook.ca/technical/colour_contrast/colour.htmlhttp://www.snook.ca/technical/colour_contrast/colour.htmlhttp://contrast-finder.tanaguru.com/http://contrast-finder.tanaguru.com/http://contrast-finder.tanaguru.com/http://contrast-finder.tanaguru.com/http://contrast-finder.tanaguru.com/


24/78

L accessibilit des portails de bibliothques


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 .

Laccessibilit des portails de bibliothques 25


25/78



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 lecatalogue se trouve dans le site ou bien au sein dun site ddi, la demande daccessibilit pour la saisie de la recherche e st lamme. Une zone de recherche cest :

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 identifiesle 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 .

Un intitul (ou tiquette) Un champ de saisie Un bouton de validation+ +

Analyse qualitative : les rsultats 2/5La zone de recherche du catalogue



26/78



26

En bref

Pour des recherches internes sur le site ou ausein dun site ddi au catalogue, les 8 sitesanalyss prsente un non respect des rglesdaccessibilit en matire de recherche.


La zone de recherche catalogue est-elle accessible ?

BnFwww.bnf.fr

Toulouse

www.bibliotheque.toulouse.frLimoges

www.bm-limoges.fr Valence

www.bm-valence.fr

Melunwww.astrolabe-melun.frSotteville-ls-Rouen

biblio.mairie-sotteville-les-rouen.f rMorlaix

bibliotheques.ville.morlaix.frla BDP de la Haute-Marne

opaci.haute-marne.fr



27/78



27





28/78



28


Laccs au catalogue se fait dans unsite externe. Dans la page daccueildu portail : revoir les contrastes de couleurentre les textes et les fondsviter dencapsuler les lienstextuels dans une image : ceprocd interdit son agrandissementlorsque Paul zoome les textes de lapageavertir lutilisateur lors delouverture dune nouvelle fentre


Il faut viter dencapsuler les textes dans des images Ce procd interdit son agrandissement lorsque Paul zoome les textes de la page




29/78



30/78

p q



Capture (avec feuille de styles)

Capture Melun

(sans feuille de styles)

Il faut rendre les intituls de bouton pertinentsSi Paul ne voit pas les boutons de validation, il ne sait pas quelle action son clic va gnrer

Capture (avec feuille de styles)

Capture Valence(sans feuille de styles)

Rendre pertinents lesboutons de validation dela recherche afin quilssoient informatifs mme

lorsque les styles sontdsactivs (pour Paul quiest non-voyant pasexemple)






31/78

p q



Il faut rendre les intituls de bouton pertinentsDeux autres exemples de boutons aux intituls de bouton non pertinents






32/78




Morlaixhttp://bibliotheques.

ville.morlaix.fr


BnFwww.bnf.fr

Lors de lagrandissementdes donnes de la page enZoom X6 dans Firefox (et enmode texte seulement), lataille des boutons construitsen image reste fige.

Construire des boutons devalidation laide de textemis en forme par les feuillesde styles afin de pouvoir enmoduler la taille.

Il faut viter dencapsuler les textes dun bouton de validation dans des images Ce procd interdit son agrandissement lorsque Paul zoome les textes de la page



33/78



Revoir la composition des listes de choix : structurer les options des listes de choix en lesregroupant de manire logique ordonner les items de manire logique (ordrealphabtique par exemple)

Positionner le bouton de validationaprs le slecteur Bibliothque afinde crer une unit de saisie et deslection au sein de la recherche simple


Il faut structurer les lments de formulaireCe type de construction facilite la consultation des donnes dun formulaire




34/78




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

Lors du lancement dunerecherche catalogue vide ,le contrle du champs doitindiqu que la saisie dun motcl est obligatoire.Lors du contrle du champ derecherche et de la mise en

vidence dune erreur desaisie, le contenu des messagesdavertissements doit treexplicite (localisation et naturede lerreur) voire dessuggestions de correction

Sotteville-ls-Rouenbiblio.mairie-sotteville-les-rouen.f r

Morlaix

http://bibliotheques.ville.morlaix.fr



35/78



2 dcembre 2014

En conclusion, la zone de recherche catalogue est-elle accessible ?

BnFwww.bnf.fr &

http://catalogue.bnf.fr/jsp/recherchemots_simple.jsp?nouvelleRecherche=

O&nouveaute=O&host=catalogue

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 laforme 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 derecherche. 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 laforme 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 slecteurdoption de la recherche; dans le catalogue, prciser le sens du bouton de lancement de la recherche.



36/78



2 dcembre 2014

En conclusion, la zone de recherche catalogue est-elle accessible ?


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.


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.


lier lintitul du champ de recherche et le champ de recherche; 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 sonchamp 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.


37/78



38/78


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 pa smoins En effet, le demande de linternaute est ouverte, le nombre de rsultats est souvent important et le mode deprsentation 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 deses 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 lalecture 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.

Analyse qualitative : les rsultats 3/5Les rsultats dune recherche catalogue



39/78



En bref

Parmi toutes les pages de prsentation desrsultats dune recherche,

la BNF, Toulouse , Limoges et la Haute-Marne prsentent ces donnes sous la formede tableaux. Seule la Haute-Marne y met(partiellement) en uvre de laccessibilit.

Toulouse , Melun , Sotteville-ls-Rouen et

Morlaix offrent un niveau de consultation sousla forme de textes. Les rsultats desrecherches prsentes sous cette forme sontpeu ou pas structurs.

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

BnFwww.bnf.fr

Toulouse



www.bm-valence.fr







40/78


Ce qui est moyennement satisfaisant




41/78



Le tableaux daccs aux actualitsde la mdiathque de la hauteMarne propose un niveauintressant daccessibilit. Ainsi, ilpropose :1. des filtres accessibles,2. un titre de tableau,

3. une description du tableau etdes en-ttes pour chaque colonne.

Pour tre pleinement accessible, illui manque le lien entre les en-tteset les cellules de rattachement.


Il faut proposer des tableaux de donnes accessiblesCette mise en uvre permet Paul, non -voyant, de naviguer au sein des tableaux de donnes

1

2

3

BDP de la haute-Marneopaci.haute-marne.fr


42/78



43/78



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




Revoir globalement laccessibilitdes tableaux en :ajoutant un titre (visible ou non)qui en prsente clairement etsuccinctement le contenu, intgrant une description cachede la composition de celui-ci,dclarant les en-ttes du tableau,reliant ces en-ttes leurs cellulesde donnes respectives,rendant les dimensions de cetableau variables.



44/78


Revoir la structuration des contenusqui est absente pour le moment :en ajoutant des titres dans la codesource de la page,en intgrant des lments de listespour assurer la composition deszones ddies laffichage desrsultats.


Il faut structurer les contenus des rsultats (pour les textes)Cette mise en uvre permet Paul, non -voyant, de naviguer plus facilement au sein des contenus






45/78


Revoir laccessibilit des outils depagination (pagers) :en ajoutant des infobulles pourprciser les liens de navigation et leslments de localisation,

en structurant sous la forme de

listes de liens, les boutons ou lesliens prsents sous la forme desuites.


Il faut faciliter la navigation au sein des rsultatsCette mise en uvre permet Paul, non -voyant, de naviguer plus facilement au sein des rsultats


BDP de la Haute-Marne - opaci.haute-marne.fr

Sotteville-ls-Rouen - biblio.mairie-sotteville-les-rouen.f r

Morlaix- http://bibliotheques.ville.morlaix.fr



46/78


Rendre pertinents les titres despages de rsultat des recherches :en y affichant le nom deltablissement, en y intgrant loccurrencerecherche,en rendant son contenu explicite eten lien avec le contenu de la pagequil reprsente.


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




47/78



Paul accde-t- il facilement et rapidement aux horaires douverture de sa bibliothque ?

BnFwww.bnf.fr

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

Melun

www.astrolabe-melun.fr

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 donnespartiellement accessible)



48/78


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 sondplacement . Louvrage quil souhaite emprunter est disponible et il souhaite se rendresur place pour le retirer .



49/78


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 empruntsur site ou dun retour de prt, cette information est souvent administrable par les quipes de bibliothque car elle est mis e 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 facilem ent etrapidement 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, Sotteville-ls-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 deses 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 lecturedes jours de la semaine et des crneaux douverture de ltablissement.

Analyse qualitative : les rsultats 4/5Les horaires douverture de la bibliothque



50/78



En bref

Parmi toutes les zones de prsentation deshoraires douverture,

la BNF, Limoges et Valence prsentent cesdonnes sous la forme de tableaux. Seule laBNF y met (partiellement) en uvre delaccessibilit.

Toulouse , Melun , Sotteville-ls-Rouen offrent un niveau de consultation sous laforme de textes. Seule le site de labibliothque de Toulouse valorise un dbut destructuration des contenus.

noter que la rubrique Pratique du sitede Morlaix nest pas atteignable.


BnFwww.bnf.fr

Toulouse



www.bm-valence.fr




-


-



51/78






52/78


Le tableaux daccs aux horaires dela BNF est tirable et propose demanire accessible des en-ttes enlien avec les donnes du tableau.ajouter un titre (visible ou non) quien prsente clairement et

succinctement le contenu,ajouter galement une descriptioncache de la composition de celui-ci.


Il faut proposer des tableaux de donnes accessiblesCette mise en uvre permet Paul, non -voyant, de naviguer au sein des tableaux de donnes


BnFhttp://www.bnf.fr/fr/la_bnf/horaires_salles_lecture.html



53/78


La liste des tablissement eststructures.ajouter un niveau destructuration supplmentaire

au niveau de laffichage deshoraires douverture dechacun des tablissements.



Toulousehttp://www.bibliotheque.toulouse.fr/infos_horaires.html

Il faut structurer les contenus des horairesCette mise en uvre permet Paul, non -voyant, de naviguer plus facilement au sein des contenus

Capture Toulouse(sans feuille de styles)



54/78





55/78



56/78


Revoir la structuration des contenusqui est absente pour le moment :ajoutant des titres dans la codesource de la page,en intgrant des lments de listespour assurer la composition des

zones ddies aux horaires.


Il faut structurer les contenus des horairesCette mise en uvre permet Paul, non -voyant, de naviguer plus facilement au sein des contenus






57/78




BnFwww.bnf.fr

Le titre et la description des tableaux (cest fait sur certains tableaux de donnes mais pas sur tous)

Toulousewww.bibliotheque.toulouse.fr La structuration des contenus au niveau de chaque tablissement.

Limogeswww.bm-limoges.fr Laccessibilit globale du tableau.


Laccessibilit globale du tableau.


La structuration globale des contenus.


La structuration globale des contenus.


-


-



58/78


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/78


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 pagedaccueil des sites ou bien au sein de rubriques ddies. Ces contenus sont mis jour au quotidien par les quipesdes 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 lalecture des jours de la semaine et des crneaux douverture de ltablissement.

Analyse qualitative : les rsultats 4/5Les actualits de la bibliothque



60/78



En bref

Parmi les zones de gestion des actualitsrecenses,

le site de la BnF prsente une bonne gestiondes actualits malgr la prsence notammentd un carrousel de prsentation des actualits peuaccessible.

la gestion des actualits du site de Toulouse estperfectible mais rvle une volont de travaillerdans le respect des rgles daccessibilit. Le sitede Melun prsente des actualits structuresmalgr un carrousel non accessible.

les sites internet des 5 autres bibliothquesprsentent peu ou pas daccessibilit dans lagestion des actualits de leur portail.


BnFwww.bnf.fr

Toulouse



www.bm-valence.fr







61/78






62/78



Une prsentation claire et contraste des contenusde la zone centrale des actualits

BnFwww.bnf.fr/fr/la_bnf/actualites_bibliotheque.html


2 dcembre 2014


63/78



64/78



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

Toulousewww.bibliotheque.toulouse.fr (en couleurs gauche et en niveau degris droite)


La seule couleur ne doit pas servir identifier visuellement les liens titre des textes quils introduisent.

BNFwww.bnf.fr/fr/la_bnf/actualites_bibliotheque.html (encouleurs gauche et enniveau de gris droite)

2 dcembre 2014


65/78



66/78



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


Un lien doit pointer une page de contenus en rapport avec son intitul. Morlaixhttp://bibliotheques.ville.morlaix.fr

2 dcembre 2014



67/78



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


Un lien qui dclenche louverture dune nouvelle fentre ou dunnouvel onglet doit proposer une mention afin de prvenir linternaute.Toulouse

www.bibliotheque.toulouse.fr

2 dcembre 2014



68/78



Il faut pouvoir manipuler au clavier les carrousels de prsentation des actualitsPaul, non-voyant navigue parmi les actualits sans utiliser la souris

Valence - www.bm-valence.fr


BNF - www.bnf.fr

Melun - www.astrolabe-melun.fr

Revoir globalement laccessibilit des carrousels deprsentation 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 prsentssous la forme dimages, permettant de grossir la taille des textes prsents dans lescarrousels.

2 dcembre 2014



69/78


Revoir la structuration des contenus qui est absentepour le moment :ajoutant des titres dans la code source de la page,en intgrant des lments de listes pour assurer lacomposition des zones ddies aux horaires.

Il faut structurer les contenus des actualitsCette mise en uvre permet Paul, non -voyant, de naviguer plus facilement au sein des contenus

Sotteville-ls-Rouenbiblio.mairie-sottevill des carrouselsde prsentation des actualits e-les-

rouen.fr



Morlaixhttp://bibliotheques.ville.morlaix.fr

Valence - www.bm-valence.fr



70/78




BnFwww.bnf.fr

le carrousel des actualits de la page daccueil nest que partiellement accessible le pages de listes des actualits manquent de structuration ( et pour la pagehttp://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

Sotteville-ls-Rouenbiblio.mairie-sotteville-les-rouen.f r 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



71/78


Analyse qualitative : la synthse



72/78


Analyse qualitativeSynthse

Contraste Recherche Rsultats Horaires Actualits

BnFwww.bnf.fr







-


-


l l


73/78


Un objectif lors la mise en uvre dun portail de bibliothque :

2 dcembre 2014

Plaire PAUL !



74/78


A l li i


75/78


1. De la conception et une charte

graphique accessibles

2. Des logiciels gnrantdes pages web

conformes aux exigencesdes WCAG

3. Des contributeurs respectant lesrgles d'usage garantissant

l'accessibilit des sites

4. Un dispositif de contrle transparent,permettant d'informer l'utilisateur des limites du

site en matire d'accessibilit

Analysequantitative

Analyse qualitative


Enclencher une dynamique de mise en accessibilit des portails de bibliothques


A l li i


76/78



Que peut-il se passer ? Qui peut agir?

Si mon cahier des charges ne fait pasou peu mention de laccessibilit

Jaurais beaucoup de difficults imposer mes exigences en la matire posteriori un prestataire. Si le demande nest pas prcise, la rponse est rarement constructive

Moi

Si la charte graphique de mon sitenest pas accessible

Il nest pas trop tard pour bien faire si ma charte graphique nest pas encorevalide. Si mon site est dj en ligne, je vais devoir faire valider des modificationsgraphiques (voir fonctionnelles) puis les faire mettre en uvre par la MOE.

Mon prestataire

Si lossature HTML de mon portailnest pas accessible

La moindre modification structurelle aura un impact technique qui devra tre prisen compte dans loutil par la MOE.

Mon prestataire

Si mon OPAC ne gnre pasdaccessibilit

Mme si ma rflexion amont (conception et graphisme notamment) a intgrlaccessibilit, les contenus produits par mon OPAC ont peu de chances dtreaccessibles.

Mon prestataire

Si mon CMS nest pas accessible Votre prestataire a intgr laccessibilit dans ses outils ou pas ! Si le CMS nest pasen capacit produire de laccessibilit, le rsultat restera nivel par le bas.

Mon prestataire

Si mes quipes ne sont pas formes laccessibilit

Elles ne seront pas en mesure de maintenir ou doptimiser les contenus disposition du public. Ce sont les hommes qui font les contenus !

Moi

Et si mon site nest pas accessible Jaurais du mal dire ou crire quil lest ! Moi

Avec des si


A l li i


77/78


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




78/78

Documents

Analyse Qualitative : Accessibilité des portails de bibliothèques