Formation - Développer et coder des sites web accessibles

1 -

• Qui est concerné ? Panorama des profils utilisateurs en situation de handicap
• Tour d’horizon des référentiels : WCAG, RGAA Lois et réglementations en vigueur encadrant l’accessibilité des contenus numériques
• Structurer une page web pour favoriser l’accessibilité (HTML sémantique, hiérarchisation)
• Distinction entre accessibilité, ergonomie, UX et qualité web : définitions, objectifs, complémentarités
• Faire le lien entre accessibilité, qualité web, et écoconception
• Introduction à l’approche "shift left": penser accessibilité dès la conception
• Positionnement de l’accessibilité dans une démarche qualité et RSE
Atelier

Réalisation de modifications sur une page web pour répondre aux exigences d’accessibilité

2 - Composants essentiels – navigation et hyperliens

• Les éléments clés à intégrer pour respecter l’accessibilité
• Bonnes pratiques autour des liens (libellé, contexte, accessibilité clavier)
• Concevoir une arborescence de navigation intuitive et inclusive

3 - Accès à l’information – compréhension et structure

• Défis liés à la lisibilité et à la clarté de l’information
• Analyse des conditions de consultation selon différents handicaps (visuels, cognitifs, etc.)
• Utilisation d’outils d’audit automatique (Lighthouse, axe DevTools, Wave)
• Lecture et interprétation des erreurs courantes (structure, contrastes, focus, attributs ARIA...)
• Introduction au processus d’audit RGAA et aux rôles impliqués
• Savoir dialoguer avec un expert en accessibilité : compréhension des rapports, échanges sur les correctifs
Atelier

Implémentation de menus et de liens accessibles, audit et optimisation d’une page pour améliorer sa compréhension et son accessibilité

4 - Accessibilité des contenus visuels et des données

• Bonnes pratiques pour l’intégration des images et illustrations
• Textes alternatifs et transposition accessible des contenus graphiques
• Utilisation pertinente du CSS pour le fond et les contrastes
• Accessibilité des tableaux : structuration et compréhension
• Gestion des fichiers SVG et alternatives aux CAPTCHA visuels
• Lien entre accessibilité visuelle et écoconception numérique : sobriété, pertinence, lisibilité
Atelier

Intégration de visuels, infographies et tableaux en respectant les normes d’accessibilité

5 - Médias dynamiques et interactivité

• Rendre les vidéos et sons utilisables par tous : sous-titrage, transcription, audiodescription
• Développement de scripts compatibles avec les lecteurs d’écran et navigation clavier

6 - Formulaires et zones encadrées

• Concevoir des formulaires compréhensibles et exploitables par les technologies d’assistance
• Structuration logique et claire des champs, labels et messages d’erreur
• Création de cadres (frames, iframes) conformes aux normes
• Checklist des bonnes pratiques à intégrer dans le développement quotidien
• Bonnes habitudes pour maintenir l’accessibilité dans les cycles projet (validation, CI/CD, tests)
Atelier

Création d’un composant interactif accessible, développement d’un formulaire entièrement accessible

• Conception et design accessible : mémo, guide RGAA et diagnostic flash
• Développement et RGAA : rendez votre site accessible à tous
• Développez des applications mobiles accessibles
• Audit d'accessibilité : méthodologies pour tester votre site