Accessibilité et industrialisation

 

Retour d’expérience

Anne Cavalier - Direction de l’information légale et administrative

Contexte
Avant-projet
Développement

 

 

Conclusion

Contexte

 

La structure

Le projet

L’accessibilité à la DILA

 

Service du Premier ministre (donc RGAA)

9 sites

4 experts accessibilité

1 presta d’accompagnement

a11y un des volets de la qualité web (4+ référentiels)

 

BIEN

  • démarche globale
  • disponibilité experts
  • décisions collégiales

 

 

MAIS…

  • parfois “zappés”
  • uniquement dev front
  • 400+ critères

 

Vos droits, annuaire, démarches en ligne

 

10 millions de visiteurs/ mois

178 000+ pages

 

Début refonte : 9/2014, sortie publique : 9/2015

3 principaux prestataires

 

cycle en V / méthode agile

distant / plateau

 

Exigences : a11Y, perf, sécu, mobilité, ergo, qualité de service, seo

Avant-projet

 

Les appels d’offres

Le cadrage

Les appels d’offres

 

une bataille homérique

 

Mention
« respecter le RGAA »

=

pile ou face ?

 

  • Niveau d'exigence précis
  • Critère de sélection
  • Conditions d'acceptance de livraison
  • Participation à la sélection

 

 

presta conforme aux attentes

 

 

 

 

de la bonne volonté

 

Le cadrage

 

À RETENIR

 

Utile pas seulement pour les presta
mais aussi les chefs de projet/produit et décideurs

 

Participation à une réunion de présentation de l’un des presta

Présence à la réunion de lancement de l’un des deux sous-projets

Présence systématique aux réunions d’étapes importantes

Questions, propositions

Celles qui font grincer

 

 

  • C’est quoi l’accessibilité ?
  • Ouvrez des tickets après votre audit quand le site sera prêt
  • Je vous envoie un devis pour former nos développeurs
  • Mais faut vraiment respecter tout ?

Questions

Celles qui font plaisir

 

 

  • On n’y connaît rien, pouvez-vous nous aider ?
  • Quelle méthodologie sera le mieux adaptée ?
  • Où peut-on trouver des documentations ?
  • Y aura-t-il un expert sur le plateau ?
  • Peut-on organiser une présentation pour les développeurs ?

Questions

Celles qui piquent un peu

 

 

  • Quels outils de contrôle automatique [back] suggérez-vous ?
  • Quel pourcentage est-il couvert par les outils de contrôle ?
  • Avez-vous un framework front à recommander ?

Développement

Cycle en V

Agile

 

Combien ça coûte ?

Cycle en V

  1. Audit des livraisons intermédiaires
  2. Ouverture de tickets avec préconisations
  3. Contrôle des corrections
  4. Audit complet
  5. Retournez à la case 1

 

BILAN

Débuts très difficiles la première année

Nette amélioration après désignation d'un correspondant formé EAE côté presta

 

 

AVANTAGES

  • intervention des experts concentrée dans le temps
  • capitalisation en interne (problème / préco)
  • méthodo de reporting facile

 

 

INCONVÉNIENTS

  • négociations techniques et financières
  • difficultés de propagation des corrections hors échantillon
  • peu de capitalisation côté dev
  • accessibilité vécue en « surcouche »

 

Méthode agile

après tâtonnements…

Cycle

 

 

  1. Participation à l’écriture des scénarios / user stories
  2. Revue a11y parallèle à revue code
  3. Corrections parfois en duo (pair-coding)
  4. Audit de pages quand fonctionnalités complètes
  5. Audit complet uniquement pour attestation annuelle

 

Dispositif

 

 

  • Sensibilisation systématique nouveaux arrivants
  • 5 minutes par démo
  • Ateliers dédiés sur difficultés répétées
  • Participation à tous les rituels
  • Permanence sur le plateau
  • Accompagnement variable 2j/s - 2j/mois

Entendu sur le plateau

Quand on se dit que des graines ont été plantées

 

 

 

  • Tous : C'est quoi la prochaine démo a11y ?
  • Développeur : Je bosse sur un autre projet, j'ai ajouté dans les DOD la nav clavier !
  • Product Owner : Tu pourrais faire une sensibilisation chez nous ?
  • Chef de projet : Est ce que ça ira pour l'accessibilité si...
  • Graphiste : Tavu j'ai fait attention aux contrastes sur les messages d'erreurs

 

À NOTER

 

Il est beaucoup plus facile de faire adhérer à la démarche d’accessibilité dans des projets centrés sur l'utilisateur
et/ou une forte valeur de service public

 

 

 

EN POSITIF

  • prévention des risques à la rédaction des user stories
  • meilleure compréhension des impacts pour l’utilisateur
  • acquisition facilitée par le pair-coding
  • transfert de compétences dans les deux sens
  • expert d'accompagnement pour les points complexes,
    arbitrages, vue macro, ateliers

 

 

À AMÉLIORER

  • intégrer des tests automatiques
  • + de participation aux US
  • + de pair coding ou ateliers
  • capitaliser les composants pour d’autres projets

 

Combien ça coûte ?

Prestations

 

 

  • Accompagnement 40 000 € global dont 15 000 € service-public
  • Avenants au contrat sur l'un des marchés : <beaucoup>
  • 1% à 3% du budget global

 

BILAN

  • Mauvaise prévention des “rallonges”
  • Coût global proportionnel pas si lourd que préjugés

 

Combien ça coûte ?

Temps experts internes

 

 

Environ 1 équivalent temps plein
réparti sur 3 personnes depuis deux ans

 

DIFFICULTÉS

  • Rendre dispo plusieurs personnes sur certaines périodes
  • Proportion non négligeable sur une équipe de 7…
  • Pas assez de capitalisation pour d’autres projets

 

Conclusion

 

 

 

Ce qui a marché

 

Gestion de projet

  • prise en compte à l’appel d'offres / cahier des charges
  • présence systématique aux réunions d'étape
  • disponibilité d'expert(s) sur le plateau
  • sensibilisation de *tous* les acteurs
  • insertion dans démarche globale

 

Développement

  • participation à l’expression de besoin ou user story
  • recours à un expert externe (au projet ou à la structure)
  • ateliers ou pair coding sur de vrais composants
  • démonstrations liées à la vie du projet

 

Ce qui manque encore

 

Gestion de projet

  • systématiser notre présence en amont et aux étapes importantes
  • n’avoir qu’un seul référentiel (on y travaille…)

 

Développement

  • un centre de ressources de code (on y travaille aussi…)
  • déploiement de tests unitaires automatisés (hors navigateur)
  • faire plus d’ateliers en groupe ou à deux

 

Merci !

 

https://slides.com/annecav/deck-4/

 

anne.cavalier@dila.gouv.fr

@annecav_pidila

 

 

 

A11y et industrialisation

By Anne Cavalier

A11y et industrialisation

Retour d'expérience sur la prise en compte de l'accessibilité dans un projet web industrialisé - Séminaire Accessiweb, 28 septembre 2016

  • 2,138