Formation Développer et coder des sites web accessibles

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.

 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.

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

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

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

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