Un projet d’accessibilité réussi avec SNCF Réseau
•Télécharger en tant que PPTX, PDF•
1 j'aime•591 vues
L’accessibilité numérique, un mot qui – malheureusement encore – fait souvent peur. Pour chasser les idées reçues et vous donner les premières clés pour la prise en compte naturelle de l’accessibilité, pourquoi ne pas s’appuyer sur un cas concret ? Découvrez avec SNCF Réseau quelle méthodologie mettre en place, quelles contraintes cela impose et comment enfin exploiter au quotidien cette obligation ?
Recommandé
Recommandé
Contenu connexe
En vedette
Similaire à Un projet d’accessibilité réussi avec SNCF Réseau
Similaire à Un projet d’accessibilité réussi avec SNCF Réseau (20)
Un projet d’accessibilité réussi avec SNCF Réseau
- 1. 1er avril 2016 UN PROJET D’ACCESSIBILITÉ RÉUSSI AVEC SNCF RÉSEAU Jérémie Juraver – SNCF Réseau Sébastien Delorme – Atalan
- 2. Sébastien Delorme Responsable accessibilité numérique, associé @sebcbien
- 3. Jérémie Juraver Chef de projet digital @jjuraver
- 6. Dessin : Daniel Sauvageau, pour Atalan
- 8. #1 DÉFINIR LE NIVEAU D’ACCESSIBILITÉ WCAG AccessiWebRGAA 2.0 3.0 HTML5/ARIA A AA AAA A AA AAA A AA AAA
- 11. #2 DES OBJECTIFS RÉALISTES
- 12. #2 DES OBJECTIFS RÉALISTES
- 13. #3 INTÉGRER L’ACCESSIBILITÉ À CHAQUE ÉTAPE DU PROJET http://blog.atalan.fr/grille-contrastes-accessibilite-charte-graphique/
- 14. #3 INTÉGRER L’ACCESSIBILITÉ À CHAQUE ÉTAPE DU PROJET http://blog.atalan.fr/grille-contrastes-accessibilite-charte-graphique/
- 15. #3 INTÉGRER L’ACCESSIBILITÉ À CHAQUE ÉTAPE DU PROJET Guidelines ergonomiques prenant en compte l’accessibilité Des maquettes graphiques pleinement accessibles Seulement 3 retours pour modifications par Atalan
- 16. #3 INTÉGRER L’ACCESSIBILITÉ À CHAQUE ÉTAPE DU PROJET Des spécifications SEO allant dans le sens de l’accessibilité Un seul point de divergence pour lequel un compromis a été trouvé Sans impact négatif ni sur l’accessibilité ni sur le SEO. Fait désormais l’objet d’une remarque dansAcceDeWeb http://www.accede-web.com/notices/html-css-javascript/1- structure/1-7-hierarchie-titres-logique-h1-h6/
- 17. « L’accessibilité permet indirectement d’améliorer le référencement, l’ergonomie et la qualité d’un site »
- 18. #3 INTÉGRER L’ACCESSIBILITÉ À CHAQUE ÉTAPE DU PROJET Des échanges réguliers avecAtalan Discussions et échanges sur la base des maquettes graphiques Sur les éléments identifiés comme complexes un choix de composants adaptés Par exemple : Accessible Mega Menu (Adobe) https://adobe-accessibility.github.io/Accessible-Mega-Menu/ Des recettes accessibilité régulières des gabarits et développements
- 19. #4 LATRANSPARENCE DU NIVEAU D’ACCESSIBILITÉ
- 23. Contenus
- 24. #5 SENSIBILISER, FORMER ET GUIDER LES CONTRIBUTEURS Un guide de contribution unique pour prendre en compte accessibilité & SEO http://www.accede-web.com/notices/editoriale/ Un réglage du CMS et de l’éditeur de texte riche pour faciliter au mieux la prise en compte de l’accessibilité
- 25. 2013
- 26. Il n’existe pas de bons ni de mauvais CMS, mais nous avons besoin d’un CMS qui accompagne le contributeur
- 27. #6 PRISE EN COMPTE SYSTÉMATIQUE DE L’ACCESSIBILITÉ Suivi des maintenances évolutives et correctives Les prochaines étapes La correction des points laissés en suspens La suppression des CAPTCHA La correction des contenus importés de l’ancien site L’ajout d’un glossaire Mise à jour de la page accessibilité
- 28. Jérémie Juraver Chef de projet digital @jjuraver Sébastien Delorme Responsable a11y, associé @sebcbien
Notes de l'éditeur
- Présentation d’Atalan + présentation de Sébastien. Je profite de cette introduction pour remercier chaleureusement « SNCF Réseau » (et en particulier Cécile Laufer, Michaël Schwab, Romain Bertrand et Jérémie Juraver) pour leur implication et leur accord pour le partage de ce retour d’expérience.
- Présentation de SNCF Réseau + présentation de Jérémie.
- Seules les étapes du projet pour lesquelles le sujet de l’accessibilité pouvait avoir un impact sont présentées dans ce retour d’expérience. Ainsi, par exemple, les réflexions et le travail menés autour des noms de domaine, de l’arborescence et des performances du site n’y figurent pas. Avant d’entrer dans le vif du sujet, je vous propose ci-dessous une courte présentation des acteurs du projet avec pour chacun leurs rôles et leur périmètre d’actions : SNCF Réseau - Communication Prise de décision et validation. Coordination interne. SNCF Réseau - Technique Support technique. Coordination interne Havas Pilotage global. Coordination des intervenants. Mise en place de la méthodologie et du suivi du projet. Organisation de sessions d’ateliers thématiques avec recueil des besoins. Conception ergonomique et création graphique. Rédaction des spécifications fonctionnelles. Just Search Formalisation des bonnes pratiques de référencement. Conseil et assistance sur le sujet du référencement tout au long du projet. Dixxit Architecture de l’information et format de contenus. Création d’une charte éditoriale. Mise en place de la méthodologie de production et d’animation des contenus. Production et traduction des contenus textes et des infographies. Intégration des contenus. Sopra Steria Formalisation des contraintes techniques initiales. Conseil, recommandations et assistance technique. Développement, tests et recette. Mise en ligne du site. Atalan Formalisation des spécifications d’accessibilité. Conseil et assistance sur le sujet de l’accessibilité tout au long du projet.
- Rappeler ce qu’est l’accessibilité numérique.
- Rappeler ce qu’est l’accessibilité numérique.
- Faire une démonstration sur le site : Lecteur d’écran Agrandissement taille de texte Changement contrastes
- Présenter les différents référentiels + avantages / inconvénients Préciser le choix sur le projet SNCF Réseau
- Présenter les différents référentiels + avantages / inconvénients Préciser le choix sur le projet SNCF Réseau
- Qui connait AcceDe Web ?
- Présenter AcceDe Web + la démarche utilisée pour écrire des spécifications projet accessibilité
- Présenter AcceDe Web + la démarche utilisée pour écrire des spécifications projet accessibilité
- L’accessibilité nourrit le SEO, l’ergonomie,