EduGroupe accompagne les entreprises dans leurs projets de formation liée aux technologies informatiques
Formation Développer et coder des sites web accessibles
- Référence : ACCESS002
- Durée : 14 heures
- Certification : Non
- Eligible CPF : Non
RÉSUMÉ
Ce module avancé s’adresse aux développeurs web et intégrateurs souhaitant coder dans le respect des référentiels WCAG et RGAA.
La formation couvre les fondamentaux de l’accessibilité numérique, les règles de développement sémantique, la gestion des formulaires, du contraste et des contenus dynamiques.
Les participants apprennent à corriger un code non conforme, à intégrer les tests dans leur processus de développement et à dialoguer efficacement avec les consultants accessibilité lors d’audits.
C’est un socle technique indispensable pour intégrer durablement l’accessibilité dans la chaîne de production web.
CONNAISSANCES PREALABLES
- Avoir suivi la formation « Sensibilisation à l’accessibilité numérique » ou posséder des connaissances équivalentes
- Disposer de connaissances avancées dans le développement de sites web
PROFIL DES STAGIAIRES
- Développeurs web, intégrateurs…
OBJECTIFS
- A l’issue de la formation, le stagiaire sera capable de développer des sites conformes aux recommandations des référentiels d'accessibilité numérique (WCAG ou RGAA)
- Plus précisément :
- Définir précisément ce qu’est l’accessibilité numérique et la distinguer des autres domaines connexes : ergonomie, qualité..
- Connaître les normes d’accessibilité numérique : règles internationales (WCAG) et référentiel général d'Amélioration de l'Accessibilité (RGAA)
- Concevoir un code conforme aux règles d’accessibilité
- Débugguer un code non-accessible
- Savoir intégrer les règles d’accessibilité dans ses habitudes de développement
- Être capable de dialoguer avec des consultants en accessibilité en cas d’audit
METHODES PEDAGOGIQUES
- Mise à disposition d’un poste de travail par stagiaire
- Remise d’une documentation pédagogique numérique pendant le stage
- Présentations interactives avec supports visuels
- Discussions et échanges d'expériences
- Démonstrations en direct
- Exercices pratiques et ateliers
- Études de cas réels
- Le suivi de cette formation donne lieu à la signature d’une feuille d’émargement
METHODES D'EVALUATION DES ACQUIS
- Quiz de validation des acquis en fin de formation
- Analyse d’un code non conforme
- Attestation des compétences acquises envoyée au stagiaire
- Attestation de fin de stage adressée avec la facture
FORMATEUR
Consultant-Formateur expert Développement et Accessibilité
CONTENU DU COURS Accessibilité et ergonomie
1 - Introduction à l'accessibilité numérique (2h)
- Définition de l'accessibilité numérique : Qu'est-ce que l'accessibilité numérique ? – Pourquoi l'accessibilité est-elle importante ? – Législation et politiques en matière d'accessibilité
- Accessibilité vs domaines connexes : Différences entre accessibilité, ergonomie, utilisabilité et qualité web – Comment ces concepts s'articulent-ils ?
- Les acteurs de l'accessibilité : Organisations internationales et nationales – Rôle des développeurs, concepteurs, testeurs et utilisateurs
- Travaux pratiques (30 minutes) : Exercice de définition : les participants définissent l'accessibilité numérique avec leurs propres mots – Discussion : identification des différences entre accessibilité et ergonomie à travers des exemples concrets.
2 - Normes et standards de l'accessibilité (3h)
- Présentation des Web Content Accessibility Guidelines (WCAG) : Principes de WCAG (Perceivable, Operable, Understandable, Robust) – Niveaux de conformité (A, AA, AAA)
Techniques et exemples de réussite et d'échec - Référentiel Général d'Amélioration de l'Accessibilité pour les Administrations (RGAA) : Contexte et objectifs du RGAA – Critères et tests du RGAA – Obligations légales en France
- Autres normes et standards pertinents : Aperçu rapide des autres normes (Section 508, EN 301 549)
- Travaux pratiques (1 heure) : Analyse de la structure d'un document HTML accessible – Exercice de mise en correspondance entre des éléments d'interface et les critères WCAG/RGAA correspondants
3 - Concevoir un code accessible (4h)
- Structure du document et sémantique HTML : Utilisation correcte des titres, paragraphes, listes et autres éléments de structuration – Importance de la hiérarchie du contenu – HTML5 sémantique (balises <article>, <nav>, <main>, etc.)
- Alternatives textuelles : Rôle et importance des alternatives textuelles pour les images et autres éléments non textuels – Bonnes pratiques pour rédiger des alternatives textuelles concises et pertinentes
- Couleurs et contraste : Utilisation appropriée des couleurs pour la signification et la décoration – Assurer un contraste suffisant entre le texte et l'arrière-plan
- Accessibilité des formulaires : Structurer les formulaires avec les balises <label>, <fieldset> et <legend> – Fournir des instructions et des messages d'erreur clairs et accessibles
- Travaux pratiques (1 heure 30) : Codage d'un formulaire accessible – Ajout d'alternatives textuelles à différents types d'images – Exercice de vérification du contraste des couleurs
4 - Déboguer et tester l'accessibilité (3h)
- Identifier les problèmes d'accessibilité : Techniques d'évaluation manuelle (navigation au clavier, vérification de l'ordre de tabulation, etc.) – Utilisation d'outils d'évaluation automatique (Wave, Axe, Lighthouse) – Tests avec des lecteurs d'écran (aperçu)
- Corriger les erreurs d'accessibilité : Techniques de correction pour les problèmes courants (mauvaise structure HTML, contraste insuffisant, etc.)
- Intégrer l'accessibilité dans le processus de développement : Importance des tests d'accessibilité continus – Utilisation de linters et d'outils d'intégration continue pour vérifier l'accessibilité
- Travaux pratiques (1 heure) : Utilisation d'un outil d'évaluation automatique pour identifier les problèmes d'accessibilité dans une page web – Correction des problèmes d'accessibilité identifiés dans le code
5 - Communiquer sur l'accessibilité (2h)
- Importance de la communication sur l'accessibilité : Pourquoi et comment communiquer sur l'accessibilité en interne et en externe
- Dialoguer avec les parties prenantes : Comment expliquer les enjeux de l'accessibilité à des non-spécialistes – Travailler avec des consultants en accessibilité
- Préparation aux audits d'accessibilité : Comprendre le processus d'audit – Comment préparer son code et sa documentation pour un audit
- Travaux pratiques (30 minutes) : Jeu de rôle : simulation d'une discussion avec un client ou un supérieur sur l'importance de l'accessibilité – Préparation d'un court rapport d'accessibilité pour un site web fictif
