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.

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