Formation Accessibilité numérique : tester des sites web et applications mobiles.

Programme de formation Accessibilité numérique : tester des sites web et applications mobiles.

Fondamentaux de l’accessibilité numérique et cadre réglementaire

– Besoins et handicaps : déficiences visuelles, auditives, motrices, cognitives et troubles dys, et leurs impacts sur l’usage
– Technologies d’assistance : lecteurs d’écran, plages braille, contacteurs, agrandisseurs, commande vocale
– Concepts clés : perception, utilisation, compréhension, robustesse ; distinctions décoratif/informatif et présentation/structure
– Référentiels et leur articulation : WCAG (W3C/WAI), WAI-ARIA, RGAA et RGAA-APPS
– Cadre réglementaire : obligations en vigueur, extension aux acteurs privés (échéance 2025), déclaration d’accessibilité et sanctions

**Exemples d’activités pratiques :**

– Analyse de retours d’expérience et de vidéos d’utilisateurs de technologies d’assistance
– Repérage, sur un site, des éléments décoratifs vs porteurs d’information

Outils de test et méthode d’évaluation

– Typologie des outils : automatiques, de simulation et d’inspection d’interface, et leur complémentarité
– Limites des outils automatiques : ce qu’un score ne dit pas, part irréductible du test manuel
– Critères de choix : contexte, usage, champ d’application, information recherchée
– Organisation d’une campagne de test : structurer la démarche pour rester cohérent et exhaustif
– Lecture du code source : inspecter le DOM, repérer les erreurs HTML courantes, vérifier la validité

**Exemples d’activités pratiques :**

– Installation et prise en main d’extensions de test (WAVE, Axe DevTools, Lighthouse)
– Comparaison des résultats d’un outil automatique et d’un contrôle manuel sur une même page

Perception : couleurs, contrastes, médias et alternatives textuelles

– Couleurs et contrastes : ratios, information portée uniquement par la couleur, propriétés visuelles
– Images informatives et décoratives : rôle, alternatives textuelles utiles et pertinentes
– Rédaction des alternatives : quoi décrire, en combien de signes, cas des images complexes
– Multimédia : transcriptions, sous-titres, audiodescription, contrôle des fonctionnalités
– Principes du FALC (Facile À Lire et à Comprendre) et notion de contenu cryptique

**Exemples d’activités pratiques :**

– Évaluation de contrastes et détection d’informations portées par la seule couleur
– Évaluation et rédaction de textes alternatifs sur des visuels variés

Utilisation : clavier, structure et composants interactifs

– Navigation au clavier : ordre de tabulation, visibilité du focus, activation des fonctionnalités
– Structure de page : titres, listes, landmarks, cohérence et logique de lecture
– Composants interactifs : reconnaissables, prévisibles, activables au clavier
– Tableaux et formulaires : étiquettes, regroupements, en-têtes, messages d’erreur compréhensibles
– Adaptabilité : interface responsive, zoom et reflow, robustesse vis-à-vis des agents utilisateurs

**Exemples d’activités pratiques :**

– Parcours d’un site au clavier pour vérifier tabulation, focus et atteignabilité des composants
– Test d’un formulaire avec lecteur d’écran (étiquettes, erreurs, aide à la saisie)

Tester l’accessibilité en environnement mobile

– Site web en conditions mobiles : responsive, gestes, orientation
– Spécificités de l’audit d’application mobile : points communs et différences avec le web
– Deux temps du test mobile : côté développement (avant lancement) et usage réel
– Fonctions d’accessibilité natives : lecteurs d’écran TalkBack (Android) et VoiceOver (iOS), agrandissement, contrastes
– Interactions tactiles et gestes d’accessibilité indispensables au test utilisateur

**Exemples d’activités pratiques :**

– Prise en main de TalkBack / VoiceOver et navigation gestuelle sur un site ou une application
– Évaluation succincte de l’accessibilité d’une application mobile

Diagnostic, priorisation et recommandations

– Hiérarchisation des anomalies : du blocage critique à la non-conformité formelle
– Impact des défauts majeurs sur l’expérience des utilisateurs concernés
– Formulation d’un diagnostic clair : constats, causes, préconisations
– Recommandations opérationnelles : alternatives accessibles pour chaque problème relevé
– Support de restitution synthétique à destination des équipes de développement et de design

**Exemples d’activités pratiques :**

– Réalisation d’un audit sommaire d’un site et repérage des défauts récurrents
– Rédaction d’une fiche de recommandations priorisées à partir des constats