Formation Développement d'application mobile accessible - Les bases

Jour 1 - Matin

Rappels sur l'accessibilité numérique

• Définition, notion de "situation de handicap"
• Chiffres clés autour du handicap
• Les typologies de déficience (visuelles, auditives, motrices, cognitives)
• Technologies d'assistance

Exemple de travaux pratiques (à titre indicatif)

• Etudes de cas : exemples d'utilisateurs confrontés à des sites non accessibles

Les référentiels d'accessibilité en vigueur

• Définitions, usages, et limites
• WCAG (Web Content Accessibility Guidelines)
• RGAA (Référentiel Général d'Amélioration de l'Accessibilité)
• RAAM (Référentiel d'Accessibilité des Applications Mobiles)
• Limite des référentiels : différence entre conformité (technique) et accessibilité
• Rappel du cadre légal

Les différences avec l'accessibilité Web

• Base normative
• Critères propres à l'usage des mobiles
• Différences liées aux technologies d'assistance

Les techniques et outils de tests

• Plateformes iOs et Android
• Lecteurs d'écran VoiceOver et TalkBack
• Contrôle vocal
• Connecter un clavier
• Afficher l'écran d'un smartphone sur ordinateur
• Mesurer les contrastes

Exemples de travaux pratiques (à titre indicatif)

• Utilisation du lecteur d'écran et du contrôle vocal

L'audit des applications mobiles

• Utilisation du RAAM
• Thématiques du RAAM
• Cas particulier des Web views
• Audit d'une application mobile

Jour 1 - Après-midi

Les critères d'accessibilité du RAAM

• Eléments graphiques
• Images décoratives
• Images informatives et alternatives
• Tests visuels
• Images complexes et descriptions détaillés
• Images de texte
• Images légendées
• Couleurs
• Information donnée par la couleur
• Contrastes de couleurs : textes, éléments non textuels
• Contraste du mécanisme de remplacement
• Multimédia
• Les différents besoins utilisateurs
• Contenus audios : alternatives aux sons
• Contenus vidéos : alternative aux images
• Médias temporels synchronisés : alternatives
• Fonctionnalités de contrôle de la consultation
• Personnalisation et vocalisation des sous-titres
• Tableaux
• Tableaux de données
• Résumé
• Titre
• Entêtes

Exemples de travaux pratiques (à titre indicatif)

• Identification des différents types d'image, et test au lecteur d'écran pour chaque cas
• Tests sur des contrastes relatifs, et vérification de contrastes de couleurs
• Techniques de tests et d'audits sur des médias en ligne (sous-titres, transcriptions, méthodes de contrôle des médias temporels) sur iOs et Android
• Analyse de tableaux et restitution au lecteur d'écran

Jour 2 - Matin

Les critères d'accessibilité du RAAM - Suite

• Composants interactifs
• Fonctionnement du lecteur d'écran
• Interfaçage avec les technologies d'assistance
• Compatibilité
• Nom
• Rôle
• Valeur
• Paramétrage et changements d'état
• Clavier et pointeur
• Changements de contexte
• Messages de statut
• Contrôles à bascule
• Eléments obligatoires
• Langue
• Utilisation des éléments d'interface
• Structuration de l'information
• Titres
• Listes
• Citations
• Présentation de l'information
• Restitution des contenus visibles
• Agrandissement des caractères
• Distinction composant / texte
• Visibilité des composants au focus
• Information par la présentation
• Contenus additionnels
• Formulaires
• Etiquettes de champs : présence, pertinence, cohérence
• Position des étiquettes
• Pertinence des boutons
• Regroupement de champs
• Champs obligatoires
• Formats attendus
• Erreurs et suggestions de saisie
• Prévention des erreurs
• Aide à la saisie

Exemples de travaux pratiques (à titre indicatif)

• Analyse et tests au lecteur d'écran de composants interactifs
• Vérification avec le lecteur d'écran
• Analyse et vérification avec le lecteur d'écran
• Analyse d'écrans, tests au clavier, configuration des OS
• Analyse de formulaire dans des applications, tests de saisie, vérification avec le lecteur d'écran

Jour 2 - Après-midi

Les critères d'accessibilité du RAAM - Suite

• Navigation
• Ordre de tabulation
• Ordre de restitution
• Piège au clavier
• Raccourcis clavier
• Consultation
• Limites de temps
• Fins de session
• Documents bureautiques
• Contenu cryptique
• Effets de flash
• Contenus en mouvement
• Orientation
• Gestes complexes
• Actions simultanées
• Annulation
• Interactions par le mouvement
• Préservation à la conversion
• Saisie biométrique
• Répétition des touches
• Documentation et fonctionnalités d'accessibilité
• Description
• Accessibilité du parcours
• Interférences
• Accessibilité
• Outils d'édition
• Définition
• Fonctionnalités
• Aides
• Transformations
• Suggestions
• Gabarits
• Services d'assistance
• Définition
• Informations
• Services relais
• Communication en temps réel
• Fréquence
• Texte
• Texte et parole simultanés
• Identification des messages
• Indicateur d'activité orale
• Interopérabilité
• Délais de transmission
• Identification de l'appelant
• Non-vocal
• Qualité de la vidéo

Exemples de travaux pratiques (à titre indicatif)

• Analyse et vérification avec le clavier et le lecteur d'écran
• Analyse des écrans, tests avec gestes complexes, changement d'orientation...