Upgrade to Pro — share decks privately, control downloads, hide ads and more …

L’accessibilité au delà des specs

L’accessibilité au delà des specs

L’accessibilité doit être considérée dès le début d’un projet. Ce n’est pas une fonctionnalité que l’on ajoute au bon vouloir du client ou du budget. En partie, car c’est un sujet extrêmement vaste, parfois difficile à cerner.

Dans cette conférence abordable et pratique, Hugo vous propose de découvrir ce qu’est l’accessibilité au delà des spécifications, comment elle se confond peu à peu avec le design inclusif, et ce que c’est que de concevoir des produits pour tout le monde.

729edf889ced7863dedba95452272bca?s=128

Hugo Giraudel

October 04, 2018
Tweet

Transcript

  1. L’accessibilité au delà des specs @HugoGiraudel — Accessibility advocate @N26

    (Berlin, Germany) October 4th 2018
  2. Qu’est-ce que l’accessibilité ? @HugoGiraudel

  3. Un ensemble de standards @HugoGiraudel

  4. Des interfaces pour tous @HugoGiraudel

  5. Empathie @HugoGiraudel

  6. Ne pas être égoïste @HugoGiraudel

  7. Design inclusif @HugoGiraudel

  8. Retour d’expérience @HugoGiraudel

  9. Handicaps & déficiences @HugoGiraudel

  10. Visuels @HugoGiraudel

  11. Moteurs @HugoGiraudel

  12. Cognitifs @HugoGiraudel

  13. Auditifs @HugoGiraudel

  14. Vocaux @HugoGiraudel

  15. Contexte @HugoGiraudel

  16. Permanent @HugoGiraudel

  17. Temporaire @HugoGiraudel

  18. Situationnel @HugoGiraudel

  19. Déficiences visuelles @HugoGiraudel

  20. “Mauvaise” vue @HugoGiraudel

  21. @HugoGiraudel

  22. Police large (16 à 22pt) @HugoGiraudel

  23. Contraste élevé @HugoGiraudel

  24. Avec possibilité de zoomer @HugoGiraudel

  25. Éviter les contenus à échelle fixe @HugoGiraudel

  26. Combiner texte, couleurs & formes @HugoGiraudel

  27. Daltonisme & perte de contraste @HugoGiraudel

  28. Contraste élevé @HugoGiraudel

  29. Petite police = contraste élevé @HugoGiraudel

  30. Tester vis-à- vis des specs @HugoGiraudel

  31. @HugoGiraudel

  32. Jamais la couleur seule @HugoGiraudel

  33. Attention aux éléments à code couleur @HugoGiraudel

  34. Combiner couleurs et motifs @HugoGiraudel

  35. @HugoGiraudel

  36. Cécité @HugoGiraudel

  37. Utilisation du clavier @HugoGiraudel

  38. Flux de contenu cohérent @HugoGiraudel

  39. Pas de survols critiques @HugoGiraudel

  40. Textes alternatifs @HugoGiraudel

  41. Essayer un lecteur d’écran @HugoGiraudel

  42. Déficiences motrices @HugoGiraudel

  43. Une seule main disponible @HugoGiraudel

  44. Handicaps aux membres supérieurs @HugoGiraudel

  45. Tendinites & syndrome du canal carpien @HugoGiraudel

  46. Tremblements & Parkinson @HugoGiraudel

  47. Comment faire ? @HugoGiraudel

  48. Boutons
 en bas de l’écran @HugoGiraudel

  49. @HugoGiraudel

  50. Éviter le multi-touch @HugoGiraudel

  51. Éviter les gestes répétitifs @HugoGiraudel

  52. Limiter le nombre d’actions @HugoGiraudel

  53. Être idulgent avec la précision @HugoGiraudel

  54. Tester avec son autre main @HugoGiraudel

  55. Clavier / lecteur d’écran @HugoGiraudel

  56. Déficiences cognitives @HugoGiraudel

  57. Autisme @HugoGiraudel

  58. Mise en page cohérente @HugoGiraudel

  59. Explicite & simple @HugoGiraudel

  60. Éviter les acronymes & idiomes @HugoGiraudel

  61. Sous-titrer
 les videos @HugoGiraudel

  62. Dyslexie @HugoGiraudel

  63. Utiliser une police claire @HugoGiraudel

  64. ~70 caractères
 / line @HugoGiraudel

  65. Hauteur de ligne de ~1.5 @HugoGiraudel

  66. Contraste correct @HugoGiraudel

  67. Ferrer le contenu naturellement @HugoGiraudel

  68. Fournir d’autres moyens @HugoGiraudel

  69. Troubles vestibulaires @HugoGiraudel

  70. Éviter la parallax @HugoGiraudel

  71. Éviter le scroll automatique @HugoGiraudel

  72. Animations subtiles @HugoGiraudel

  73. Désactiver les animations @HugoGiraudel

  74. Troubles déficitaires de l’attention @HugoGiraudel

  75. Scénarios d’utilisation clairs @HugoGiraudel

  76. Éviter les animations en boucle @HugoGiraudel

  77. Anxiété @HugoGiraudel

  78. Éviter les limites dans le temps @HugoGiraudel

  79. Être clair et encourageant @HugoGiraudel

  80. @HugoGiraudel

  81. Permettre la revue @HugoGiraudel

  82. @HugoGiraudel

  83. Syndrome post- traumatique @HugoGiraudel

  84. Avertissements de contenu @HugoGiraudel

  85. Soigner le ton @HugoGiraudel

  86. Éviter les plaisanteries @HugoGiraudel

  87. Panel varié de testeur·euse·s @HugoGiraudel

  88. Épilepsie @HugoGiraudel

  89. Éviter les clignotements @HugoGiraudel

  90. Animer à la demande @HugoGiraudel

  91. Risques de crises @HugoGiraudel

  92. Déficiences auditives @HugoGiraudel

  93. Environnement bruyant @HugoGiraudel

  94. Otites & infections @HugoGiraudel

  95. Faible audition @HugoGiraudel

  96. Surdité @HugoGiraudel

  97. Comment faire ? @HugoGiraudel

  98. Sous-titrer les vidéos @HugoGiraudel

  99. Fournir d’autres moyens @HugoGiraudel

  100. Pour résumer @HugoGiraudel

  101. Structure et mise en page @HugoGiraudel

  102. Contenu et ton @HugoGiraudel

  103. Couleurs & contraste @HugoGiraudel

  104. Fonctionnements connus @HugoGiraudel

  105. Utilisation > esthétique @HugoGiraudel

  106. Faire mieux chaque jour @HugoGiraudel

  107. Penser à davantage de profils @HugoGiraudel

  108. Accepter les differences @HugoGiraudel

  109. Concevoir pour tout le monde @HugoGiraudel

  110. Merci ! @HugoGiraudel October 4th 2018