Prérequis
Etre sensibilisé à l'accessibilité numérique, et avoir des connaissances du HTML et du CSS.
Avant la formation, l'ensemble des participants recevra un diagnostic préalable afin d'analyser et d'affiner ses besoins. Les retours formulés dans ce test permettront de vérifier les prérequis à la formation ainsi que d'adapter au mieux les exercices pratiques.
Objectifs de formation
A l'issue de cette formation, vous serez capable de :
- Expliquer les principes fondamentaux de l'accessibilité numérique
- Identifier les 106 critères du référentiel d'accessibilité (RGAA)
- Reconnaître les techniques de tests selon les critères d'accessibilité
- Décrire la méthodologie d'un audit d'accessibilité et les livrables associés.
Programme de votre formation
-
#
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
-
#
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
Exemple 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é
- Rapport d'audit
- Restitution
Jour 1 - Après-midi
Les outils de tests
- Principe des tests d'accessibilité, limite des outils automatiques
- 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 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
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)
- 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 - Matin
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)
- Tableaux de données (résumé : présence et pertinence, titre : présence et pertinence, en-têtes de lignes et de colonnes)
- Tableaux de présentation
- Liens (critères 6.1 et 6.2)
- Les différents types de liens
- Notion de lien explicite; notion de contexte de lien
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
- Analyse de pages Web, et détection des liens, vérification du contexte pour vérifier s'ils ont explicites, techniques de tests
Jour 2 - Après-midi
Les thématiques du RGAA 4 - Suite
- 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
- 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
- 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)
- 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 et vérification du changement de contexte sur des pages Web
- Techniques de tests de messages d'alerte et de statut sur une page Web
- Techniques de tests et mise en oeuvre sur une page Web
- Analyse de différentes pages Web, et détermination des titres de section, de la bonne structure du document, des listes et citations
Jour 3 - 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
- 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
Exemples de travaux pratiques (à titre indicatif)
- Détermination des techniques de masquage appropriées pour différentes situations
- Technique de tests, vérification sur une page Web
- Technique de tests, présentation des outils pour vérification sur une page Web
- Tester un formulaire complet sur un site Web, présentant tous les cas
- Techniques de test au clavier
Jour 3 - Après-midi
Les thématiques du RGAA 4 - Suite
- 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)
- Techniques de tests sur les mouvements et les flashs (durées applicables...)
- Techniques de tests sur les alternatives aux gestes complexes, analyses de pages Web
- Cas pratique final : auditer une page Web simple à travers une grille d'audit
- Correction du cas pratique, restitution en groupe
Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.
-
#
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é…)
- ¹ 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.
- ² 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.
Modalités, méthodes et moyens pédagogiques
Formation délivrée en présentiel ou distanciel* (blended-learning, e-learning, classe virtuelle, présentiel à distance).
Le formateur alterne entre méthode** démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).
Variables suivant les formations, les moyens pédagogiques mis en oeuvre sont :
- Ordinateurs Mac ou PC (sauf pour certains cours de l'offre Management), connexion internet fibre, tableau blanc ou paperboard, vidéoprojecteur ou écran tactile interactif (pour le distanciel)
- Environnements de formation installés sur les postes de travail ou en ligne
- Supports de cours et exercices
En cas de formation intra sur site externe à M2I, le client s'assure et s'engage également à avoir toutes les ressources matérielles pédagogiques nécessaires (équipements informatiques...) au bon déroulement de l'action de formation visée conformément aux prérequis indiqués dans le programme de formation communiqué.
* nous consulter pour la faisabilité en distanciel
** ratio variable selon le cours suivi
Modalités d’évaluation des acquis
- Tout au long de la formation, les aspects théoriques seront complétés par des exercices et des cas pratiques permettant de mettre en oeuvre les différents apprentissages
Accessibilité de la formation
Le groupe M2I s'engage pour faciliter l'accessibilité de ses formations. Toutes nos formations sont accessibles aux personnes en situation de handicap : les détails de l'accueil des personnes sont consultables sur la page Politique Handicap
Modalités et délais d’accès à la formation
Les formations M2I sont disponibles selon les modalités proposées sur la page programme. Les inscriptions sont possibles jusqu'à 48 heures ouvrées avant le début de la formation. Dans le cas d'une formation financée par le CPF, ce délai est porté à 12 jours ouvrés.

