Développement accessible

• Prendre connaissance avec le sujet de l’accessibilité, son intérêt et son historique
• Apprendre à utiliser les différents référentiels disponibles (WCAG / RGAA) pour leurs intérêts respectifs 
• Savoir identifier les principales erreurs d’accessibilité et comment y remédier
• Connaître les bonnes pratiques et comment les mettre en place simplement
• Concevoir des sites accessibles avec l’aide du RGAA

• Développeur.se.s d’applications web souhaitant créer des sites web accessibles conformément aux RGAA.

• Avoir des bases solides en HTML, CSS et JavaScript
• Compétence de base avec les outils de ligne de commande et npm

Module 1: Introduction aux concepts liés à l’accessibilité

• Comprendre les enjeux de l’accessibilité
• Définition de l’accessibilité et sa vocation universelle 
• Historique législatif de l’accessibilité dans le monde et en France 
• Apprendre à utiliser les outils courants (lecteur d’écran, masquage accessible …)
• Présentation des référentiels 
• Courte explication d’ARIA 
• Passage en revue des erreurs les plus fréquentes

Ateliers :

• Questionnaire sur les connaissances des concepts liés à l’accessibilité

Module 2 : Les images

• Passage en revue des principaux critères du RGAA sur les images avec exemples et contre exemples 
• Présentation des différents types d’images 
• Savoir identifier les images non accessibles
• Apprendre comment les rendre accessibles (notamment via le WCAG decision tree)

Ateliers :

• Corriger les erreurs d’accessibilités sur les images du site

Module 3 : Les Liens

• Passage en revue des principaux critères du RGAA sur les liens avec exemples et contre exemples 
• Présentation des différents types de liens 
• Savoir identifier les liens non accessibles
• Apprendre comment les rendre accessibles

Ateliers :

• Corriger les erreurs d’accessibilités sur les liens du site

Module 4 : Les Couleurs

• Passage en revue des principaux critères du RGAA sur les liens avec exemples et contre exemples 
• Présentation des outils aidant à choisir de bons contrastes pour votre application
• Présentation des différents types de liens 
• Apprendre comment les rendre accessibles

Ateliers :

• Corriger les erreurs d’accessibilités sur les liens du site

Module 5 : Les Focus

• Passage en revue des principaux critères du RGAA sur le focus et la navigation aux travers des différents thématiques abordées dans le référentiel 
• Exemple par différents cas pratiques possible 
• Apprendre à guider la navigation de l’utilisateur de manière fluide
• Présentation du tabindex et du trap focus

Ateliers :

• Corriger les erreurs de focus du site

Module 6 : Les Formulaires

• Passage en revue des principaux critères du RGAA sur les formulaires 
• Montrer comment bien construire un formulaire HTML
• Monter regrouper les informations avec des labels pertinents

Ateliers :

• Rendre le formulaire du site accessible