Formation 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
Formation claire, structurée et directement applicable. Le formateur a pris le temps de répondre à toutes nos questions avec des exemples concrets.
Très bon équilibre entre théorie et pratique. Les exercices permettent de comprendre rapidement les concepts et de les mettre en œuvre.
Un formateur expérimenté, pédagogue et disponible. Je repars avec des méthodes et des outils que je peux utiliser immédiatement dans mon travail.
Le contenu était dense, mais très bien expliqué. Le rythme a été adapté au niveau du groupe et chacun a pu progresser.
Des formateurs experts, reconnus par nos apprenants
Chez Sparks Formation, la qualité de nos formations repose sur l'expertise de nos formateurs et la satisfaction de nos apprenants.
Note moyenne attribuée par les participants à nos formateurs
formateurs experts partenaires
Sparks Formation
sujets IT délivrés chaque jour partout en France
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
