1  Intégrer laccessibilitédans une démarche qualité          #www2012
2Paris-WebAssociation de bénévolesPromouvoir le développement web de qualitéConférence annuelleParis Web 2012 – 18 au 20 o...
3Sébastien Delorme                Delphine Malassingne@sebcbien                        @nissoneResponsable accessibilité  ...
4PlanObjectifAccessibilité numériqueUne petite histoire4 constats, 4 principes
5             ObjectifPas convaincreÉviter les situations d’échecIntégrer l’accessibilitédans une démarche continue
6     Accessibilité numériqueServir contenu et fonctionnalités d’un siteou d’une application quel que soit le cadred’utili...
7L’histoire de Léonard
8 Moi, jutiliserais jamais de téléporteur car le Sheldondorigine serait désintégré…
9                                                    Moi, jutiliserais jamais de                                          ...
10                                      Moi, jutiliserais jamais de                                      téléporteur car l...
11              Sheldon Cooper                                      Moi, jutiliserais jamais de                           ...
12              Sheldon Cooper                                      Moi, jutiliserais jamais de                           ...
13                                       Aujourd’hui j’ai fait                                       une conférence sur   ...
14ÉpilogueRésultat décevantPerte de tempsDécouragement
15Constat #1 Charte basée sur les 3 couleurs primaires Déclinées pour les titres
16Constat #1 Penser aux contrastes dans la charte graphique
17Principe #1 L’accessibilité en amont
18Principe #1 Anticipation pour choix fonctionnels et techniques Gestion du temps Signal fort au marché
19Principe #1 Choisir une direction et se fixer des objectifs Chartes, cahiers des charges, spécifications… Pas un paragra...
20Par rapport à l’histoire de Léonard             Anticiper             l’emplacement des             sous-titres et de   ...
21Constat #2 Initiative isolée dans une chaine de production Des efforts rapidement perdus
22Constat #2 Sensibiliser et communiquer Trouver des soutiens
23Principe #2 Un sponsor
24Principe #2 Responsabiliser Favoriser les échanges Faciliter l’appropriation collective des pratiques
25Principe #2 Convaincre ! Utiliser des arguments ciblés et adaptés Pas un sponsor expert Un sponsor convaincu
26Par rapport à l’histoire de Léonard             Obtenir le brief de             l’interview             Intégrer les cha...
27Constat #3 Un(e) super expert(e) Manque de visibilité, découragement & confrontations
28Constat #3 Répartir les tâches Faire participer chaque intervenant
29Principe #3 Répartition des responsabilités
30Principe #3 Répartir en petits lots Construire collectivement la compétence Intégrer l’accessibilité dans les automatism...
31Principe #3 Sensibilisation par métier Fiches Accompagnement Formation (quand cela est possible)
32Par rapport à l’histoire de Léonard             Le sous-titrage aurait             pu directement être             réali...
33Constat #4 Excellent niveau visé et atteint …perdu 3 mois après la mise en ligne
34Constat #4 Échelonner les objectifs à atteindre Mettre en ligne, améliorer, mettre en ligne, améliorer…
35Principe #4 Amélioration continue
36Principe #4 Tout ne peux pas être traité d’un coup et être pérenne Cycle itératif permet de mesurer progrès
37Principe #4 Pas par monobloc Multi-touches organisées, priorisées et réparties
38Accessibilité en démarche qualité            Direction fixée en amont            Soutien transverse            Montée en...
39Paris Web – http://www.paris-web.frSébastien Delorme – http://ideance.netDelphine Malassingne – http://nissone.comAtalan...
40Crédits photos :jagedalo, Sébastien Delorme, Atalan, iirraa, Honou, Thomas Hawk, freya.gefn, Biblioteca deArte-Fundação ...
Prochain SlideShare
Chargement dans…5
×

Intégrer l'accessibilité dans une démarche qualité

1 870 vues

Publié le

Publié dans : Technologie
  • Soyez le premier à commenter

Intégrer l'accessibilité dans une démarche qualité

  1. 1. 1 Intégrer laccessibilitédans une démarche qualité #www2012
  2. 2. 2Paris-WebAssociation de bénévolesPromouvoir le développement web de qualitéConférence annuelleParis Web 2012 – 18 au 20 octobre@parisweb – #parisweb
  3. 3. 3Sébastien Delorme Delphine Malassingne@sebcbien @nissoneResponsable accessibilité Responsable qualiténumérique et associé chez Ekinochez Atalan Accessibilité numérique et Plateformes digitales sensibilisation au handicap Conception, réalisation, exploitation
  4. 4. 4PlanObjectifAccessibilité numériqueUne petite histoire4 constats, 4 principes
  5. 5. 5 ObjectifPas convaincreÉviter les situations d’échecIntégrer l’accessibilitédans une démarche continue
  6. 6. 6 Accessibilité numériqueServir contenu et fonctionnalités d’un siteou d’une application quel que soit le cadred’utilisation de l’internaute(matériel, logiciel, contextuel)
  7. 7. 7L’histoire de Léonard
  8. 8. 8 Moi, jutiliserais jamais de téléporteur car le Sheldondorigine serait désintégré…
  9. 9. 9 Moi, jutiliserais jamais de téléporteur car le Sheldon dorigine serait désintégré…Transcript :Sheldon : moi, j’utiliserais jamais de téléporteur car le Sheldon d’origine serait désintégré
  10. 10. 10 Moi, jutiliserais jamais de téléporteur car le Sheldon dorigine serait désintégré… Moi j’utiliserais jamais de téléporteurTranscript :Sheldon : moi, j’utiliserais jamais de téléporteur car le Sheldon d’origine serait désintégré
  11. 11. 11 Sheldon Cooper Moi, jutiliserais jamais de téléporteur car le Sheldon dorigine serait désintégré… Moi j’utiliserais jamais de téléporteurTranscript :Sheldon : moi, j’utiliserais jamais de téléporteur car le Sheldon d’origine serait désintégré
  12. 12. 12 Sheldon Cooper Moi, jutiliserais jamais de téléporteur car le Sheldon dorigine serait désintégré… Moi j’utiliserais jamais de téléporteurTranscript :Sheldon : moi, j’utiliserais jamais de téléporteur car le Sheldon d’origine serait désintégré
  13. 13. 13 Aujourd’hui j’ai fait une conférence sur l’accessibilité Web, plus précisément sur... Transcript : Moi j’utiliserais jamais de téléporteur Yannick Pavard (Sys-Tech) : aujourd’hui j’ai fait une conférence sur l’accessibilité Web, plus précisément sur un standard au Gouvernement qui s’appelle SGQuery-008 qui est pas mal influencé des WCAG et ma présentation était plutôt axée sur l’intégration avec les CMS. J’avais pris les CMS Wordpress et Typo3 comme outils de démonstration…Transcript :Sheldon : moi, j’utiliserais jamais de téléporteur car le Sheldon d’origine seraitdésintégré
  14. 14. 14ÉpilogueRésultat décevantPerte de tempsDécouragement
  15. 15. 15Constat #1 Charte basée sur les 3 couleurs primaires Déclinées pour les titres
  16. 16. 16Constat #1 Penser aux contrastes dans la charte graphique
  17. 17. 17Principe #1 L’accessibilité en amont
  18. 18. 18Principe #1 Anticipation pour choix fonctionnels et techniques Gestion du temps Signal fort au marché
  19. 19. 19Principe #1 Choisir une direction et se fixer des objectifs Chartes, cahiers des charges, spécifications… Pas un paragraphe Dilution dans les contenus
  20. 20. 20Par rapport à l’histoire de Léonard Anticiper l’emplacement des sous-titres et de l’audio-description
  21. 21. 21Constat #2 Initiative isolée dans une chaine de production Des efforts rapidement perdus
  22. 22. 22Constat #2 Sensibiliser et communiquer Trouver des soutiens
  23. 23. 23Principe #2 Un sponsor
  24. 24. 24Principe #2 Responsabiliser Favoriser les échanges Faciliter l’appropriation collective des pratiques
  25. 25. 25Principe #2 Convaincre ! Utiliser des arguments ciblés et adaptés Pas un sponsor expert Un sponsor convaincu
  26. 26. 26Par rapport à l’histoire de Léonard Obtenir le brief de l’interview Intégrer les charges au planning
  27. 27. 27Constat #3 Un(e) super expert(e) Manque de visibilité, découragement & confrontations
  28. 28. 28Constat #3 Répartir les tâches Faire participer chaque intervenant
  29. 29. 29Principe #3 Répartition des responsabilités
  30. 30. 30Principe #3 Répartir en petits lots Construire collectivement la compétence Intégrer l’accessibilité dans les automatismes de production de chacun
  31. 31. 31Principe #3 Sensibilisation par métier Fiches Accompagnement Formation (quand cela est possible)
  32. 32. 32Par rapport à l’histoire de Léonard Le sous-titrage aurait pu directement être réalisé par l’équipe vidéo
  33. 33. 33Constat #4 Excellent niveau visé et atteint …perdu 3 mois après la mise en ligne
  34. 34. 34Constat #4 Échelonner les objectifs à atteindre Mettre en ligne, améliorer, mettre en ligne, améliorer…
  35. 35. 35Principe #4 Amélioration continue
  36. 36. 36Principe #4 Tout ne peux pas être traité d’un coup et être pérenne Cycle itératif permet de mesurer progrès
  37. 37. 37Principe #4 Pas par monobloc Multi-touches organisées, priorisées et réparties
  38. 38. 38Accessibilité en démarche qualité Direction fixée en amont Soutien transverse Montée en compétence de tous les intervenants Cycle itératif d’amélioration continue
  39. 39. 39Paris Web – http://www.paris-web.frSébastien Delorme – http://ideance.netDelphine Malassingne – http://nissone.comAtalan – http://atalan.frEkino – http://ekino.comNotices par métier – http://accede-web.com/ (à partir de juin 2012) WWW 2012 – www2012.wwwconference.org
  40. 40. 40Crédits photos :jagedalo, Sébastien Delorme, Atalan, iirraa, Honou, Thomas Hawk, freya.gefn, Biblioteca deArte-Fundação Calouste Gulbenkian, eindienstag, Andy Ciordia, Mervi of Tomato Branch,Ndecam, Géricault Le Radeau de la Méduse

×