Prérequis
- Avoir suivi une sensibilisation à l’accessibilité numérique
- Développement Front (HTML / CSS), simples
- Notions en JavaScript
Objectifs
- Acquérir les connaissances nécessaires pour intégrer le RGAA / les WCAG dans le développement de sites et applications web
- Maîtriser la sémantique des balises HTML et son impact sur l’accessibilité numérique
- Gérer les feuilles de styles pour masquer de façon accessible et permettre le redimensionnement du texte
- Anticiper le développement de contenus dynamiques accessibles avec JavaScript
- Découvrir ARIA pour rendre les éléments dynamiques accessibles (plier / déplier, carrousel, mega-menu…)
- Savoir mettre en place les tests nécessaires pour valider ses développements
Plan de la formation
Jour 1
- Introduction et rappel du cadre technique :
- Recommandations du W3C (WCAG 2.1 et WAI-ARIA)
- L’histoire du HTML
- Anatomie d’une page Web
- Produire du HTML 5 et CSS 3 accessible :
- Structuration du document web
- Contenus multimédias
- Formulaires, liens et boutons
Jour 2
- Produire du JavaScript accessible :
- Aspects fondamentaux du langage JavaScript (règles, tests, outils)
- Tour d’horizon des Librairies JavaScript
Jour 3
- AJAX et contenus dynamiques :
- Aspects fondamentaux (règles, tests, outils)
- Gestion des contenus en mouvement et mise à jour
Jour 4
- ARIA : tour d’horizon et mise en en application
- Aspects fondamentaux (règles, tests, outils)
- Rôles, propriétés et états
- Schéma de conception (Design patterns)
- Exercices à réaliser pour la dernière demi-journée
Jour 5 (demi-journée)
- Atelier :
- Correction des exercices
- Analyse et échanges autour d’exemples fournis par les participants
- Test de composants
Quelques références
Plusieurs grands clients ont déjà suivi nos formations…
