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

404 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
0 commentaire
1 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

Aucun téléchargement
Vues
Nombre de vues
404
Sur SlideShare
0
Issues des intégrations
0
Intégrations
129
Actions
Partages
0
Téléchargements
2
Commentaires
0
J’aime
1
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive
  • 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,
  • 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

    ×