Cette formation technique vous permet de maîtriser le développement de sites web accessibles conformes aux référentiels d’accessibilité numérique (WCAG, RGAA).
Apprenez à intégrer l’accessibilité dès la conception, en utilisant des outils et guides méthodologiques issus de ressources RGAA 4.
1, avec une approche théorique et pratique.
Nos formateurs experts illustreront les concepts avec des démonstrations et des études de cas réels.
Vous apprendrez aussi à évaluer l’accessibilité de vos propres développements et de ceux de votre équipe.
Cette formation est éligible à une prise en charge jusqu’à 100% par l’OPCO ATLAS.
Donnez une nouvelle dimension à vos compétences en développement web.
Inclus dans votre formation en inter-entreprise
Programme détaillé
Jour 1 : Les bases du développement web accessible
- L’accessibilité vue par les utilisateurs : mode de navigation et outils utilisés
- Démonstrations d’aides techniques : Zoom, lecteur d’écran, navigation clavier et personnalisation de l’affichage
- Grammaire, balisages et standards
- Structuration des contenus et sémantique HTML5
- Présentation des contenus et modalités de mise en forme via CSS
- Textes, images, cadres, tableaux et liensDocuments
- bureautiques et fichiers en téléchargement
- Analyse de code
- Bilan de la journée
Jour 2 : Interactions et composants d’interfaces riches
- Navigation au clavier
- Consultation
- Vidéo
- Formulaires
- Motifs de conception (modale, onglets, accordéons, autocomplétion, ouvrant/fermant...)
- Interfaces riches et gestion de l’API ARIA (rafraîchissements, redirections, onglets, modales, menus…)
- Analyse de code
- Bilan de la journée
Mise en pratique
L'un des principes de cette formation est de pouvoir développer accessible, de contrôler le niveau d'accessibilité de ses propres développements mais aussi de ceux réalisés par les membres de son équipe. Deux approches différenciées (le « front » et le « back ») sont couvertes au travers d’ateliers pratiques.
Au sein des développements « front end » sont vus en formation :
- La validation sémantique (qualité de la « dictée »)
- Le débogage
- Le respect des normes en fonction des supports et des usages
- La dissociation du fond et de la forme
- L’appropriation des interfaces lorsque la CSS est désactivée
- La lecture de code source généré
Au sein des développements « back end » sont vus en formation :
- La gestion du templating
- La configuration du CMS
- Les optimisations du CMS liées à la gestion des contenus
- Le « verrouillage » de l’éditeur de texte enrichi
- Le support dédié aux pratiques de contribution
- Le contrôle automatisé de la vérification de la contribution