Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Un projet d’accessibilité réussi avec SNCF Réseau

488 vues

Publié le

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 ?

Publié dans : Internet
  • Soyez le premier à commenter

Un projet d’accessibilité réussi avec SNCF Réseau

  1. 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. 2. Sébastien Delorme Responsable accessibilité numérique, associé @sebcbien
  3. 3. Jérémie Juraver Chef de projet digital @jjuraver
  4. 4. Accessibiliquoi ?
  5. 5. Dessin : Daniel Sauvageau, pour Atalan
  6. 6. #1 DÉFINIR LE NIVEAU D’ACCESSIBILITÉ WCAG AccessiWebRGAA 2.0 3.0 HTML5/ARIA A AA AAA A AA AAA A AA AAA
  7. 7. #2 DES OBJECTIFS RÉALISTES
  8. 8. #2 DES OBJECTIFS RÉALISTES
  9. 9. #3 INTÉGRER L’ACCESSIBILITÉ À CHAQUE ÉTAPE DU PROJET http://blog.atalan.fr/grille-contrastes-accessibilite-charte-graphique/
  10. 10. #3 INTÉGRER L’ACCESSIBILITÉ À CHAQUE ÉTAPE DU PROJET http://blog.atalan.fr/grille-contrastes-accessibilite-charte-graphique/
  11. 11. #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
  12. 12. #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/
  13. 13. « L’accessibilité permet indirectement d’améliorer le référencement, l’ergonomie et la qualité d’un site »
  14. 14. #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
  15. 15. #4 LATRANSPARENCE DU NIVEAU D’ACCESSIBILITÉ
  16. 16. Contenus
  17. 17. #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é
  18. 18. 2013
  19. 19. Il n’existe pas de bons ni de mauvais CMS, mais nous avons besoin d’un CMS qui accompagne le contributeur
  20. 20. #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é
  21. 21. Jérémie Juraver Chef de projet digital @jjuraver Sébastien Delorme Responsable a11y, associé @sebcbien

×