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 ?
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/
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
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é
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é