Contact Vous souhaitez former un ou plusieurs de vos collaborateurs ?
Participez à une session de formation partagée avec d’autres organisations
-
Formation Distanciel ou Formation Présentiel -
3 jours
Vous souhaitez former une équipe en interne ?
Organisez une session de formation dédiée à votre organisation. Si vous souhaitez adapter cette formation avec un contenu sur-mesure, consultez-nous.
-
3 jours
Développer accessible avec le RGAA
Développeur·se ou intégrateur·rice, vous êtes au cœur de la création d’un projet numérique et l’accessibilité numérique doit faire partie de votre quotidien, de la prise en compte de la réglementation aux aspects techniques de mise en accessibilité de composants (structure de code, composants interactifs, etc.) en passant par la compréhension des différentes situations de handicap.
Vous souhaitez former un ou plusieurs de vos collaborateurs ?
Participez à une session de formation partagée avec d’autres organisations
-
Formation Distanciel ou Formation Présentiel
-
3 jours
Vous souhaitez former une équipe en interne ?
Organisez une session de formation dédiée à votre organisation. Si vous souhaitez adapter cette formation avec un contenu sur-mesure, consultez-nous.
-
3 jours
A qui s’adresse cette formation ?
Publics concernés
- Développeur·ses ;
- Intégrateur·rices ;
- Webmasters.
Prérequis
- Maîtriser le HTML et le CSS, connaissances en JavaScript ;
- Ordinateur équipé des logiciels (gratuits) demandés lors de l’inscription.
Objectifs de la formation
- Connaître le contexte législatif et les utilisateur·rices concerné·es ;
- Découvrir les technologies d’assistance et l’utilisation des lecteurs d’écran en particulier ;
- Prendre en compte les exigences en matière d’accessibilité numérique dans l’intégration et le développement de sites Web, en s’appuyant sur le RGAA.
Aptitudes clés visées
A la fin de la formation, les stagiaires seront en compétence de :
- Défendre l’accessibilité numérique et comprendre les enjeux qui y sont associés ;
- Citer les différentes normes et les référentiels existant dans le domaine de l’accessibilité du Web ;
- Utiliser un lecteur d’écran sommairement et naviguer dans une page à l’aide de celui-ci ;
- Utiliser facilement le référentiel RGAA et ses ressources ;
- Créer ou corriger des pages pour qu’elles puissent être conformes au RGAA ;
- Identifier les besoins en matière de motifs de conception ARIA et les appliquer.
Programme
Jour 1 à 3
1. Introduction
- Sensibilisation à l’accessibilité numérique ;
- Définition du contexte légal ;
- Quels sont les outils utilisés par les utilisateur·rices en situation de handicap.
2. ARIA
- Définition ;
- Changement de rôle ;
- Changer un intitulé avec ARIA.
3. Éléments obligatoires
- Titre de la page ;
- Doctype, validité du code source, indication de langue ;
- Détournement de balises ;
- Exercice : Vérifier et corriger si nécessaire : le doctype et la validité du code source ; l’indication de la langue et des changements de langue ; les détournements de balises.
4. Structuration
- Structure du document (HTML5 & titres dans la page) ;
- Listes ;
- Citations ;
- Abréviations ;
- Exercice : vérifier et corriger la structure du document, la présence de titres suffisante + hiérarchie, les listes, les citations.
5. Navigation
- Systèmes de navigation ;
- Plan du site ;
- Liens d’accès rapide ;
- Fil d’ariane ;
- Landmarks ARIA
- Accès aux contenus additionnels apparaissant au survol ;
- Exercice : Implémenter des liens d’accès rapide visibles uniquement à la prise de focus ; Vérifier et implémenter les landmarks ARIA nécessaires.
6. Cadres
Identifier les cadres.
7. Couleurs
- Information donnée par la couleur ;
- Contrastes suffisants (textes + composants d’interface).
8. Images
- Alternatives ;
- Descriptions détaillées ;
- Captcha ;
- Images légendées ;
- Exercice : vérifier et corriger parmi les images les alternatives et les légendes d’images.
9. Multimédias
- Définition : contenus multimédia temporel et non temporel ;
- Compatibilité avec les technologies d’assistance.
10. Tableaux
- Tableaux de mise en forme ;
- Structuration des tableaux simples et complexes (titre, résumé, entête) ;
- Exercice : vérifier et corriger les tableaux (structuration, titre, résumé, cellules d’en–tête, liaisons entre entre cellule d’en-tête et de contenu).
11. Formulaire
- Etiquette et regroupement de champs de formulaire ;
- Intitulés de boutons ;
- Indication du format obligatoire ou de message indiquant le format attendu ;
- Indication des champs en erreur et aide à la saisie ;
- Nature des champs de formulaire ;
- Exercice : vérifier et corriger les étiquette et regroupement de champs, indication des champs obligatoires et des formats, les messages d’erreur / validation.
12. Liens
- Liens explicites et liens avec des polices d’icônes ;
- Titres de liens ;
- Exercice : vérifier et corriger les intitulés de liens et les titres de liens.
13. Présentation
- Utilisation exclusive de CSS ;
- Agrandissement des caractères ;
- Contenu compréhensible sans CSS ;
- Visibilité des liens / prises de focus ;
- Information par la forme, la taille ou la position ;
- Reflow ;
- Espacement des textes ;
- Contrôle des contenus additionnels au clavier. ;
- Exercice : vérifier et faire en sorte que le contenu soit compréhensible sans styles, la visibilité du focus.
14. Consultation
- Rafraîchissements, limites temporelles ;
- Clignotement, contenus en mouvement, effet de flash et son déclenché automatiquement ;
- Orientation de l’écran & gestes complexes ;
- Fichiers en téléchargement, nouvelles fenêtres.
15. Scripts & ARIA
- Compatibilité avec les technologies d’assistance ;
- Scripts utilisables au clavier et à la souris ;
- Ordre de tabulation et piège au clavier (thématique navigation) ;
- Changement de contexte ;
- Messages de statut ;
- ARIA :
- Propriétés et états ARIA ;
- Les « Live Regions » (zones mises à jour) ;
- Motif de conception.
- Exercice : Évaluer et corriger un motif de conception, tester la restitution des composants présents dans la page d’exercice, vérifier que les boutons aient des intitulés, le bon rôle, et indiquer l’état de l’élément qu’il contrôle.
Les méthodes pédagogiques
- Présentations des concepts ;
- Exercices et cas pratiques de mise en pratique ;
- Le support de formation, une liste de ressources complémentaires, ainsi que l’exercice corrigé et commenté vous sera remis lors de cette formation.
La mise en œuvre
- Formation en visio-conférence ou présentiel selon le cas – sessions intra entreprise uniquement ;
- Nombre de journées : 3 jours soit 21 heures ;
- Nombre minimum de participant·es : 4 ;
- Nombre maximum de participant·es : 12 ;
- Adaptations possibles des conditions d’accueil et d’animation selon besoin(s) spécifique(s) des participant·es, merci de contacter notre référent·e handicap au moins 2 mois avant la session envisagée via cette adresse : formation@agence-lucie.com.
Bien se préparer :
- Aucune activité pédagogique à effectuer en amont de la formation ;
- Une assistance technique et pédagogique est prévue pour accompagner l’apprenant·e via l’animateur·rice ou via formation@agence-lucie.com.
Les intervenants
Simon BONAVENTURE 
Responsable du pôle accessibilité numérique à Empreinte Digitale, Simon accompagne des sociétés et organismes à la mise en œuvre de services numériques accessibles. Ses missions vont de l’audit d’accessibilité numérique, à l’accompagnement d’équipes de développement pour s’assurer de la conformité au RGAA, en passant par des formations dédiées à l’accessibilité numérique (auditeur·rices, webdesigners, contributeur·rices, développeur·ses, etc.).
Axel LISZKOWSKI
Expert en accessibilité numérique, Axel est développeur front-end de formation, son expertise technique lui permet de pouvoir dialoguer avec les développeur·ses front-end en charge d’impléter l’accessibilité numérique. Passionné par le sujet de l’accessibilité, il a passé le cap de l’expertise en se formant aux missions d’audit.
Validation des aptitudes
- Evaluation formative : au cours de de formation, les stagiaires ont l’opportunité de mettre en œuvre leurs compétences par le moyen de jeux de questions / réponses, ou d’exercices et de réflexion sur la transformation d’une interface non accessible en interface conforme au RGAA ;
- Validation des acquis : à la fin de la session, un quiz d’évaluation des acquis est effectué et corrigé ;
- En fin de formation d’environ 15 minutes.
La qualité QUALIOPI
Notre certification Qualiopi garantit la qualité de nos formations et leur éligibilité aux financements publics et mutualisés.
Un gage de sérieux pour vous accompagner vers la réussite !
S’inscrire à la newsletter
de l’Agence LUCIE
Envie de se tenir au courant de l’actualité dans le monde de la RSE, des
évènements à ne pas manquer ou tout simplement suivre l’actualité de
l’Agence LUCIE ?
