^New

Formation Les différents rôles en accessibilité numérique Auditeur en accessibilité - Profil général

Programme de votre formation

1. #

   M2I START AVANT VOTRE FORMATION

   Contextualisation du projet de formation et prise en compte des besoins de chacun

   • Positionnement initial de l’apprenant par rapport aux objectifs
   • Définition des priorités et des objectifs personnels de l’apprenant
   • Vidéos de mise en situation
   • Accès au Chat interactif myM2i pour interagir avec les membres de son groupe
   
2. #

   M2I LIVE VOTRE FORMATION ANIMÉE PAR NOTRE EXPERT ^¹

   Programme

   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é

   La législation française relative à l'accessibilité numérique

   • Le cadre légal en France
   • Obligations déclaratives et de conformité
   • L'ARCOM : contrôles et sanctions

   Exemples de travaux pratiques (à titre indicatif)

   • Cas pratique avec visualisation sur des sites grand public

   L'audit d'accessibilité

   • Méthodologie
   • Définition d'un échantillon d'audit
   • Comprendre et utiliser la grille d'audit RGAA
   • Calcul du taux de conformité
   • Dérogation et exemptions
   • Déclaration d'accessibilité

   Jour 1 - Après-midi

   Les outils de tests

   • Principe des tests d'accessibilité, limite des outils automatiques
   • Les outils intégrés dans les navigateurs
   • Les outils automatiques
   • Les outils manuels
   • Test au clavier
   • Assistant RGAA : pour identifier les alternatives des images, pour redéfinir les propriétés d'espacement des textes
   • ANDI : pour identifier les alternatives des images, les noms accessibles, les contrastes de couleurs, la visibilité du focus
   • HeadingsMap : pour définir la structure du document (niveaux de titres)
   • Colour Contrast Analyzer : pour tester les contrastes de couleurs

   Exemples de travaux pratiques (à titre indicatif)

   • Présentation et utilisation de quelques outils intégrés dans les navigateurs (recherche de problèmes de contrastes, ordre de tabulation...)
   • Présentation et utilisation de quelques outils automatiques (type Tanaguru Webext RGAA 4)
   • Apprendre à utiliser les outils manuels avec des cas pratiques sur des sites Web
   • Cas pratique : tester la navigation au lecteur d'écran

   Concept WAI-ARIA

   • Rappel HTML
   • WAI-ARIA : rôle, statut et propriété
   • Exemples d'utilisation

   Rappels sur les bases du Web

   • DOM et construction d'une page Web
   • Eléments, balises, attributs
   • Syntaxe
   • Les différentes catégories de contenus

   Jour 2 - Matin

   Les thématiques du RGAA 4

   • Images (critères 1.1 à 1.8)
   • Images décoratives
   • Images informatives simples
   • Images complexes
   • Images de texte
   • Images légendées
   • Cadres (critères 2.1 et 2.2)
   • Présence d'un titre et pertinence
   • Couleurs (critères 3.1 à 3.3)
   • Principes généraux
   • Information portée par les couleurs
   • Evaluation des contrastes de couleur
   • Contraste des textes
   • Contraste des éléments non textuels

   Exemples de travaux pratiques (à titre indicatif)

   • Identification des différents types d'image des pages Web, et détermination des alternatives pertinentes, techniques de tests
   • Identification des cadres sur une page Web et vérification de l'attribution title, techniques de tests
   • Tester les contrastes de couleurs sur des sites Web dans différents cas de figure, présentation et utilisation des outils, techniques de tests

   Jour 2 - Après-midi

   Les thématiques du RGAA 4 - Suite

   • Multimédia (critères 4.1 à 4.13)
   • Principes généraux
   • Compatibilité
   • Transcription textuelle
   • Audiodescription
   • Sous-titres
   • Identification
   • Alternatives
   • Contrôlable au clavier
   • Compatibilité avec les technologies d'assistance
   • Tableaux (critères 5.1 à 5.8)
   • Principes généraux
   • Tableaux de données (Résumé : présence et pertinence, titre : présence et pertinence, techniques d'implémentation, en-têtes de lignes et de colonnes)
   • Tableaux de présentation (compréhension, attributs et balises HTML)

   Exemples de travaux pratiques (à titre indicatif)

   • Revue de différents types de médias, techniques de tests
   • Vérification sur des tableaux existants, présentation de tableaux accessibles, techniques de tests, mise en pratique avec recommandation à produire pour rendre un tableau accessible
   • Tester un tableau de présentation accessible

   Jour 3 - Matin

   Les thématiques du RGAA 4 - Suite

   • Liens (critères 6.1 et 6.2)
   • Les différents types de liens
   • Notion de lien explicite; notion de contexte de lien
   • Liens vides
   • Scripts (critères 7.1 à 7.5)
   • Compatibilité avec les technologies d'assistance (pistes de conception, nom, rôle, valeur, paramétrage et changements d'état, design patterns)
   • Les alternatives aux scripts
   • La gestion des interactions clavier / souris / tactile
   • Les changements de contexte
   • Les messages d'alerte et de statut

   Exemples de travaux pratiques (à titre indicatif)

   • Analyse de pages Web, et détection des liens, vérification du contexte pour vérifier s'ils ont explicites, techniques de tests
   • Présentation des techniques de tests, vérification de code HTML accessible sur les scripts, exercice d'audit sur une page Web
   • Analyse de scripts présents dans des pages Web, et détermination d'alternatives possibles
   • Techniques de tests de messages d'alerte et de statut sur une page Web

   Jour 3 - Après-midi

   Les thématiques du RGAA 4 - Suite

   • Eléments obligatoires (critères 8.1 à 8.10)
   • Type de document
   • Validité du code
   • Gestion des changements de langue et de direction de lecture
   • Titres de page
   • Propositions de correction
   • Utilisation des éléments de présentation
   • Structuration de l'information (critères 9.1 à 9.4)
   • Titres de section
   • Structures de document
   • Les différents types de listes
   • Citations

   Exemples de travaux pratiques (à titre indicatif)

   • Techniques de tests de vérification du type de document, mise en oeuvre sur une page Web
   • Techniques de tests et mise en oeuvre sur une page Web
   • Analyse de pages Web, et vérification de la pertinence du titre. Proposition de correction
   • Analyse de différentes pages Web, et détermination des titres de section pertinents
   • Analyse de différentes pages Web, et détermination des structure de document pertinentes
   • Analyse de différentes pages Web, et détermination des types de listes pertinents
   • Analyse de différentes pages Web, et détermination des types de citations

   Jour 4 - Matin

   Les thématiques du RGAA 4 - Suite

   • Présentation de l'information (critères 10.1 à 10.14)
   • Utilisation des styles
   • Caractères agrandis
   • Gestion des couleurs
   • Contenu caché
   • Information donnée par la forme, la taille ou la position
   • Réorganisation du contenu
   • Visualisation en vue étroite
   • Propriétés d'espacement des textes
   • Gestion des contenus additionnels
   • Formulaires (critères 11.1 à 11.13)
   • Etiquettes de champs: présence, pertinence, cohérence
   • Position des étiquettes
   • Regroupement de champs
   • Regroupement des options de listes
   • Boutons de formulaire
   • Contrôles de saisie, champs obligatoires, champs en erreur
   • Reprise des données
   • Attributs pour le remplissage automatique

   Exemples de travaux pratiques (à titre indicatif)

   • Techniques de tests sur une page Web quand les feuilles de styles sont désactivées
   • Tests sur page Web avec un zoom à 200%
   • Techniques de tests pour vérifier la déclaration CSS des couleurs de fond, distinction des liens, visibilité du focus
   • Détermination des techniques de masquage appropriées pour différentes situations
   • Technique de tests, vérification sur une page Web
   • Technique de tests, vérification sur une page Web avec une largeur de 320px
   • Technique de tests, présentation des outils pour vérification sur une page Web
   • Analyse de différents formulaires Web, et vérification de la pertinence des étiquettes de champs
   • Vérification de la position des étiquettes sur des pages Web
   • Analyse de différents formulaires Web pour tester la notion de regroupement
   • Analyse de différents formulaires Web pour tester les boutons
   • Analyse de différents formulaires Web pour tester les contrôles de saisie, techniques de tests
   • Analyse de différents formulaires Web, et vérification de la pertinence des attributs pour le remplissage automatique

   Jour 4 - Après-midi

   Les thématiques du RGAA 4 - Suite

   • Navigation (critères 12.1 à 12.11)
   • Mécanismes de navigation interne
   • Zones de regroupement
   • Liens d'évitement
   • Ordre de tabulation
   • Piège au clavier
   • Raccourcis clavier
   • Gestion du clavier pour les contenus additionnels
   • Consultation (critères 13.1 à 13.12)
   • Limites de temps
   • Ouverture d'une nouvelle fenêtre
   • Documents bureautiques et alternatives
   • Contenus cryptiques
   • Changements de luminosité, effets de flash
   • Mouvements et clignotements
   • Orientations
   • Gestes complexes
   • Annulation des interactions
   • Interactions par le mouvement

   Exemples de travaux pratiques (à titre indicatif)

   • Analyse de sites Web, vérification de la présence de deux systèmes de navigation interne et leur positionnement, analyse de la pertinence du plan du site, atteinte des moyens de navigation
   • Analyse de pages Web, techniques de tests de l'atteinte des zones de regroupement dans le code
   • Vérifier et tester les liens d'évitement sur un site Web
   • Techniques de test et de gestion de l'ordre de tabulation avec le HTML et le CSS, vérification avec des tests au clavier
   • Techniques de tests de piège au clavier sur un site Web
   • Techniques de test et vérification sur des sites Web
   • Techniques de test au clavier pour vérification de la prise de focus des contenus apparaissant au survol
   • Techniques de test et vérification des limites de temps sur des cas concrets (sites Web)
   • Techniques de test sur un site Web (notamment sur les fenêtres modales)
   • Vérifier l'accessibilité des PDF et documents Word avec les bons outils
   • Techniques de tests sur les mouvements et les flashs (durées applicables...)
   • Techniques de tests sur le changement d'orientation (portrait ou paysage)
   • Techniques de tests sur les alternatives aux gestes complexes, analyses de pages Web

   Jour 5 - Matin

   Les livrables d'un audit d'accessibilité : présentation et explications

   • Vérification de la grille d'audit
   • Rédaction de la déclaration d'accessibilité
   • Rapport détaillé d'audit
   • Réunion de restitution

   Exemple de travaux pratiques (à titre indicatif)

   • Cas pratique final : auditer une page Web à travers une grille d'audit

   Jour 5 - Après-midi

   Exemple de travaux pratiques (à titre indicatif) - Suite

   • Suite du cas pratique final : rédiger la déclaration d'accessibilité et fournir 3 préconisations dans un rapport d'audit, et les restituer en groupe
   • Correction du cas pratique

   Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

   
3. #

   M2I BOOST APRÈS VOTRE FORMATION

   Réactivation et consolidation des acquis en situation de travail

   • 30 jours d’accompagnement personnalisé sur myM2i inclus ^²
   • Ressources Boosters (Abonnement au M2i’Mag Soft Skills, formations offertes, invitations aux conférences d’actualité…)
   

1. ^¹ Les actions et les outils présentés dans ce programme le sont à titre indicatif et peuvent faire l’objet d'adaptation selon les niveaux, prérequis et besoins des apprenants. Les compétences clés de ce programme sont traitées à raison d'une compétence par demi-journée de formation.
2. ^² Sur myM2i, pendant 30 jours post-fin de formation, les apprenants disposent d’une messagerie sécurisée pour échanger, dans la limite de 4 sollicitations, avec leur formateur.