site dédié aux publics handicapés du centre pompidou : démarche et bilan
DESCRIPTION
Atelier sur le Site dédié aux publics handicapés du Centre Pompidou par Laurence Borne, Marie Destandau, Julie Landry et Émilie Sidoli, à ParisWeb2007 le 17 novembre 2007.TRANSCRIPT
![Page 1: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/1.jpg)
Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan
Laurence Borne, Marie Destandau, Julie Landry, Émilie Sidoli
Atelier ParisWeb 2007 le 17 novembre 2007
![Page 2: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/2.jpg)
I. Notre démarche
![Page 3: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/3.jpg)
I. Notre démarche
Contexte
Août 2004 - août 2005
Projet d’étude dans le cadre de la formation « Concepteur réalisateur multimédia en alternance » à l’école des Gobelins
4 personnes, un an à mi-temps
![Page 4: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/4.jpg)
I. Notre démarche
Internet = enjeu majeur pour publics handicapés Source d'information illimitée
Disponible à domicile
Alors qu'accéder à des informations est un défi quotidien
![Page 5: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/5.jpg)
I. Notre démarche
4 types de handicap
(utilisés notamment par le label Tourisme et Handicap) Visuel (aveugles et malvoyants)
Auditif (sourds et malentendants)
Moteur
Mental
![Page 6: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/6.jpg)
I. Notre démarche
Site précédent : séparation des publics par handicap
![Page 7: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/7.jpg)
I. Notre démarche
4 types de handicap = 4 sites ?
NON !!
![Page 8: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/8.jpg)
I. Notre démarche
![Page 9: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/9.jpg)
I. Notre démarche
La loi du 11 février 2005 pour l’égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées Sites Web devront se conformer aux standards ouverts de
l'accessibilité avec une vraie interopérabilité
Fera l'objet de décrets fixant les modalités d'application précises
![Page 10: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/10.jpg)
![Page 11: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/11.jpg)
![Page 12: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/12.jpg)
I. Notre démarche
« La nature du Web est son universalité. Il doit être accessible à toutes les personnes handicapées. »
Tim Berners Lee, Fondateur du W3C et co-inventeur du web.
![Page 13: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/13.jpg)
I. Notre démarche
![Page 14: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/14.jpg)
I. Notre démarche
![Page 15: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/15.jpg)
I. Notre démarche
Vistes guidées avec les publics handicapés au Centre Pompidou pour mieux comprendre les différents modes de perception des publics handicapés
![Page 16: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/16.jpg)
I. Notre démarche
Expérimenter un dîner dans l’obscurité totale au restaurant “Dans le noir ?”
Rencontrer des personnes sourdes qui parlent en langue des signes au “Café Signes”
![Page 17: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/17.jpg)
I. Notre démarche
Recherches d’exemples de sites accessibles Sites dédiés aux publics malvoyants ou sourds souvent pauvres
graphiquement De bonnes surprises :
L'oreille mène l'enquête : Jeu exploitant les capacités des aveugles à se repérer dans l’espace grâce aux sons mais également abouti au niveau graphique
![Page 18: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/18.jpg)
I. Notre démarche
Recherches techniques :
Très nombreux sites référents :
http://openweb.eu.org/
http://www.accessiweb.org/
http://www.blog-and-blues.org/
http://www.w3.org/WAI/
Blogs, sites des labels, W3C, etc.
Pas de labellisation désirée par le Centre Pompidou
![Page 19: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/19.jpg)
I. Notre démarche
Outils d’échanges pour l’équipe
Wiki
Outils de planification
Basecamp insuffisant (tâches complexes partagées entre plusieurs personnes impossibles)
Microsoft Project trop contraignant
Organisation du travail
Gestion des versions des fichiers modifiés par plusieurs personnes grâce à SVN/Subversion
![Page 20: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/20.jpg)
I. Notre démarche
Livrables : Note d'intention Etude marketing Scénario Production
![Page 21: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/21.jpg)
![Page 22: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/22.jpg)
![Page 23: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/23.jpg)
I. Notre démarche
![Page 24: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/24.jpg)
Planches tendances
La signalétique
I. Notre démarche
![Page 25: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/25.jpg)
Planches tendances
Le handicap
I. Notre démarche
![Page 26: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/26.jpg)
Planches tendances
Le Centre Pompidou
I. Notre démarche
![Page 27: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/27.jpg)
I. Notre démarche
![Page 28: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/28.jpg)
I. Notre démarche
![Page 29: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/29.jpg)
![Page 30: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/30.jpg)
![Page 31: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/31.jpg)
![Page 32: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/32.jpg)
![Page 33: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/33.jpg)
![Page 34: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/34.jpg)
![Page 35: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/35.jpg)
![Page 36: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/36.jpg)
![Page 37: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/37.jpg)
![Page 38: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/38.jpg)
![Page 39: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/39.jpg)
I. Notre démarche
![Page 40: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/40.jpg)
![Page 41: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/41.jpg)
![Page 42: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/42.jpg)
![Page 43: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/43.jpg)
![Page 44: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/44.jpg)
![Page 45: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/45.jpg)
![Page 46: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/46.jpg)
![Page 47: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/47.jpg)
![Page 48: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/48.jpg)
![Page 49: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/49.jpg)
![Page 50: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/50.jpg)
![Page 51: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/51.jpg)
![Page 52: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/52.jpg)
![Page 53: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/53.jpg)
![Page 54: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/54.jpg)
![Page 55: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/55.jpg)
![Page 56: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/56.jpg)
![Page 57: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/57.jpg)
![Page 58: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/58.jpg)
![Page 59: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/59.jpg)
![Page 60: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/60.jpg)
![Page 61: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/61.jpg)
![Page 62: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/62.jpg)
![Page 63: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/63.jpg)
![Page 64: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/64.jpg)
![Page 65: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/65.jpg)
![Page 66: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/66.jpg)
![Page 67: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/67.jpg)
![Page 68: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/68.jpg)
![Page 69: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/69.jpg)
![Page 70: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/70.jpg)
![Page 71: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/71.jpg)
![Page 72: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/72.jpg)
![Page 73: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/73.jpg)
![Page 74: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/74.jpg)
![Page 75: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/75.jpg)
![Page 76: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/76.jpg)
![Page 77: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/77.jpg)
![Page 78: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/78.jpg)
II. InterfaceII. Interface
![Page 79: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/79.jpg)
II. Interface
Organisation de l’interface
Sur la page d’accueil : 4 grands espaces démarqués par des couleurs franches et des pictos
![Page 80: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/80.jpg)
II. Interface
Sur l’ensemble des pages, le menu accessibilité
Accueil
Passer le menu
Aide
Réglages
Plan du site
+ moteur de recherche
![Page 81: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/81.jpg)
II. Interface
Sur l’ensemble des pages : le menu “réagir”
Accès à la partie Réaction Accès au formulaire de contact Accès à la page de crédits Accès au site principal du Centre Pompidou
![Page 82: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/82.jpg)
II. Interface
Organisation d’une page type
![Page 83: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/83.jpg)
II. Interface
Organisation d’une page type (suite)
![Page 84: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/84.jpg)
II. Interface
La zone média peut accueillir :
Des images Des vidéos Des fichiers sons
Tous ces médias sont zoomables.
![Page 85: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/85.jpg)
II. Interface
Image
![Page 86: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/86.jpg)
II. Interface
![Page 87: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/87.jpg)
II. Interface
Vidéo
![Page 88: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/88.jpg)
II. Interface
![Page 89: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/89.jpg)
II. Interface
Son
![Page 90: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/90.jpg)
II. Interface
![Page 91: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/91.jpg)
II. Interface
Confort de lecture dans les principales résolutions : 800 * 600 1024 * 768 1280 * 1024 Pour ne pas pénaliser les petites configurations ni les
malvoyants avec grand écran / grande résolution
Permettre fonctionnalité côté utilisateur : Zoom du navigateur…
![Page 92: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/92.jpg)
II. Interface
![Page 93: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/93.jpg)
II. Interface
Personnalisation du site Choix taille de caractères Choix contraste
![Page 94: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/94.jpg)
Page de personnalisation du site
![Page 95: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/95.jpg)
Formulaire de personnalisation : choix des tailles des caractères et couleurs de l'interface
![Page 96: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/96.jpg)
Choix de la petite taille de caractères et couleurs standards (configuration par défaut)
![Page 97: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/97.jpg)
Choix de la petite taille de caractères et contraste blanc sur noir
![Page 98: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/98.jpg)
Choix de la petite taille de caractères et contraste jaune sur bleu
![Page 99: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/99.jpg)
Choix de la grande taille de caractères
![Page 100: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/100.jpg)
Choix de la grande taille de caractères et du contraste blanc sur noir
![Page 101: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/101.jpg)
Choix de la grande taille de caractères et du contraste jaune sur bleu
![Page 102: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/102.jpg)
II. Interface
Personnalisation possible grâce aux feuilles de styles
Grande souplesse de mise en forme du contenu
Même contenu html, mise en forme différente
Respecter la charte graphique du Centre Obligation de garder la police de caractères
“DIN” => titres en images SIFR envisagé mais moins confortable avec un
lecteur d’écran et plus lourd
![Page 103: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/103.jpg)
II. Interface
Lecteur média adaptable : choix des médias affichés Son et vidéo Son uniquement Pas de son Alternative texte
![Page 104: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/104.jpg)
II. Interface
Formulaire de personnalisation : choix des médias affichés ; activation ou désactivation des vidéos, sons et images possible
![Page 105: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/105.jpg)
II. Interface
Lecteur média : développé en flash accessible Avantages:
Plugin présent sur un pourcentage important de postes Navigation + agréable, guidée par une voix humaine Chapitrage Personnalisation
![Page 106: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/106.jpg)
II. Interface
Lecteur média : développé en flash accessible Inconvénients
plugin nécessaire Alternatives uniquement pour le son, pas le temps/budget
de produire les vidéos dans les autres formats
![Page 107: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/107.jpg)
II. Interface
Back Office : espace de gestion du site Même possibilités de personnalisation
Gestion d'un média Sous-titres Séparation vidéo et son pour permettre la
personnalisation
![Page 108: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/108.jpg)
II. Interface
Back Office Un média est composé de :
Un titre / texte Fichier vidéo / flv (vidéo flash) Fichier audio / mp3 Texte alternatif / texte Description longue / texte Légende / texte Sous-titres / texte (XML)
![Page 109: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/109.jpg)
II. Interface
Gestion des médias : Modification des sous-titres d'une vidéo
![Page 110: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/110.jpg)
II. Interface
Site organisé comme un processus d’accompagnement à la visite.
![Page 111: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/111.jpg)
II. Interface
Préparer sa visite
![Page 112: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/112.jpg)
II. Interface
Prolonger la visite
![Page 113: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/113.jpg)
II. Interface
Consulter les ressources documentaires
![Page 114: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/114.jpg)
II. Interface
![Page 115: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/115.jpg)
![Page 116: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/116.jpg)
II. Interface
L’espace “Echangez vos impressions”
Permettre aux internautes d’échanger leurs impressions
Recueillir leurs retours pour une amélioration continue du site
![Page 117: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/117.jpg)
II. Interface
![Page 118: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/118.jpg)
II. Interface
![Page 119: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/119.jpg)
II. Interface
![Page 120: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/120.jpg)
III. Le bilan
![Page 121: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/121.jpg)
III. Les plus
III. Les plus
![Page 122: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/122.jpg)
III. Le bilan : les plus
Un site gai, ouvert, qui donne envie !
Coloré
Convivial
Proposant un véritable contenu éditorial, avec des applications originales (module)
Clair
![Page 123: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/123.jpg)
III. Le bilan : les plus
Un site plus alimenté que nous le pensions au niveau des dossiers et des médias
Ajout récemment d’un niveau de navigation pour les dossiers
![Page 124: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/124.jpg)
III. Le bilan : les plus
Public : les retours que l'on a sont positifs
Le public apprécie le site pour : Sa forme Son accessiblité comparé aux sites dits accessibles
existants sur la Toile à l’époque Techniquement Editorialement
![Page 125: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/125.jpg)
III. Le bilan : les plus
Le Centre Pompidou
Satisfait et fier du site
Utilisateurs se servent du back -office, créent des média, des dossiers
![Page 126: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/126.jpg)
III. Le bilan : les plus
Au sein de l'école des Gobelins
prise de conscience sur les standards et l’accessibilité
![Page 127: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/127.jpg)
III. Le bilan : les plus
On a beaucoup appris sur :
les contraintes liées aux différents handicaps
les solutions existantes pour les contourner
les attentes des publics handicapés sur le Web
les particularités de perception liées aux différents handicaps
les rouages de l'administration
![Page 128: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/128.jpg)
III. Les moins
Un site pas fini
![Page 129: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/129.jpg)
III. Le bilan : les moins
Manque de temps, projet pas terminé ! Projet d'études, pas de budget pour finir Fonctionnalités non développées ou simplifiées
(forum, page d'accueil, module…)
Pas de maintenance technique par le Centre Pompidou
![Page 130: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/130.jpg)
III. Le bilan : les moins
Le site manquait de contenu lors de sa mise en ligne : nous avons été obligés de créer nous-même des contenus -> et ils n'ont pas été modifiés depuis
Dossier Big Bang -> vidéos “Suivez l'artiste”
Réecriture des textes pour le pilote du module
![Page 131: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/131.jpg)
III. Le Bilan
Un dossier
![Page 132: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/132.jpg)
III. Le Bilan
et le contenu du module d’exploration d’une œuvre
![Page 133: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/133.jpg)
III. Le bilan : les moins
Tests utilisateurs très insuffisants :
Difficile de trouver des utilisateurs correspondant aux publics cibles
Organisation impossible (Centre Pompidou, associations...)
![Page 134: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/134.jpg)
III. Les moins
Un site en décalage avec
la réalité
![Page 135: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/135.jpg)
III. Le bilan : les moins
Formation des contributeurs du site à « l’écriture accessible » trop légère
(1/2 journée au bout de 1 an) charte éditoriale insuffisante et pas utilisée
= Des contenus pas accessibles !
![Page 136: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/136.jpg)
III. Le bilan : les moins
Les contenus sont trop longs…
![Page 137: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/137.jpg)
III. Le bilan : les moins
… mal structurés,
![Page 138: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/138.jpg)
III. Le bilan : les moins
et la bande media a été conçue
pour être accompagnée de texte
![Page 139: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/139.jpg)
III. Le bilan : les moins
Mise à jour des contenus inégalement assurée
Toute la production de contenus est concentrée sur les
dossiers
Retard dans le traitement des réactions
Production de média trop compliquée -> réalisée
partiellement et sans la qualité nécessaire
![Page 140: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/140.jpg)
III. Le bilan : les moins
![Page 141: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/141.jpg)
III. Le Bilan
![Page 142: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/142.jpg)
![Page 143: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/143.jpg)
![Page 144: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/144.jpg)
III. Le bilan : les moins
Causes de ce décalage :
Manque de temps
Equipe pas assez formée à l'utilisation du site, manque de compréhension des fonctionnalités
Dysfonctionnements classiques d'une administration
![Page 145: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/145.jpg)
III. Les moins
Une architecture
pas optimale
![Page 146: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/146.jpg)
III. Le bilan : les moins
Arborescence non adaptée à la réalité des contenus
Tout le contenu est dans la partie 'dossiers'
La partie 'Réactions' dépérit parce qu'elle n'est pas maintenue assez régulièrement
La partie 'Agenda' ne vit pas non plus
La partie 'Qui sommes nous' ...
![Page 147: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/147.jpg)
![Page 148: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/148.jpg)
![Page 149: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/149.jpg)
![Page 150: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/150.jpg)
![Page 151: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/151.jpg)
![Page 152: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/152.jpg)
![Page 153: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/153.jpg)
![Page 154: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/154.jpg)
![Page 155: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/155.jpg)
![Page 156: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/156.jpg)
![Page 157: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/157.jpg)
III. Le bilan : les moins
Une circulation entre les espaces qui ne fonctionne pas
8000 à 13 000 pages vues / mois
Moins de 1% du trafic du site général
Pas d'évolution dans la fréquentation
![Page 158: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/158.jpg)
III. Le bilan : conclusion
Uu site trop ambitieux compte tenu des ressources du Centre Pompidou et du temps que nous avions à
consacrer à ce projet
mais que nous sommes ravies d'avoir réalisé et qui a quand même eu le mérite de faire bouger les choses
![Page 159: Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan](https://reader038.vdocuments.pub/reader038/viewer/2022102806/55872372d8b42aed398b4600/html5/thumbnails/159.jpg)
Site dédié aux publics handicapés du Centre Pompidou : démarche et bilan
Contactez-nous !
Laurence Borne
Marie Destandau / Ototoï
Julie Landry / Agence Cosmic Communication
Émilie Sidoli