Introduction au développement accessible
Concevez des sites web accessibles
Ce que vous allez apprendre
- Connaître le sujet de l'accessibilité, son intérêt et son historique
- 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
- Appliquer au quotidien les bonnes pratiques pour rendre son site utilisable par tous
- Concevoir des sites accessibles avec l'aide du RGAA
- Auditer un site à l'aide de l'outil ARA, l'outil d'audit du gouvernement
Prérequis
- Avoir des bases solides en HTML, CSS et JavaScript
- Compétence de base avec les outils de ligne de commande et npm
Public cible
- Développeur.se.s d'applications web souhaitant créer des sites web accessibles conformément aux RGAA.
Programme de la Formation
12 modules pour maîtriser les fondamentaux
Sujets abordés
- →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
Activités
Questionnaire sur les connaissances des concepts liés à l'accessibilité
Sujets abordés
- →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)
Activités
Corriger les erreurs d'accessibilité sur les images du site
Sujets abordés
- →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
Activités
Corriger les erreurs d'accessibilités sur les liens du site
Sujets abordés
- →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
Activités
Corriger les erreurs d'accessibilité sur les liens du site
Sujets abordés
- →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
Activités
Corriger les erreurs de focus du site
Sujets abordés
- →Passage en revue des principaux critères du RGAA sur la structuration de l'information
- →Montrer comment bien construire un HTML ainsi que les pièges à éviter
Activités
Correction du HTML du site vitrine
Sujets abordés
- →Reprise de ce qui à été vu lors du jour 1
- →Questions/Réponses
Sujets abordés
- →Passage en revue des principaux critères du RGAA sur les formulaires
- →Montrer comment bien construire un formulaire HTML
- →Regrouper les informations avec des labels pertinents
Activités
Rendre le formulaire du site accessible
Sujets abordés
- →Passage en revue des principaux critères du RGAA sur les tableaux
- →Exemple et méthodes de corrections
Activités
Rendre les tableaux du site accessible
Sujets abordés
- →Présentation d'outils de CI
- →Partages des connaissances et bonnes pratiques
- →Conclusion de la partie Développement accessible
Activités
Questionnaire
Sujets abordés
- →Présentation des concepts clefs pour auditer un site
- →Présentation de ARA, l'outil d'audit du gouvernement
- →Exemple et méthodes de corrections
Activités
Audit
Sujets abordés
- →Reprise de ce qui à été vu lors du jour 2
- →Questions/Réponses
Processus Qualité
L'engagement de SFEIR Institute : une démarche d'excellence pour garantir la qualité et la réussite de toutes nos formations. En savoir plus sur notre démarche qualité
- Lectures / Apports théoriques (Slides) — Présentation de concepts via des supports visuels (PowerPoint, PDF).
- Démonstration technique (Démos) — Le formateur réalise une manipulation ou une procédure devant les apprenants.
- Laboratoires dirigés (Labs) — Mise en pratique guidée sur logiciel, machine ou environnement technique.
L'atteinte des objectifs de la formation est évaluée à plusieurs niveaux pour garantir la qualité de la prestation :
- Évaluation continue des acquis : Vérification des connaissances tout au long de la formation via des méthodes participatives (en fonction de la formation: quiz, exercices pratiques, mises en situation) sous la supervision du formateur.
- Mesure de la progression : Dispositif d'auto-évaluation comparatif comprenant un diagnostic initial pour situer le niveau de départ, suivi d'une évaluation finale pour valider l'évolution des compétences.
- Évaluation de la qualité : Questionnaire de satisfaction en fin de session pour mesurer la pertinence et l'efficacité de la formation ressentie par les participants.
Prochaines sessions
Former plusieurs collaborateurs
- Tarifs dégressifs (plusieurs places)
- Session privée ou sur-mesure
- En présentiel ou à distance