Le slot accessible

Par Gautier Mechling et Simone Civetta. Présentée lors du XKE Xebia de janvier 2015.

Transcript

1. Le slot accessible
2. Introduction
4. L’empathie, principe fondamental du design thinking
5. http://blog.thiga.fr/strategie-produit/ etapes-design-thinking-empathie/
6. 1. L'esplanade de la défense
7. 2. Les chaises de restaurant
10. Nos utilisateurs sont aussi • Aveugles (39+ millions) • Daltoniens (env. 8% des hommes et 0.5% des femmes) • Paralysés (6 millions) • Handicapés cognitifs (16 millions, rien qu'aux US) • etc.
11. 1 être humain sur 7 a un type de handicap moderé ou sevère
12. Sources • http://www.ted.com/talks/ andrew_bastawrous_get_your_next_eye_ex am_on_a_smartphone#t-518 • http://en.wikipedia.org/wiki/ Color_blindness • http://www.christopherreeve.org/stats
13. Sources • http://www.cdc.gov/aging/pdf/ cognitive_impairment/ cogimp_poilicy_final.pdf • http://www.who.int/disabilities/ world_report/2011/en/
15. Les types de handicap • Déficience visuelle • Déficience motrice • Déficience auditive • Déficience congnitive ou neurologique
16. Les types de handicap dans cette présentation • Déficience visuelle • Déficience motrice
17. Outils Hardware
18. Outils Hardware Déficience visuelle
19. Display Braille
21. Braille Notetaker
22. Emprimante Braille (embosser)
24. Clavier Perkins
25. Le Braille est de moins en moins utilisé
26. Synthétiseurs vocaux
27. Outils Hardware Déficience motrice
28. 3 types d'action • Pointer • Sélectionner • Écrire
29. Pointer • Mouvements de la tête • Mouvements de l'oeil • Baguettes contrôlées avec la bouche
32. Sélectionner • Switch Buttons • Sip and Puff • Détection du mouvement de la paupière
33. Écrire • Reconnaissance vocale • Saisie intuitive http://swiftkey.com/en/blog/swiftkey-reveals- role-professor-stephen-hawkings- communication-system/
34. Outils Software
35. Outils Software Desktop
36. Orca Screen Reader
43. http://www.ted.com/talks/ ron_mccallum_how_technology_allowed_me_t o_read#t-558258
44. VoiceOver
47. Outils mac
49. Color Oracle
52. http://opendyslexic.org/
53. Outils Software Mobilité
54. Outils Software iOS
55. Timeline • 2009 (iPhone OS 3) : VoiceOver et contrôle vocale sur iPhone 3GS • 2012 (iOS 6) : Siri et dictée • 2013 (iOS 7) : Switch Control et API de synthèse vocale https://developer.apple.com/accessibility/
56. Siri • Réveille moi à 7 heures • Envoyer un message à Gautier “Au secours ! J'ai pas terminé mon XKE !” • Lire le dernier message de Gautier • Ajouter une note
57. Dictée
58. VoiceOver
59. Rotor Control
60. Switch Control
62. WatchKit
63. Outils Software Android
65. TalkBack
67. TalkBack
68. BrailleBack
70. https://www.youtube.com/watch? feature=player_detailpage&v=bxIRwm3s Zf0
71. Android Wear
72. Android Wear
76. iOS v Android
77. While Google has done a great job improving Android’s Accessibility API, it’s still not nearly as robust as Apple’s iOS Accessibility API. -- http://pauljadam.com/iosvsandroida11y/
81. Jeux vidéo
82. http://lvictorino.com/blog/make- accessible-games/
85. https://www.youtube.com/watch? v=nmmqarQRSSE
91. http://onemansblog.com/2012/01/29/ legend-of-grimrock-devs-implement-gui- change-just-to-help-one-user/
92. www.GameAccessibilityGuidelines.com
93. Comment rendre nos applis accessibles ?
94. iOS
95. UIAccessibility APIs disponibles à partir de iPhone OS 3 • Chaque élement affiché à l’écran (UIView ou UIBarItem) implémente le protocole UIAccessibility • Ce protocole permet aux outils tels que VoiceOver d'interpréter correctement les contenus de l’interface graphique
96. UIAccessibility Le protocole UIAccessibility permet de définir : • accessibilityLabel : la description prononcée par le synth vocal • accessibilityHint : la description longue prononcée par le synth vocal • accessibilityPoint : le point d’interaction de la view • accessibilityTraits : permet de spécifier les traits (c-a-d le role de la view dans l’IHM)
97. accessibilityIdentifier Lors de l'exécution des tests fonctionnels, une autre propriété peut (et doit) être utilisée : accessibilityIdentifier, déclaré dans le protocole UIAccessibilityIdentification.
98. AVSpeechSynthesizer AVSpeechUtterance est l’unité base de la synthèse vocale et contient : • Le texte à prononcer • Voix • Tonalité • Vitesse • Délai • Volume
99. Screen curtain
101. Android
102. Android • contentDescription • announceForAccessibility • Tester avec TalkBack et un clavier physique
105. https://github.com/Nilhcem/inaccessible- memory-android
107. https://www.youtube.com/watch? v=q3HliaMjL38
108. Web
109. Conditions d'un site Web accessible • Tags HTML natifs (<a>, <button> au lieu de <div> et <span>) • DOM structuré de façon sensible • Entièrement navigable avec clavier • Gestion du focus ordonnée • Libellés pour tous les contrôles et toutes les images • ARIA pour les liseuses d’écran
110. Les questions à se poser • Est-il possible de sélectionner chacun des éléments interactifs avec [TAB] ? • Est-il possible d’activer chacun des éléments interactifs avec [ENTER] ? • Les éléments du DOM sont-ils dans l’ordre correct ?
111. ARIA Accessible Rich Internet Applications • Standard W3C • Fournit des informations sémantiques aux liseuses d’écran • N'implémente pas automatiquement les comportements standard des éléments (focus, navigation via clavier, etc)
112. ARIA <div tabindex="0" role="button">Menu button</div> <div tabindex="-1" role="menu" aria-activedescendant="id-Normal"> <div tabindex="0" role="button" aria-label="Normal Speed">
113. Outils pour les développeurs • ChromeVox • ChromeShades : convertit les pages Web en mode texte seul et crée une navigation similaire à celle d'un aveugle (apparemment plus maintenu) • ChromeVis https://code.google.com/p/google-axs-chrome/
114. L'accessibilité et la loi en France
115. La loi Rendre un site accessible n’est pas un devoir quand il s’agit de sites et applications privées.
116. Loi 2005-102 pour l'égalité des droits et des chances, la participation et la citoyenneté des personnes handicapées “Les services de communication publique en ligne des services de l'Etat, des collectivités territoriales et des établissements publics qui en dépendent doivent être accessibles aux personnes handicapées.”
117. Loi 2005-102 Un décret en Conseil d'Etat fixe les règles relatives à l'accessibilité et précise [...] la nature des adaptations à mettre en oeuvre ainsi que les délais de mise en conformité des sites existants, qui ne peuvent excéder trois ans et les sanctions imposées en cas de non-respect de cette mise en accessibilité.
118. Le référentiel RGAA La dernière version officielle du document date de 2009. Une troisième version est en cours de rédaction depuis juin 2014 et n’est toujours pas définitive. Le document, à ce jour, s’applique uniquement aux contenus HTML.
119. Testing utilisateurs
120. Les utilisateurs User testing is crucial because users are the real experts in their own abilities and their own assistive technology. User testing can also reveal usability gaps between more and less technical users, and between people who are familiar with the web site in question [...] and people who aren’t [...]. — W3C
121. Les utilisateurs Aux Etats Unis et en Angleterre il n’est pas difficile de trouver des groupes d’utilisateurs handicapés qui peuvent tester l'accessibilité des nos logiciels. En France il est possible de demander l’aide d’associations telles que : http://www.avh.asso.fr/ http://www.aveuglesdefrance.org/
122. Les utilisateurs