Formation Introduction au développement accessible
Informations générales
Objectifs
Après ce cours, vous serez capable de :
- Comprendre 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
- 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
Pour suivre ce cours, vous devez déjà posséder les connaissances suivantes :
- Avoir des bases solides en HTML, CSS et JavaScript
- Compétence de base avec les outils de ligne de commande et npm
Public
Ce cours s'adresse avant tout aux personnes suivantes :
- Développeurs d’applications web souhaitant créer des sites web accessibles conformément aux RGAA.
Programme de la formation
Dans ce cours, les participants apprennent à identifier et corriger les erreurs d’accessibilité dans les sites internet, mais aussi à concevoir leurs composants accessibles by design.
Cette formation prendra le parti de ne pas uniquement se concentrer sur la partie développement accessible, mais aussi de prendre part à une session d’entraînement sur l’audit de site.
Les participants acquerront des connaissances sur la réglementation en vigueur pour ensuite les mettre en œuvre sur un site de leur choix ou un site choisi par le formateur.
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
- Atelier : Questionnaire sur les connaissances des concepts liés à l’accessibilité
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)
- Atelier : Corriger les erreurs d’accessibilité sur les images du site
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
- Atelier : Corriger les erreurs d’accessibilités sur les liens du site
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
- Atelier : Corriger les erreurs d’accessibilité sur les liens du site
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
- Atelier : Corriger les erreurs de focus du site
La structuration de l’information
- 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
- Atelier : Correction du HTML du site vitrine
Les Formulaires
- 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
- Atelier : Rendre le formulaire du site accessible
Les Tableaux
- Passage en revue des principaux critères du RGAA sur les tableaux
- Exemple et méthodes de corrections
- Ateliers : Rendre les tableaux du site accessible
- Présentation d’outils de CI
- Partages des connaissances et bonnes pratiques
L’audit
- 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
Méthode pédagogique
Chaque participant travaille sur un poste informatique qui lui est dédié. Un support de cours lui est remis soit en début soit en fin de cours. La théorie est complétée par des cas pratiques ou exercices corrigés et discutés avec le formateur. Le formateur projette une présentation pour animer la formation et reste disponible pour répondre à toutes les questions.
Méthode d'évaluation
Tout au long de la formation, les exercices et mises en situation permettent de valider et contrôler les acquis du stagiaire. En fin de formation, le stagiaire complète un QCM d'auto-évaluation.
Suivre cette formation à distance
- Un ordinateur avec webcam, micro, haut-parleur et un navigateur (de préférence Chrome ou Firefox). Un casque n'est pas nécessaire suivant l'environnement.
- Une connexion Internet de type ADSL ou supérieure. Attention, une connexion Internet ne permettant pas, par exemple, de recevoir la télévision par Internet, ne sera pas suffisante, cela engendrera des déconnexions intempestives du stagiaire et dérangera toute la classe.
- Privilégier une connexion filaire plutôt que le Wifi.
- Avoir accès au poste depuis lequel vous suivrez le cours à distance au moins 2 jours avant la formation pour effectuer les tests de connexion préalables.
- Votre numéro de téléphone portable (pour l'envoi du mot de passe d'accès aux supports de cours et pour une messagerie instantanée autre que celle intégrée à la classe virtuelle).
- Selon la formation, une configuration spécifique de votre machine peut être attendue, merci de nous contacter.
- Pour les formations incluant le passage d'une certification la dernière journée, un voucher vous est fourni pour passer l'examen en ligne.
- Pour les formations logiciel (Adobe, Microsoft Office...), il est nécessaire d'avoir le logiciel installé sur votre machine, nous ne fournissons pas de licence ou de version test.
- Horaires identiques au présentiel.
Mis à jour le 21/03/2025