Page mise à jour le 19/01/2025.
Objectif pédagogique
À l’issue de la formation le stagiaire doit avoir la capacité de :
- Acquérir les connaissances techniques complémentaires (WAI-ARIA) pour assurer la qualité d’un développement accessible ;
- Maîtriser les bonnes pratiques requises pour la mise en place de contenus accessibles simples ou plus spécifiques ;
- Mettre en œuvre ces bonnes pratiques à travers différents exemples et exercices de codage.
Tarif : 2400 € HT.
Durée et modalités
- 28 heures (4 jours) ;
- Présentiel ou distanciel.
Formateur : Jean-Pierre Gay
La formation peut être proposée en intra-entreprise, contactez-nous.
Public cible
- Chef de projet ;
- Architecte logiciel ;
- Développeur ;
- Futur auditeur.
Nombre de stagiaires
- Minimum : 3 ;
- Maximum : 8.
Prérequis
Les prérequis seront vérifiés au moyen d’un questionnaire ou d’un entretien individuel.
- Maîtrise des langages HTML et CSS. Bonne connaissance de JavaScript ;
- Avoir suivi une formation de sensibilisation à l’accessibilité numérique ;
- Maîtrise du fonctionnement d’un site web.
Prérequis matériels
- Disposer d’un ordinateur portable ;
- Disposer des droits d’administration pour l’installation d’outils logiciels (notamment lecteur d’écran).
Les prochaines dates de formation pour 2025
- Du 8 au 11 avril, en distanciel ;
- Du 13 au 16 mai, en distanciel ;
- Du 10 au 13 juin, en distanciel ;
- Du 8 au 11 juillet, en distanciel ;
- Du 9 au 12 septembre, en distanciel.
Pour réserver votre session
Programme détaillé
Journée 1
| Module | Détail |
|---|---|
| Introduction à la formation | Présentation des stagiaires et du formateur, Plan de la formation. |
| Standards du web | Rappel du cadre technique et des standards du web. |
| Comprendre le rôle d’une API d’accessibilité | DOM et arbre d’accessibilité, Arbre d’accessibilité et assistance technique. |
| Introduction à WAI-ARIA | WAI-ARIA et son écosystème (propriétés, états et rôles), Principes de fonctionnement |
| Outils de développement | Outillage de base (extensions pour navigateurs et éditeurs de code). |
| Structure globale d’une page | Type de document et validation du code, Éléments obligatoires (titre de page, langue du document, sens de lecture), Techniques spécifiques : cadres (iframe), rafraîchissement de page, limitation temporelle de la consultation. |
| Zones de contenu | Contenus transverses (menu de navigation, plan de site, moteur de recherche), Régions (“landmarks”) : haut de page, pied de page, recherche, contenu annexe, navigation (menu, fil d’Ariane, Pagination), Raccourcis et liens d’évitements (“skip links”). |
Journée 2
| Module | Détail |
|---|---|
| Structures de contenu simples | Importance de la sémantique des éléments HTML (natifs et personnalisés), Titres, listes et citations, Liens (identification – contenu visible et nom accessible, et pertinence), Images (décoratives, informatives, description détaillée et légendes). |
| Tableaux | Structure simple, Structure complexe. |
| Formulaires | Conception (nom et sémantique), Structure des contrôles, Groupement, Gestion des erreurs. |
| Présentation des contenus | Usage de CSS, Agencement (responsive, …), Couleur (visibilité, contraste), Position, taille et forme des contenus, Contenus en mouvement, clignotant, Effets de luminosité ;Mécanismes alternatifs possibles. |
Journée 3
| Module | Détail |
|---|---|
| Interaction dans les contenus | Usages de JavaScript, Alternatives à JavaScript, Gestion des interactions (clavier, toucher, avec l’appareil), Changements de contenu et de contexte (gestion du focus et notification). |
| Composants d’interface | Anatomie d’un composant (identification, sémantique et interactions), Composants spécifiques ou personnalisés, Illustration à partir de différents types de bouton. |
| Contenus multimédias audio et vidéo | Contenus alternatifs Lecteurs multimédias : fonctionnalités et interactions. |
| Contenus multimédias non temporels | Contenus alternatifs Interface et interactions. |
| Introduction aux Design patterns | Panorama des modèles de conception (design patterns WAI-ARIA). |
Journée 4
| Module | Détail |
|---|---|
| Revue des Design patterns | Revue détaillée de certains modèles fréquemment rencontrés (Disclosure, Tabs, Dialog, …) Revue de certains modèles caractéristiques (Grid, Menu, …). |
| Industrialisation | Bibliothèques de composant, Outils de test automatique. |
| Veille technique | Organiser sa veille, Ressources disponibles. |
| Conclusion de la formation | Synthèse et questions diverses, Questionnaire d’évaluation de fin de formation, Questionnaire d’évaluation de la formation |
Moyens pédagogiques
- Support de formation PDF ;
- Apports du formateur ;
- Réflexion collective ;
- Exercices pratiques.
Moyens techniques
- Ordinateur ;
- Support PDF ;
- Vidéoprojecteur.
Suivi de formation
- Feuille de présence signée ;
- Attestation de formation ;
- Certificat de réalisation.
Évaluations
- Quiz (QCM, QCU et questions ouvertes) ;
- Études de cas (atelier) ;
- Audit d’évaluation final.
Accessibilité aux personnes handicapées
Les personnes en situation de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d’étudier ensemble les possibilités d’adapter la formation. Il est à noter que le support de formation sera disponible au format HTML afin de permettre une meilleure accessibilité de ses contenus.