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

4.
Accessibiliquoi ?

5.
Dessin : Daniel Sauvageau, pour Atalan

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.
#2 DES OBJECTIFS RÉALISTES

8.
#2 DES OBJECTIFS RÉALISTES

9.
#3 INTÉGRER L’ACCESSIBILITÉ À CHAQUE ÉTAPE DU PROJET
http://blog.atalan.fr/grille-contrastes-accessibilite-charte-graphique/

10.
#3 INTÉGRER L’ACCESSIBILITÉ À CHAQUE ÉTAPE DU PROJET
http://blog.atalan.fr/grille-contrastes-accessibilite-charte-graphique/

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.
#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.
« L’accessibilité permet
indirectement d’améliorer
le référencement,
l’ergonomie
et la qualité d’un site »

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.
#4 LATRANSPARENCE DU NIVEAU D’ACCESSIBILITÉ

16.
Contenus

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.
2013

19.
Il n’existe pas de bons ni de mauvais CMS,
mais nous avons besoin d’un CMS
qui accompagne le contributeur

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.
Jérémie Juraver
Chef de projet digital
@jjuraver
Sébastien Delorme
Responsable a11y, associé
@sebcbien