Accessibilité numérique : tester des sites web et applications mobiles
Apprenez à détecter, hiérarchiser et documenter les défauts d'accessibilité d'un site ou d'une application, pour produire un avis fiable au-delà des scores automatiques.
Vue d'ensemble
- Connaissances de base en HTML et CSS (lecture de code, structure d'une page)
- Notions de JavaScript souhaitables
- Sensibilisation préalable à l'accessibilité numérique (ou connaissances équivalentes)
Objectifs pédagogiques
Programme détaillé
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
– 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é
– 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
– É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
– 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
– 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
– 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
Prochaines sessions
Avis des participants
Financement
Cette formation est éligible aux financements OPCO et FNE-Formation. Nos équipes vous accompagnent dans le montage de votre dossier.
En savoir plus sur le financement