Accessibilité sur Android (Android Makers 2018)

Démos :
https://drive.google.com/drive/folders/1NmVHUlqiMEkCv0g2fSoR36k_vfIbQQJj?usp=sharing

Description :

Si vous suivez un peu l'actualité, on se rend compte que le nombre de smartphones à touches physiques sur le marché se compte sur les doigts de la main.

*"En quoi est-ce problématique ?"*

Depuis les écrans tactiles, on ne s'est jamais autant appuyé sur notre vue pour naviguer sur notre smartphone. Avec des touches physiques, on peut taper son prénom sur un clavier sans regarder. Sur un smartphone... c'est plus compliqué n'est-ce pas ?

*"Hmm... et donc ?"*
me direz-vous

La nécessité d'avoir un smartphone de nos jours pousse la population non-voyante à investir sur un appareil, quitte à ce qu'il soit uniquement tactile.

*"Mais alors... comment font-ils ?!"*

Ils utilisent des outils d'accessibilité mis à disposition sur Android, je vous propose d'y jeter un œil durant ce talk.

*"Quel rapport avec le développement ?"*

Les outils c'est bien, mais c'est pas magique : un lecteur de code-barres sur une feuille blanche, ça fait rien. Pour vos applications c'est pareil, il faudra présenter des code-barres aux outils d'accessibilité... façon de parler. Je vais vous montrer comment, ainsi que quelques tips.

Transcript

1. By OCTO & The Refiners Comprendre les aveugles Pour répondre à leur besoins Thierry LEE Accessibilité Sur Andr id
2. Pour les personnes en situation de handicap, c’est leur permettre une vie ordinaire. Accessibilité ?
3. By OCTO & The Refiners
4. Pourquoi rendre votre app accessible ? + d’utilisateurs Mieux pour tous + Bouche à oreille Ex: Contrastes Couleurs
5. Potentiels utilisateurs 45 Millions de DV* 14% sur Android* ≈ 6,3 Millions * Estimations mondiales en 2003 (OMS) * Enquête nationale en 2017 (Access42 & Fédération des aveugles de France)
6. Outils d’accessibilité TalkBack BrailleBack T.V. Raman Lecteur d’écran Eyes Free Project
7. TalkBack Vocalisation Navigation par Swipe Données textuelles Parcours Sens de lecture
8. Accessibilité 101  Accessible sans rien faire  Pas forcément ergonomique  Tester, faire tester
9. 4 propriétés Content Description Accessibility Traversal Before / After Accessibility Live Region Important For Accessibility Propriétés de View (XML ou Java/Kotlin/…)
10. contentDescription  Décrire vue  Image, FAB,…  Contextualiser texte
11. importantForAccessibility  Rendre vue parcourable (ou non)  Généralement pas besoin  Simplifier parcours
12. importantForAccessibility
13. importantForAccessibility 1 2 3 4 5 6 7 8 9 X
14. importantForAccessibility 1 2 4 6 3 5 Impact UI 
15. importantForAccessibility Aussi présents dans vue détaillée
16. importantForAccessibility 1 2 3 4 importantForAccessibility = no
17. accessibilityLiveRegion  Signaler vue changeante  Chargements  Pas besoin pour listes 1
18. accessibilityLiveRegion Vocalisation sans LiveRegion : Vocalisation avec LiveRegion : Accessibilitest Barre de progression Accessibilitest > >>> Salut la compagnie
19. accessibilityTraversalBefore (ou After)  Navigation swipe : sens de lecture  Définir un ordre de parcours  Important dans écrans chargés
20. accessibilityTraversalBefore (ou After) 1 2 3 4 ∞
21. accessibilityTraversalBefore (ou After) id = « @id/recyclerView » accessibilityTransversalBefore = « @id/recyclerView »
22. accessibilityTraversalBefore (ou After) 1 3 4 5 2
23. Aller plus loin  « if » Explorer au toucher  accessibilityManager.isTouchExplorationEnabled()  Vues custom  4 propriétés non suffisantes  Manipuler AccessibilityEvents  « Building Accessible Custom Views »
24. Exemples d’accessibilité Mauvais élèves ViaOpta Nav
25. Pro tips TalkBack : Outils Dev Infos essentielles Raccourcis d’accessibilité Toasts texte vocalisé Penser menus répondeurs Activer/Désactiver TalkBack
26. Conclusion Impact code légers Analytics Exploration au toucher LINT contentDescription contentDescription + navigation fluide FAB !
27. By OCTO & The Refiners Merci Pierre Réfuveille !