Alphorm.com Formation IOS avec Xcode : Gérer l'Accessibilité
•
0 j'aime•507 vues
Cette formation concerne la description des règles à suivre et leur mise en œuvre dans le code pour rendre une application iOS conforme aux lois et règlements qui régentent l’accès des applications mobiles aux personnes en situation de handicap. Nous y présentons les définitions et les enjeux, les paramètres présents sur le téléphone, les outils et les bonnes pratiques ainsi que des exemples de code Swift. Les points forts de la formation L’atout de cette présentation est la vue globale, tant réglementaire que technique que nous essayons de conserver. Le point de vue de l’utilisateur final est régulièrement rappelé. De cette façon, le développeur reste concentré sur l’objectif d’accessibilité. Après une courte présentation du sommaire et des outils nécessaires, nous définirons l’accessibilité ainsi que quelques termes conjointement utilisés. Ce sera aussi l’occasion de présenter les textes réglementaires auxquels il faut se soumettre. Les cas d’usage sont aussi rappelés. Ensuite nous faisons le tour les paramètres du téléphone, et nous étudions quels choix vont avoir un impact sur la programmation. Puis les outils présents sur le téléphone ou fournis avec XCode sont présentés et utilisés, qui permettent de créer, tester et valider l’application. Les bonnes pratiques de développement sont évoquées, puis nous présentons quelques exemples de codes ciblant chacun un point particulier. L’objectif ici est de montrer comment le développeur doit faire pour que l’utilisateur voit l’application prendre en compte ses besoins. Enfin, différents outils de tests sont présentés, des tests manuels aux tests automatiques. Résultats attendus A la fin de cette formation, le développeur sera sensibilisé à l’accessibilité sous iOS, et saura mettre en œuvre les bonnes pratiques. Modalités pédagogiques Chaque chapitre est introduit par quelques slides immédiatement suivis de l’utilisation pratique et de codage le cas échéant.
Recommandé
Recommandé
Contenu connexe
Similaire à Alphorm.com Formation IOS avec Xcode : Gérer l'Accessibilité
Similaire à Alphorm.com Formation IOS avec Xcode : Gérer l'Accessibilité (7)
Plus de Alphorm
Plus de Alphorm (20)
Alphorm.com Formation IOS avec Xcode : Gérer l'Accessibilité
- 1. Une formation Hamza KONDAH Fabien BRISSONNEAU Formation IOS avec Xcode Gérer l'Accessibilté
- 2. Une formation Introduction 1. Définition et enjeux 2. Les paramètres sur iPhone 3. Les bonnes pratiques 4. Prendre en compte l’accessibilité avec le code 5. Les tests Conclusion Plan de la formation
- 3. Une formation Développeurs Toute personne impliquée Architecte Public concerné
- 5. Présentation du projet de la formation Une formation Hamza KONDAH Fabien BRISSONNEAU
- 6. Une formation Présentation des outils Un iPhone Un Mac XCode
- 7. Découvrir les lois et les textes Une formation Fabien BRISSONNEAU
- 9. Une formation Variations nationales De : pas de loi A : loi pour le secteur public Lois pré-numériques Lois générales Les lois
- 10. Une formation 1990 : ADA Fournisseurs du gouvernement Assez large Les lois US
- 11. Une formation 2018 : European Accessibility Act Accessibilité mobile Paramétrage de grossissement et couleurs Alternatives contrôle moteur fin Plusieurs canaux sensoriels … Les lois Europe
- 12. Une formation WCAG Web Content Accessibility Guidelines Concerne les applications Web Mais chapitres sur le mobile
- 13. Une formation ETSI La norme européenne service TIC Physique et numérique Sections software
- 14. Une formation RGAA Règlement général d’amélioration de l’accessibilité Concerne les personnes morales Droit public Au-delà de 250M€ de CA
- 15. Définir l’accessibilité, le handicap et l’inclusion Une formation Fabien BRISSONNEAU
- 16. Une formation Evolution du concept Rendre accessible L’inclusion Plan
- 17. Une formation En 1980 : c’est un manque de capacité Aujourd’hui : interaction entre une personne et son environnement Evolution du concept
- 18. Une formation Toute limitation d’activité subie dans son environnement L'handicap
- 19. Une formation La qualité d’être facilement atteint, manipulé ou utilisé La qualité qui fait que l’expérience est ouverte à tous C’est juste la bonne chose à faire Rendre accessible
- 20. Une formation Elargir les fonctionnalités Augmenter sa base utilisateurs L’inclusion
- 21. Savoir les cas d’usage Une formation Fabien BRISSONNEAU
- 22. Une formation Les raisons de votre intérêt Raison personnelle La bienveillance Le marché La loi Plan
- 23. Une formation Pourquoi l’accessibilité ? Les travers du développement Les biais cognitifs Diffuser la connaissance Les raisons de l’intérêt
- 24. Une formation Avoir un proche concerné Motivation personnelle Implication Nouveau point de vue Raison personnelle
- 25. Une formation Faire du bien Satisfaction personnelle Ne pas nuire La bienveillance
- 26. Une formation Un gros cas business Marché estimé 200 milliard $ Estimation 15% population Le marché
- 27. Une formation Si rien d’autre Respecter la loi Procès nombreux Obligation d’affichage La loi
- 28. Aborder l’accessibilité Une formation Fabien BRISSONNEAU
- 29. Une formation Le design Les bibliothèques Les paramètres Les tests Plan
- 30. Une formation Première étape Règles connues Principes à suivre Le design
- 31. Une formation Ensemble de code Respectueux des règles Suit l’évolution Implémente les standards Les bibliothèques
- 32. Une formation Les paramètres de l’utilisateur Prendre en compte dans le code S’adapter à l’utilisateur Les paramètres
- 33. Une formation Tests automatiques Tests semi-manuels Tests avec applications Tests par les gens concernés Les tests
- 34. Découvrir les designs universels et inclusifs Une formation Fabien BRISSONNEAU
- 35. Une formation Le design universel Le design inclusif Plan
- 36. Une formation Sept principes Orientés physique Usage équitable Flexibilité dans l’usage Simple et intuitif Information perceptible Tolérance aux erreurs Le design universel
- 37. Une formation Sept principes Orientés produits numériques Une expérience comparable Prendre en compte la situation Etre cohérent Donner le contrôle Offrir le choix Prioritiser le contenu Ajouter de la valeur Le design inclusif
- 38. Découvrir les options visuelles Une formation Fabien BRISSONNEAU
- 39. Une formation Les zooms et loupe Affichage et taille des textes La transparence Les couleurs Les animations Plan
- 40. Une formation Agrandir l’écran Servir à lire un livre Peu pratiques Les zooms et loupe
- 41. Une formation Améliorer la visibilité des textes Texte en gras Tailles Boutons avec contour, avec I/O Affichage et textes
- 42. Une formation La transparence est peu lisible Supprimer la transparence Doit être détectée par le code La transparence
- 43. Une formation Supprimer les animations Gêne des personnes Doit être gérée par le code Abonnement Les animations
- 44. Découvrir les options audio Une formation Fabien BRISSONNEAU
- 45. Une formation La lecture de contenu Le contrôle vocal Les appareils auditifs La reconnaissance des sons La stéréo Plan
- 46. Une formation Les screen readers L’énoncé de textes sélectionnés La lecture de contenu
- 47. Une formation Prononcer les commandes Nécessite une numérotation Correspond au parcours vocalisé Le contrôle vocal
- 48. Une formation L’iPhone s’interface Appareillage de communication Mixte aide et outil Les appareils auditifs
- 49. Une formation Permet de visualiser la parole Rend visibles les sons et bruits La reconnaissance des sons
- 50. Une formation Une seule oreille fonctionnelle Pas de stéréo dans un casque Mélange les canaux La stéréo
- 51. Découvrir les options moteur Une formation Fabien BRISSONNEAU
- 52. Une formation La touche d’assistance Le contrôle de sélection Le contrôle vocal Le menu principal Les claviers Plan
- 53. Une formation Cible des troubles moteurs Une bulle ouvre un menu Facilite les accès au menu La touche d’assistance
- 54. Une formation Contrôle externe Type bumper Mode en groupe ou point Rallonge la durée d’action Le contrôle de sélection
- 55. Une formation Un moyen de contrôler l’iPhone Suppose une numérotation des items Définition d’un vocabulaire Le contrôle vocal
- 56. Une formation Paramétrage de la durée d’appui Fonction déclenchée Le menu principal
- 57. Une formation Appareils externes Facilitent les entrées Accès facilité aux touches Les claviers
- 58. Comprendre le VoiceOver et les lecteurs d’écrans Une formation Fabien BRISSONNEAU
- 59. Une formation Utiliser un lecteur d’écran Pourquoi tester avec VoiceOver Plan
- 60. Une formation Application qui lit les écrans Dans un ordre précis Lit libellé, valeur, etc Teste l’accessibilité de l’application Utiliser un lecteur d’écran
- 61. Une formation Les éléments lus sont inutiles Le texte est faux ou inutile Il manque des éléments La navigation vocalisée est fausse Tester avec VoiceOver
- 62. Comprendre le VoiceControl Une formation Fabien BRISSONNEAU
- 63. Une formation Contrôler l’iPhone par la voix Vérifier l’ordre de présentation Plan
- 64. Une formation Déclencher des commandes Afficher les numéros des items Déclencher la commande par numéro Contrôler par la voix
- 65. Une formation Appliquer « show numbers » L’ordre est le même que VoiceOver La navigation dépend de l’ordre Vérifier l’ordre des items
- 66. Comprendre Xcode Accessibility Inspector Une formation Fabien BRISSONNEAU
- 67. Une formation Lancer Xcode pour un projet iPhone Déclencher Accessibility Inspector Utiliser les conseils Plan
- 68. Une formation Choisir le type de projet Créer les vues nécessaires Lancer le simulateur Lancer XCode
- 69. Une formation Menu Open Developer Tool Sélectionner une fenêtre Choisir le simulateur Accessibility Inspector
- 70. Une formation Un audit en auto-navigation Choix d’un élément en particulier Lecture des éléments Utiliser les conseils
- 71. Choisir un Design Adapté Une formation Fabien BRISSONNEAU
- 72. Une formation Assurer le contraste avant-arrière plan Autre source d’information que la couleur ou les images Les couleurs et les images
- 73. Une formation Les contenus non textuels doivent avoir une alternative Controls Input le nom Media identification Senseur identification Les éléments non vocalisés
- 74. Une formation Taille minimum 48px Espacement minimum Les éléments cliquables
- 75. Une formation Les scrolling sont perturbants Avertir l’utilisateur Changement de contexte annoncé Modification dynamique
- 76. Une formation Les contenus interactifs Transcription Légende Contrôles Contrôle des contenus
- 77. Une formation Masquer les éléments inutiles Layout Structure Regroupements Eléments fantômes
- 78. Utiliser les briques standards Une formation Fabien BRISSONNEAU
- 79. Une formation Un texte original Ne suit pas les paramètres utilisateur Utiliser types dynamiques Police de caractères custom Les types de texte standards
- 80. Une formation Les toolkits sont conformes Suivent l’évolution des normes UIKit ou SwiftUI Les contrôles standards
- 81. Suivre les paramètres système Une formation Fabien BRISSONNEAU
- 82. Une formation Accéder au paramètre système En tenir compte Traduire l’information Lire l’état d’un paramètre
- 83. Une formation Les types dynamiques La taille de la police L’utiliser sur des layouts La taille de la police
- 84. Une formation La transparence est peu lisible Accéder au paramètre Modifier l’apparence La transparence
- 85. S’abonner au changement Une formation Fabien BRISSONNEAU
- 86. Une formation Suivre le paramètre Agir lors du changement La taille de la police
- 87. Une formation Positionner un observateur Réagir avec une callback La transparence
- 88. Prendre en compte la taille de la police de caractères Une formation Fabien BRISSONNEAU
- 89. Une formation Les types de textes Le paramètre sur le téléphone Réagir aux modifications Plan
- 90. Une formation Choisir un des types de textes Ne pas fixer la taille Explicitement un type dynamique Les types de textes
- 91. Une formation Les tailles sont modifiables Plus de lisibilité Grossissement des layout Le paramètre sur téléphone
- 92. Lire les paramètres système S’abonner aux changements Répercuter les changements Réagir aux modifications
- 93. Traiter une police personnalisée Une formation Fabien BRISSONNEAU
- 94. Une formation Choisir une police spécifique Changer la taille de la police Répercuter le choix de taille Plan
- 95. Une formation Un élément est libre de la police La taille peut être hard codée Aucune gestion de types dynamiques Choisir une police spécifique
- 96. Prendre une taille en référence Un style de texte Répercuter dans le choix de la police Changer la taille de la police
- 97. Réagir au changement de taille Redimensionner les éléments Répercuter le choix de taille
- 98. Modifier le layout en fonction de la police Une formation Fabien BRISSONNEAU
- 99. Une formation Pourquoi modifier un layout ? Changer des attributs S’abonner aux modifications Plan
- 100. Une formation Pour s’adapter en taille Pour fournir la même expérience Pour fournir l’information Pourquoi modifier un layout
- 101. La disposition peut être modifiée La largeur et la hauteur Changer les attributs
- 102. Une formation Pour suivre les changements Pas de polling Modèle de l’observateur S’abonner aux modifications
- 103. Réduire la transparence Une formation Fabien BRISSONNEAU
- 104. Une formation Problème de la transparence Réagir au paramètre S’abonner aux modifications Plan
- 105. Une formation Joli design Mais trouble la distinction visuelle Paramétrable sur le téléphone Problème de la transparence
- 106. Mesurer le paramètre Exploiter la transparence Réagir au paramètre
- 107. Brancher un listener S’abonner aux modifications
- 108. Gérer les animations Une formation Fabien BRISSONNEAU
- 109. Une formation Problème des animations Connaître le paramètre S’abonner aux changements Plan
- 110. Une formation Les perturbations générées Confusion dans l’attention Troubles liés à l’épilepsie Problème des animations
- 111. Détecter la valeur de paramètre Agir en fonction Connaître le paramètre
- 112. Utiliser un observateur Réagir au changement S’abonner aux changements
- 113. Gérer les transitions personnalisées Une formation Fabien BRISSONNEAU
- 114. Une formation Problème des transitions Modifier les transitions Plan
- 115. Une formation Problèmes visuels Perte d’attention Non perception des détails Problème des transitions
- 116. Supprimer les transitions Modifier les transitions
- 117. Traiter le gras de police et le contraste Une formation Fabien BRISSONNEAU
- 118. Une formation Paramètres de gras Utiliser le gras Augmenter le contraste Plan
- 119. Une formation Paramètres du téléphone Augmenter le contraste Mettre en valeur les textes Paramètres de gras
- 120. Texte plus visible Utiliser le gras
- 121. Choisir une couleur Augmenter le contraste
- 122. Choisir les éléments accessibles Une formation Fabien BRISSONNEAU
- 123. Une formation Arbre graphique vs accessibilité Rendre accessible via le storyboard Rendre accessible via le code Plan
- 124. Une formation L’arborescence des contrôles Avec layouts intermédiaires Arbre d’accessibilité cohérent Ajouter/Enlever des éléments Arbre graphique/accessibilité
- 125. Une formation Storyboard principal Sélectionner un élément Identity Inspector Accessible via le storyboard
- 126. Une formation Elément graphique Exemple imageView Propriété isAccessibilityElement Rendre accessible via le code
- 127. Gérer les labels Une formation Fabien BRISSONNEAU
- 128. Une formation La lecture par VoiceOver Les labels standards Les cas particuliers Plan
- 129. Une formation VoiceOver lit dans l’ordre Les labels sont lus Sinon nom du fichier etc La lecture par VoiceOver
- 130. Une formation En standard, le label est correct Pour une image, le nom de fichier Doit décrire l’élément, 1 mot Les labels standards
- 131. Vérifier avec Accessibility Inspector Modifier les labels Les cas particuliers
- 132. Gérer les hints Une formation Fabien BRISSONNEAU
- 133. Une formation Définition du hint Règles de contenu Modifier le hint Plan
- 134. Une formation Texte associé à un élément Astuce, truc, définition de l’action Propriété accessibilityHint Définition du hint
- 135. Une formation Description du résultat de l’action Verbe sans sujet Majuscule et fin avec un « . » Aide à la prononciation Règles de contenu
- 136. Sélectionner un élément Positionner une chaîne de caractères Modifier le hint
- 137. Gérer les caractéristiques Une formation Fabien BRISSONNEAU
- 138. Une formation Les « traits » ou caractéristiques Lecture par VoiceOver Modifier les traits Plan
- 139. Décrit le type de l’élément Liste dans le storyboard Identity Inspector Les « traits » ou caractéristiques
- 140. Une formation Les traits sont lus Standards sur les éléments Mais demande des précisions Lecture par VoiceOver
- 141. Une formation Changer par programme Pour élément non standard Modifier les traits
- 142. Gérer les conteneurs Une formation Fabien BRISSONNEAU
- 143. Une formation Le besoin de gérer les conteneurs Créer des substituts Ajouter des éléments accessibles Plan
- 144. Une formation Certains conteneurs sont invisibles La sémantique est sur le conteneur VoiceOver le fournit pas dinformation Le besoin
- 145. Une formation Un UIAccessibilityElement Connecté au conteneur Avec caractéristiques Les substituts
- 146. Une formation Ajouter au conteneur Ajouter les éléments
- 147. Gérer les gestes VoiceOver Une formation Fabien BRISSONNEAU
- 148. Une formation Les gestes spéciaux Le MagicTap Plan
- 149. Une formation Le geste Escape (Z avec 2 doigts) Le geste MagicTap (double deux dgts) Le glissement 3 doigts Les gestes incrémente et décrémente Les gestes spéciaux
- 150. Une formation Les utilisations classiques Codage du MagicTap Le MagicTap
- 151. Gérer les actions du rotor Une formation Fabien BRISSONNEAU
- 152. Une formation Le rotor VoiceOver Créer une action Ajouter une action au rotor Plan
- 153. Une formation Tourner 2 doigts sur l’écran Accès à des actions contextuelles Raccourcis pour actions Le rotor VoiceOver
- 154. Sur la page concernée Une action avec une fonction liée Créer une action
- 155. Après l’action créée Déclarer la fonction Ajouter une action
- 156. Mettre en œuvre un rotor personnalisé Une formation Fabien BRISSONNEAU
- 157. Une formation Pourquoi un rotor personnalisé Création du rotor Détecter la sélection de l’item Plan
- 158. Une formation Une sélection immédiate des items Local à une page Pourquoi un rotor
- 159. Définition d’un rotor Création du rotor
- 160. Une formation Utilisation de pin de map Déplacement sur le rotor Calcul par index Détecter la sélection
- 161. Emettre des notifications vocales Une formation Fabien BRISSONNEAU
- 162. Une formation Intérêt des notifications vocales Préparer des notifications Emettre des notifications Plan
- 163. Une formation Normalement prix en charge Le changement de contexte L’utilisateur doit entendre Intérêt
- 164. Une formation Identifier les changements Phrases à émettre Fonctions du contexte Préparer des notifications
- 165. Lancer la notification Emettre des notifications
- 166. Maitriser les tests automatiques Une formation Fabien BRISSONNEAU
- 167. Une formation Les frameworks disponibles A11yUITests Exemple de tests Plan
- 168. Une formation A11yUITests UBKAccessibilityKit AccessibilitySnapshot GTXiLib Les frameworks disponibles
- 169. Une formation Extension de XCTestCase Tests automatiques Ne teste pas l’ergonomie A11yUITests
- 170. Une formation Tests UI Tests images Tests éléments interactifs Tests éléments statiques Exemple de tests
- 171. Maitriser les tests semi automatiques et les audits Une formation Fabien BRISSONNEAU
- 172. Une formation Définition de semi-automatiques Utilisation de A11y Inspector Informations ressorties Plan
- 173. Une formation Lance un outil Scan de l’écran Avec ou sans navigation Définition
- 174. Une formation Récupération d’infos ponctuelles Scan de l’écran Audi général Accessibilty Inspector
- 175. Une formation Tailles minimum Label, hint Les traits Informations dupliquées Informations ressorties
- 176. Maitriser les tests manuels VoiceOver, VoiceControl Une formation Fabien BRISSONNEAU
- 177. Une formation Tests manuels et ergonomie VoiceControl VoiceOver Plan
- 178. Une formation Coûteux Testent l’ergonomie Avis d’un humain Tests manuels
- 179. Une formation Assistance bien réelle Contrôle l’accessibilité Ordre des éléments VoiceControl
- 180. Une formation ScreenReader Utilisabilité de l’application Ordre des éléments VoiceOver
- 181. Maitriser les tests QA Une formation Fabien BRISSONNEAU
- 182. Une formation Règles et règlements Respecter un design Respecter les règles Respecter une ergonomie Plan
- 183. Une formation Conseils des institutions Lois nationales Règlement national Règles et règlements
- 184. Une formation Design inclusif Simple et clair Aéré et lisible Manipulation simple Respecter un design
- 185. Une formation Tailles des éléments Couleur des éléments Ordre et disposition Respecter les règles
- 186. Une formation Connaître ses utilisateurs Connaître les situations Respecter l’agencement des vues Respecter une ergonomie
- 187. Conclusion Une formation Hamza KONDAH Fabien BRISSONNEAU
- 188. Une formation La définition Les paramètres Les outils Les bonnes pratiques Le code Les tests Bilan