Projet Master 2 Nouvelles Technologies et Handicap Le Volet Accessibilité dans le projet « Refonte Site Web » de la Cité des Sciences et de l’Industrie Présenté par Mme Si Merabet – Abdelhadi Fatima Zohra Durée parole : 1 minute Bonjour, Dans le cadre de la validation du master 2 Technologie et Handicap, j’ai été amenée à faire un stage , à la Cité des Sciences et de l’Industrie , et dont le sujet s’intitule «  Le volet accessibilité dans le projet refonte site Web de la Cité des Sciences et de l’Industrie » , sous la direction de la cellule accessibilité , ainsi que la délégation à l’Internet et aux programmes numériques et par la même occasion, je remercie , les personnes, qui m’ont honorée par leur présence, aujourd’hui: Mme Cécile guyomarc’h , responsable cellule accessibilité, M. Olivier Rabet, responsable informatique (DIPN), Mme Hoelle Corvest , chargé public déficient visuel, M.Olivier fidalgo , M. Eric Lawrin, chargés public sourd, et l’interprète Melle, M.………… Encadrée par : Mme Cécile Guyomarc’h - responsable cellule accessibilité M. Olivier Rabet - responsable informatique

Le Volet accessibilité dans le projet "refonte site web " Plan 2 Présentation Analyse de l’existant Problématique du site actuel Les missions du stage 1. Expertise et amélioration du CMS « Content Server- Fatwire) 2. Inventaire, analyse et classification des offres 3. Réflexion sur les spécifications du futur portail accessibilité 4. Benchmark des sites web Bilan & Perspectives Conclusion Durée parole : 1 minute La présentation de mon exposé, est constitué de trois parties essentielles , à savoir: Dans la 1ère partie, je vais aborder la problématique du site Web de la Cité des Sciences, les solutions apportées et leurs relations avec les missions qui m’ont été confiées. Dans la 2ème partie, je vais expliquer de façon synthétiques , les missions de mon stage, la démarche adoptée . Et la dernière partie j’aborderai le bilan de chaque mission, ainsi que les perspectives. Le Volet accessibilité dans le projet "refonte site web " 2

Le Volet accessibilité dans le projet "refonte site web " PRESENTATION 3 La Cité des Sciences et de l’Industrie est un établissement étatique (ministères de la culture et de l’éducation). Lieu de vulgarisation scientifique et technique (Expositions, Spectacles, Ressources documentaires, Conférences, Services personnalisés…) , chaque année près de 3 millions de visiteurs. Le visiteur handicapé Accès physique direct à l’établissement , difficile Nécessité d’une préparation préalable (Utilisation du site Internet) Durée de la parole: 1 minute La Cité des Sciences et de l’Industrie est un établissement étatique sous la tutelle des ministères de la culture et de l’éducation. C’est un lieu de vulgarisation scientifique et technique, qui présente tout à la fois des expositions ,des spectacles, des ressources documentaires, et des services personnalisés , avec chaque année près de 3 millions de visiteurs. Le visiteur handicapé Pour une personne handicapée, l’accès physique direct, sans préparation à un établissement culturel est souvent difficile et pour cette raison, le site Internet constitue un outil d’information essentiel pour envisager et préparer cette visite, via des informations pratiques. Le Volet accessibilité dans le projet "refonte site web " 3

Le Volet accessibilité dans le projet "refonte site web " ANALYSE DE L’EXISTANT 4 Problématique du site actuel Compte environ compte environ 30 000 pages , 27 portails thématiques) Durée parole : 1 minute Le Site Internet actuel , compte environ 30 000 pages, et regroupe 27 portails thématiques, édités par différentes sources (enseignants détachés, responsables projets d’expositions, contributeurs, et développeurs), utilisant différents outils d’édition et langages de programmation. La conséquence de cette diversité d’éditeurs a abouti à l’accumulation de contenus, et de technologies . Le Volet accessibilité dans le projet "refonte site web " 4

Conséquences Accumulation des Contenus Accumulation des technologies 5 Accumulation des Contenus Accumulation des technologies Maintenance technique difficile manque d’homogénéité des pages Web Foisonnement et redondance de l’information Coût élevé Projet « Refonte Site Web » Durée parole : 2 minutes L’accumulation des contenus a engendré des problèmes d’homogénéité des pages Web, foisonnement ,et redondance de l’information. L’accumulation des technologies a engendré des difficultés au niveau de la maintenance technique, ainsi qu’un coût élevé , en termes de licences et prestations externes et finalement, les problèmes de l’accessibilité des pages sur le plan contenu et accès, ainsi que le site visiteur handicapé à rénover. Pour résoudre ces problèmes, la Cité des Sciences s’est engagée, en 2008, dans un ambitieux projet de refonte de son site Internet et de ses différents portails thématiques, dont une première version rénovée devrait voir le jour début 2009. L’une des priorités du cahier de charge du projet, est d’intégrer le accessibilité à plusieurs échelles, et pour cette raison, je me suis vu confier plusieurs missions. Non-conformité aux normes Un seul site dédié (LSF) Site visiteur handicapé à rénover Problème Accessibilité Le Volet accessibilité dans le projet "refonte site web " 5

Objectifs du projet / Missions correspondantes 6 Accumulation des contenus et technologies Mise en place d’une stratégie fonctionnelle et organisationnelle : Choix d’un outil de gestion de contenu « Content Server – Fatwire » Mission Expertise de l’outil de gestion de contenu « Content Server » sur le plan , production de contenu accessible Deux sites Web dédiés, au départ, pour déficients visuels et public sourd, utilisant leur propre média comme mode d’accès, orientés respectivement, usage rapide et langue LSF). A ce niveau, nous avons préparé un argumentaire a des questionnements légitimes tels que: Le site dédié est-il un sous site? est il pas soumis aux contrôles d’accessibilité  , de la même façon que le site général? Problème Solution Le Volet accessibilité dans le projet "refonte site web " 6

Objectifs du projet / Missions correspondantes 7 Visite sans préparation difficile Mise en place d’un catalogue des offres, accessibles, par type de handicap Mission Inventaire, Analyse de l’accessibilité des offres et leur classification hiérarchique Deux sites Web dédiés, au départ, pour déficients visuels et public sourd, utilisant leur propre média comme mode d’accès, orientés respectivement, usage rapide et langue LSF). A ce niveau, nous avons préparé un argumentaire a des questionnements légitimes tels que: Le site dédié est-il un sous site? est il pas soumis aux contrôles d’accessibilité  , de la même façon que le site général? Problème Solution Le Volet accessibilité dans le projet "refonte site web " 7

Objectifs du projet / Missions correspondantes 8 Portail accessibilité limité au site LSF Mise en place de sites dédiés : déficients visuels et amélioration du site LSF actuel. Mission Réflexion sur les spécifications des sites dédiés aux déficients visuels et public sourd Deux sites Web dédiés, au départ, pour déficients visuels et public sourd, utilisant leur propre média comme mode d’accès, orientés respectivement, usage rapide et langue LSF). A ce niveau, nous avons préparé un argumentaire a des questionnements légitimes tels que: Le site dédié est-il un sous site? est il pas soumis aux contrôles d’accessibilité  , de la même façon que le site général? Problème Solution Le Volet accessibilité dans le projet "refonte site web " 8

Objectifs du projet / Missions correspondantes 9 Site Web ancien Mise à niveau et adaptation aux nouvelles exigences Mission Benchmark des sites Web de référence Deux sites Web dédiés, au départ, pour déficients visuels et public sourd, utilisant leur propre média comme mode d’accès, orientés respectivement, usage rapide et langue LSF). A ce niveau, nous avons préparé un argumentaire a des questionnements légitimes tels que: Le site dédié est-il un sous site? est il pas soumis aux contrôles d’accessibilité  , de la même façon que le site général? Problème Solution Le Volet accessibilité dans le projet "refonte site web " 9

Mission : Expertise (content server : FATWIRE) 10 Principe de fonctionnement d’un outil de gestion de contenu Production des services Recommandation Bloc d’informations Utilisation Service (Asset) Code source généré conforme aux normes du W3C Durée parole : 1 minutes Un outil de gestion de contenu est un outil qui permet aux développeurs de réaliser des composants (services ou assets) , correspondant à l’intégration d’une image par exemple, une vidéo, un bloc d’information , ou bien une action sur les objets cités précédemment, dans une page Web. Ces composants sont utilisés par des contributeurs , qui ne sont pas forcément des informaticiens. A l’aide de cette stratégie, les pages seront homogènes mais pas forcément conformes aux normes d’accessibilité. Production de pages Web Production de pages homogènes et séparation du contenu de la forme. Le Volet accessibilité dans le projet "refonte site web " 10

Le Volet accessibilité dans le projet "refonte site web " Mission : Expertise (content server : FATWIRE) 11 Asset RGAA* Point de contrôle 1.1 Test 1.1.1 296 Tests Test correspondant Code source généré Analyse de l’asset et du code résultant Durée parole : 2 minutes C’est pour cette raison que , j’ai du appliquer les tests techniques (296 test )du référentiel général d’accessibilité des administration, sur le code généré par les assets. Ensuite, Recenser les anomalies, et donner les solutions pour les différents utilisateurs (développeurs, contributeurs). Parmi les anomalies recensées, le cas de l’insertion d’une vidéo, ou le test du RGAA (une adaptation du W3C), se base sur la présence de certains éléments dans le code de la page, et en fonction de cela, il donne des solutions techniques. La Cité des Sciences prévoit une autre technique qui génère un autre type d’éléments, non prévus par le RGAA. J’ai du trouver la solution correspondante en dehors du W3C et RGAA. Solution Amélioration des services Solution Exploitation Des services Performances de l’outil RGAA : Référentiel général de l’accessibilité des administrations Le Volet accessibilité dans le projet "refonte site web " 11

Le Volet accessibilité dans le projet "refonte site web " Mission : Expertise (content server : FATWIRE) 12 Apport de l’outil Content Server FATWIRE / Thème . Durée parole : 2 minutes Les résultats des tests ont été traduits sous formes de diagrammes en camembert, traduisant les performances de l’outil , par thème, et non pas par niveau de priorité A, AA, AAA. L’expertise a montré des faiblesses , particulièrement , en terme d’accessibilité des médias et contenu non textuel (0%). Au niveau de la compréhension, nous remarquons que l’apport de l’outil est de 17% (en bleu) , ceci est du au fait, que la réussite de la majorité des tests correspondants dépend des contributeurs. Le Volet accessibilité dans le projet "refonte site web " 12

Le Volet accessibilité dans le projet "refonte site web " Mission : Inventaire, analyse et classification hiérarchique des offres 13 Démarche Choix de critères d’évaluation d’accessibilité/type de handicap Classification Durée parole : 1 minute La démarche adoptée est comme suit : a. Conception de fiches, permettant de regrouper de façon structurée toutes les caractéristiques d’une offres ; b. proposition d’une méthode d’évaluation de l’accessibilité des offres; c. Déduction d’un état récapitulatif des offres accessibles par type de handicap. Le Volet accessibilité dans le projet "refonte site web " 13

Le Volet accessibilité dans le projet "refonte site web " Mission : Spécifications des sites Web dédiés Site dédié (Portail accessibilité) Accéder autrement, en tenant compte du média adapté à chaque type de handicap 14 Spécifications techniques guide « Culture est Handicap – Guide pratique accessibilité» Et finalement , par souci de besoin d’amélioration et de mise à jour par rapport à ce qui se fait ailleurs, je me suis chargé de la mission de benchmark des sites web de Références, dans laquelle, j’ai recensé tout ce qui se fait dans le domaine de l’accessibilité numérique et des œuvres culturelles, et aussi de ce qui ne s’est pas fait. Sur l’ensemble des sites Web benchmarkés (analysé et comparés), aucun musée ne propose un catalogue des offres accessibles avec une application permettant la composition d’un parcours adapté.  Argumentaire ( sous site ? Accessible ?) Le Volet accessibilité dans le projet "refonte site web " 14

Le Volet accessibilité dans le projet "refonte site web " Mission : Benchmark des sites Web de référence 15 Benchmark Le benchmark est une démarche d’observation et d’analyse des pratiques utilisées par la concurrence ou par des secteurs d’activité pouvant avoir des modes de fonctionnement réutilisables par l’entreprise Accessibilité numérique et Aide à la préparation des visiteurs handicapés dans un établissement culturel ( 60 sites analysés) Et finalement , par souci de besoin d’amélioration et de mise à jour par rapport à ce qui se fait ailleurs, je me suis chargé de la mission de benchmark des sites web de Références, dans laquelle, j’ai recensé tout ce qui se fait dans le domaine de l’accessibilité numérique et des œuvres culturelles, et aussi de ce qui ne s’est pas fait. Sur l’ensemble des sites Web benchmarkés (analysé et comparés), aucun musée ne propose un catalogue des offres accessibles avec une application permettant la composition d’un parcours adapté. Le Volet accessibilité dans le projet "refonte site web " 15

Amélioration de la méthode d’analyse de l’accessibilité Bilan & Perspectives 16 Inventaire , analyse de l’accessibilité des offres Inventaire des offres Base de données Structurées des offres La base de données de la mission « Inventaire », servira à la mise en place d’une application permettant l’alimentation de façon continuelle le site Internet, le catalogue des offres accessibles et choix d’un parcours adapté. Mise à jour du site Web Mise à jour du catalogue Composition de parcours dynamique Suivi des offres de la Cité Amélioration de la méthode d’analyse de l’accessibilité Le Volet accessibilité dans le projet "refonte site web " 16

Amélioration des assets Bilan & Perspectives 17 Expertise Outil de gestion de contenu Amélioration des assets Formation Le RGAA (Référentiel général d’accessibilité des administrations) Durée parole : 1 minute La mission expertise de l’outil de gestion de contenu incitera à lancer un programme de formation des contributeurs et une amélioration de l’exploitation de l’outil par les développeurs. Un débat sur les retours de l’expertise est prévu avec l’équipe de l’un des co-rédacteur du RGAA. CO-Rédacteur RGAA Tests inadaptés Contact Le Volet accessibilité dans le projet "refonte site web " 17

Le Volet accessibilité dans le projet "refonte site web " Conclusion 18 L’accessibilité sur tous les plans ( des offres, de l’outil de production de contenu, des pages WEB) Richesse du travail collaboratif avec une équipe pluridisciplinaire de professionnels . Finalement, grâce à ce stage, J’ai découvert le plaisir de travailler dans une équipe pluridisciplinaire de professionnels , et de toucher à l’analyse de l’accessibilité sur tous les plans. Le Volet accessibilité dans le projet "refonte site web " 18

Le Volet accessibilité dans le projet "refonte site web " Remerciements 19 Equipe Cité des Sciences et de l’Industrie Equipe pédagogique Master technologie et Handicap, Université Paris 8 Finalement, grâce à ce stage, J’ai découvert le plaisir de travailler dans une équipe pluridisciplinaire de professionnels , et de toucher à l’analyse de l’accessibilité sur tous les plans. Le Volet accessibilité dans le projet "refonte site web " 19

Inventaire, analyse et classification hiérarchique des offres 20 Exemple : La cité des enfants 2-7ans (Méthode d’évaluation) I. Mes capacités Les tubes sonores Les tubes à odeurs La boule aux objets Le mur de la souplesse Les carrés à toucher Durée parole : 2 minutes Exemple, pour évaluer l’accessibilité de l’exposition «  la cité des enfants 2-7ans », j’ai pris en compte l’analyse élémentaire de ses cinq espaces thématiques : 1. Je me découvre, 2. Je sais faire, 3. Je me repère, 4. J’expérimente, 5. Tout ensemble. Si on se concentre sur le thème «  Je me découvre », à son tour, il se divise en sous-thèmes:  Mes capacités qui se divise également en éléments de jeu : 1. Les tubes sonores 2. Les tubes à odeurs 3. La boule aux objets 4. Le mur de la souplesse 5. Les carrés à touche. Avec la collaboration des membres de la cellule accessibilité, nous nous sommes mis d’accord sur des critères nous permettant de juger de l’accessibilité de l’élément de l’offre, par type de handicap. Exemple de critères pour déficients visuels: en plus des de la présence des éléments polysensoriels (objets à toucher, maquettes…), nous avons pris en considération, l’aspect ludique, la durée moyenne nécessaire, nécessité d’un accompagnement … Application de critères d’évaluation d’accessibilité/type de handicap Le Volet accessibilité dans le projet "refonte site web " 20

Inventaire, analyse et classification hiérarchique des offres 21 EVALUATION OFFRE Présentation cachée ,prévue en réserve en cas de questions. Elle décrira le catalogue des offres . Le Volet accessibilité dans le projet "refonte site web " 21

Inventaire, analyse et classification hiérarchique des offres 22 Exemple : FICHE MODELE Présentation cachée ,prévue en réserve en cas de questions. Elle décrira le catalogue des offres . Le Volet accessibilité dans le projet "refonte site web " 22

Inventaire, analyse et classification hiérarchique des offres 23 LE DECOUPAGE THEMATIQUE Présentation cachée ,prévue en réserve en cas de questions. Elle décrira le catalogue des offres . Le Volet accessibilité dans le projet "refonte site web " 23

Mission: Expertise Outil de gestion de gestion de contenu 24 Exemple : « Asset vidéo » Retour Présentation cachée ,prévue en réserve en cas de questions. Elle décrira le catalogue des offres . Le Volet accessibilité dans le projet "refonte site web " 24

Mission: Expertise Outil de gestion de gestion de contenu 25 Code source généré par « l’asset Vidéo » Présentation cachée ,prévue en réserve en cas de questions. Elle décrira le catalogue des offres . Le Volet accessibilité dans le projet "refonte site web " 25

Mission: Expertise Outil de gestion de gestion de contenu 26 Présentation cachée ,prévue en réserve en cas de questions. Elle décrira le catalogue des offres . Le Volet accessibilité dans le projet "refonte site web " 26

Mission: Expertise Outil de gestion de gestion de contenu 27 Contenu Multimédia Présentation cachée ,prévue en réserve en cas de questions. Elle décrira le catalogue des offres . Le Volet accessibilité dans le projet "refonte site web " 27

Mission: Expertise Outil de gestion de gestion de contenu 28 Compréhension Présentation cachée ,prévue en réserve en cas de questions. Elle décrira le catalogue des offres . Le Volet accessibilité dans le projet "refonte site web " 28