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

Accessibilité sur Android (Android Makers 2018)

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.

9b1d316fe9977b8b3688e2551b4643eb?s=128

Thierry LEE

April 23, 2018
Tweet

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 !

  28. None