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

Dans ce cours, les développeur.se.s d’applications web apprennent à identifier et corriger les erreurs d’accessibilité dans les sites internet, mais aussi à concevoir leurs composants accessibles by design.

À travers un ensemble de présentations, de démonstrations et d’ateliers pratiques, les participants vont mettre en place différents critères des RGAA (référentiel français de l’accessibilité) parmi les sujets les plus vecteurs d’erreurs communes.

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