> Formations > Technologies numériques > MOA, Business Analysis > Ergonomie, UX, accessibilité > Formation Campus Atlas - Tester l’accessibilité de sites et applications > Formations > Technologies numériques > Formation Campus Atlas - Tester l’accessibilité de sites et applications
Formation : Campus Atlas - Tester l’accessibilité de sites et applications
Cours pratique - 3j
- 21h00 - Réf. UXC
|
Télécharger le programme
Partager cette formation
 | Découvrir les référentiels d’accessibilité RGAA |
| Comprendre les problématiques rencontrées par les personnes en situation de handicap sur les sites et applications |
| Tester l'accessibilité des sites web et applications mobiles |
| Proposer des solutions pour chaque problème relevé |
Public concerné
Pour les adhérents à l'OPCO Atlas : toute personne qui vérifie l’accessibilité d’un contenu numérique (auditeurs, intégrateurs web, responsables qualité, testeurs, responsables techniques…).
Prérequis
Avoir suivi la formation "Sensibilisation à l’accessibilité numérique" et connaître le développement de sites web (HTML, CSS, JAVASCRIPT).
Méthodes et moyens pédagogiques
Travaux pratiques
Des études de cas et exercices pratiques.
Méthodes pédagogiques
60% pratique – 40% théorie.
Pour optimiser le parcours d’apprentissage, des modules e-learning peuvent être fournis avant et après la session présentielle ou la classe virtuelle, sur simple demande du participant.
Modalités d'évaluation
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.
Programme de la formation
1 HTML et CSS, créer des sites web modernes et sémantiques - Contenu digital learning préformation
- Les bases du HTML.
- Structurer et organiser une page HTML.
- Mettre en forme le HTML avec CSS.
- Utiliser le HTML sémantique.
- Créer des formulaires en HTML.
Activités digitales
Cette formation en ligne apprend les bases du HTML et du CSS pour concevoir des sites web modernes. Les participants verront comment structurer une page avec du texte, des médias et des éléments interactifs, utiliser les attributs *id* et *class*, et créer une première feuille de styles. La formation aborde également le HTML sémantique et les nouveautés du HTML5, avant de se conclure par la création d’un formulaire de contact complet et fonctionnel.
2 Introduction et enjeu de l’accessibilité numérique
- Définitions clés : accessibilité, inclusion, obligations légales.
- Enjeux sociaux, juridiques et éthiques.
- Présentation des handicaps et obstacles numériques (typologie d’handicaps visuels, moteurs, auditifs et cognitifs).
Travaux pratiques
Quiz interactif. Tour de table : perception initiale de l’accessibilité. Partage d’expériences/attentes des participants.
3 Les normes internationales WCAG ET ARIA
- WCAG 2.1 : principes POUR (Perceivable, Operable, Understandable, Robust).
- Niveaux de conformité : A, AA, AAA.
- Présentation des attributs WAI-ARIA.
- Bonnes pratiques associées à ARIA (quand l’utiliser, quand l’éviter).
Travaux pratiques
Lecture commentée de critères WCAG Quiz sur les niveaux de conformité. Association critères/niveaux de conformité. Mini cas pratiques : corriger un composant non conforme avec ARIA.
4 Explorer le RGAA
- Présentation du RGAA 4.x : structure, organisation en thématiques.
- Fonctionnement : tests, résultats attendus, justifications.
- Périmètre d’application (sites publics, privés, mobiles, etc.).
Travaux pratiques
Étude de critères RGAA réels (image, titre, couleur). Travail en binômes sur l’analyse de non-conformité simple. Quiz de révision.
5 Mener un audit RGAA
- Étapes de l’audit : cadrage, échantillonnage, test, restitution.
- Choix des pages pertinentes à auditer.
- Rôle des parties prenantes : auditeur, développeur, chef de projet.
Travaux pratiques
Simulation d’un cadrage d’audit sur site donnée. Constitution d’un tableau d’échantillonnage. Débrief sur les écarts de perception (qu’est-ce qu’un échantillon pertinent ?)
6 Tester les bases de l’accessibilité
- Images et textes alternatifs.
- Titres et niveaux de titres.
- Liens, boutons et éléments interactifs simples.
- Contrastes de couleurs et structure HTML.
- Utilisation d’outils d’analyse visuelle (Wave, Axe DevTools, Color Contrast Analyzer, Lighthouse).
Travaux pratiques
TP guidé : test d’une page web avec Lighthouse et Wave (identification des problèmes d’accessibilité de base). Utilisation d’un outil de test pour vérifier le contraste et la structure des balises. Échange collectif sur les premiers contrats.
7 Tester les interactions complexes
- Formulaires (étiquettes, erreurs, focus).
- Tableaux de données.
- Menus dynamiques (drop-down, accordéons).
- Messages dynamiques (alertes, modales).
Travaux pratiques
Navigation uniquement au clavier sur une interface réelle. Tests de formulaires et menus dynamiques. Débrief : ce que les outils automatiques ne voient pas.
8 Accessibilité mobile
- Différences d’approche entre desktop et mobile.
- Fonctionnement des lecteurs d’écran mobiles : VoiceOver (iOS), TalkBack (Android).
- Exemple de composants mobiles inaccessibles (icônes, gestures, scrolls infinis).
Travaux pratiques
Tests d'accessibilité sur simulateur mobile ou smartphone (via navigateur ou app). Comparaison de comportements entre desktop et mobile. Observation d’un utilisateur utilisant VoiceOver.
9 Rédiger des constats RGAA
- Règles de rédaction d’un constat RGAA (critère, test, résultat, justification).
- Importance de la traçabilité et de la reproductibilité du test.
- Hiérarchisation des constats : critique, bloquant, à améliorer.
Travaux pratiques
Rédaction de 2 constats complets sur une page auditée. Relecture croisée entre pairs et amélioration. Création d’un tableau synthétique des erreurs fréquentes.
10 Corriger les problèmes identifiés
- Bonnes pratiques HTML/CSS/ARIA.
- Alternatives accessibles aux éléments interactifs (icônes, sliders, menus).
- Approche progressive : correction rapide versus refonte globale.
Travaux pratiques
Atelier code : rendre un formulaire ou composant accessible. Démonstration : correction d’un menu avec ARIA. Discussion : arbitrer entre conformité, UX et contraintes techniques.
11 Structurer un rapport d’audit
- Structure d’un rapport RGAA : contexte.
- Échantillon.
- Résumé des écarts.
- Constats détaillés.
- Recommandations "quick wins".
Travaux pratiques tutorés
Rédaction en sous-groupe d’un mini-rapport à partir de constats produits. Revue collective : lisibilité, précision, pertinence.
12 Restituer un audit accessibilité
- Posture de l’auditeur : pédagogie, clarté, diplomatie.
- Adapter son discours selon l’interlocuteur (technique, métier, dirigeant).
- Prioriser les messages clés.
Travaux pratiques
Simulation de restitution orale devant le groupe. Feedback entre pairs sur la forme et le fond. Conseils pour conclure avec des engagements réalistes.
13 Bilan et auto-évaluation
- Bilan collectif : ce que je retiens, ce que j’applique.
- Autopositionnement comparatif (pré/post).
- Ressources pour aller plus loin (documentation, communautés, outils).
Travaux pratiques
QCM final de positionnement. Élaboration d’un plan d’action individuel. Questionnaire satisfaction à chaud et remise des attestations.
14 UX design et ergonomie des interfaces - Contenu digital learning post-formation
- Conception d'une interface.
Activités digitales
Cette formation en ligne apprend à concevoir des interfaces pour faciliter l'utilisation d'applications par des utilisateurs. Les participants découvriront comment mettre l'utilisateur au centre de l'expérience et améliorer l'accès aux ressources clés.
Solutions de financement
Plusieurs solutions existent pour financer votre formation et dépendent de votre situation professionnelle.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.
Découvrez-les sur notre page Comment financer sa formation ou contactez votre conseiller formation.
Financement par les OPCO
- Adhérents Atlas, découvrez les avantages négociés par votre OPCO en cliquant ici
Horaires
Les cours ont lieu de 9h à 12h30 et de 14h à 17h30.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
Les participants sont accueillis à partir de 8h45. Les pauses et déjeuners sont offerts.
Pour les formations de 4 ou 5 jours, quelle que soit la modalité, les sessions se terminent à 16h le dernier jour.
PARTICIPANTS
Pour les adhérents à l'OPCO Atlas : toute personne qui vérifie l’accessibilité d’un contenu numérique (auditeurs, intégrateurs web, responsables qualité, testeurs, responsables techniques…).
PRÉREQUIS
Avoir suivi la formation "Sensibilisation à l’accessibilité numérique" et connaître le développement de sites web (HTML, CSS, JAVASCRIPT).
COMPÉTENCES DU FORMATEUR
Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.
MODALITÉS D’ÉVALUATION
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.
MODALITÉS ET DÉLAIS D’ACCÈS
L’inscription doit être finalisée 24 heures avant le début de la formation.
ACCESSIBILITÉ AUX PERSONNES HANDICAPÉES
Pour toute question ou besoin relatif à l’accessibilité, vous pouvez joindre notre équipe PSH par e-mail à l’adresse psh-accueil@orsys.fr.
Pour les adhérents à l'OPCO Atlas : toute personne qui vérifie l’accessibilité d’un contenu numérique (auditeurs, intégrateurs web, responsables qualité, testeurs, responsables techniques…).
PRÉREQUIS
Avoir suivi la formation "Sensibilisation à l’accessibilité numérique" et connaître le développement de sites web (HTML, CSS, JAVASCRIPT).
COMPÉTENCES DU FORMATEUR
Les experts qui animent la formation sont des spécialistes des matières abordées. Ils ont été validés par nos équipes pédagogiques tant sur le plan des connaissances métiers que sur celui de la pédagogie, et ce pour chaque cours qu’ils enseignent. Ils ont au minimum cinq à dix années d’expérience dans leur domaine et occupent ou ont occupé des postes à responsabilité en entreprise.
MODALITÉS D’ÉVALUATION
Le formateur évalue la progression pédagogique du participant tout au long de la formation au moyen de QCM, mises en situation, travaux pratiques…
Le participant complète également un test de positionnement en amont et en aval pour valider les compétences acquises.
MOYENS PÉDAGOGIQUES ET TECHNIQUES
• Les moyens pédagogiques et les méthodes d’enseignement utilisés sont principalement : aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les formations pratiques, études de cas ou présentation de cas réels pour les séminaires de formation.
• À l’issue de chaque formation ou séminaire, ORSYS fournit aux participants un questionnaire d’évaluation du cours qui est ensuite analysé par nos équipes pédagogiques.
• Une feuille d’émargement par demi-journée de présence est fournie en fin de formation ainsi qu’une attestation de fin de formation si le participant a bien assisté à la totalité de la session.
• Les moyens pédagogiques et les méthodes d’enseignement utilisés sont principalement : aides audiovisuelles, documentation et support de cours, exercices pratiques d’application et corrigés des exercices pour les formations pratiques, études de cas ou présentation de cas réels pour les séminaires de formation.
• À l’issue de chaque formation ou séminaire, ORSYS fournit aux participants un questionnaire d’évaluation du cours qui est ensuite analysé par nos équipes pédagogiques.
• Une feuille d’émargement par demi-journée de présence est fournie en fin de formation ainsi qu’une attestation de fin de formation si le participant a bien assisté à la totalité de la session.
MODALITÉS ET DÉLAIS D’ACCÈS
L’inscription doit être finalisée 24 heures avant le début de la formation.
ACCESSIBILITÉ AUX PERSONNES HANDICAPÉES
Pour toute question ou besoin relatif à l’accessibilité, vous pouvez joindre notre équipe PSH par e-mail à l’adresse psh-accueil@orsys.fr.
Dates et lieux
Sélectionnez votre lieu ou optez pour la classe à distance puis choisissez votre date.
Classe à distance
Dernières places
Date garantie en présentiel ou à distance
Session garantie