Formation « Accessibilité fonctionnelle et graphique »

Formation de 10 heures, 1050€ HT par stagiaire

Objectifs de la formation

Comprendre les concepts d’accessibilité numérique, comprendre les enjeux et l’intérêt des normes d’accessibilité Web.
Acquérir les connaissances nécessaires pour prendre en compte l’accessibilité dans le design d’interfaces ( UI, UX, etc.).

Prochaines sessions et inscription

~~Formation de novembre 2022 (3 sessions) :~~ [complète]
- ~~Session 1 – Le lundi 21 novembre, de 9h30 à 13h~~
- ~~Session 2 – Le mardi 22 novembre, de 9h30 à 13h~~
- ~~Session 3 – Le mercredi 23 novembre, de 9h à 12h~~
Formation de mars 2023 (4 sessions)
- Session 1 – Le mardi 7 mars, de 14h00 à 17h30
- Session 2 – Le jeudi 9 mars, de 14h00 à 17h30
- Session 3 – Le vendredi 10 mars, de 14h00 à 17h00
Formation de mai 2023 (4 sessions)
- Session 1 – Le mardi 9 mai, de 9h30 à 13h00
- Session 2 – Le mercredi 10 mai, de 9h30 à 13h00
- Session 3 – Le jeudi 11 mai, de 9h30 à 12h30
Formation de septembre 2023 (4 sessions)
- Session 1 – Le lundi 25 septembre, de 9h30 à 13h00
- Session 2 – Le mardi 26 septembre, de 9h30 à 13h00
- Session 3 – Le mercredi 27 septembre, de 9h30 à 12h30

Cette formation est aussi disponible au format e-learning : l’accessibilité à toutes les étapes d’un projet.
Pour des sessions sur-mesure, pour toute demande d’inscription et/ou toute demande spécifique d’adaptation liée au handicap, contactez-nous : par email sur formation@atalan.fr.

Programme de la formation

Tout au long de la formation des exercices et des études de cas permettent d’illustrer les notions acquises par la pratique.

Introduction à l’accessibilité et vision utilisateur.
Aperçu des différentes étapes de prise en compte.
- Présentation des référentiels d’accessibilité (WCAG 2.1, RGAA, AccessiWeb HTML5).
- Présentation des actions à mener à chaque étape de conception d’un projet web.
Critères d’accessibilité fonctionnelle et graphique.
- Éléments de navigation.
  - Menus et liens de navigation (fil d’Ariane, liens d’évitement…).
  - Plan du site.
  - Moteur de recherche.
  - Pages d’aide ou d’accessibilité.
- Éléments graphiques.
  - Utilisation des couleurs et contrastes.
  - Options de contrôle des contrastes.
- Liens.
  - Intitulés de titres de liens.
  - Mise en forme et présentation des liens.
- Formulaires.
  - Mise en page des formulaires, des champs et des intitulés.
  - Boutons de soumission.
  - Contrôles et aides à la saisie.
  - Cas particulier des CAPTCHA.
- Éléments textuels.
  - Mise en forme du texte (alignement, espacements, casse, interlignes…).
  - Options de contrôle de la taille du texte.
  - Glossaires et index d’abréviations.
- Animations visuelles et sonores.
  - Contrôles des animations sonores et visuelles.
  - Changements de luminosité et effets de flash.
  - Plugins et alternatives.
- Synthèse et manipulations.
  - Revue de maquettes fonctionnelles ( wireframes) et graphiques.
Critères d’accessibilité pour le multimédia.
- Transcriptions, sous-titres et audio-description, contrôles obligatoires.
- Impacts sur la conception graphique et ergonomique.
- Présentation de lecteurs accessibles.
- Tour d’horizon des plateformes de diffusion.
Annotations fonctionnelles d’accessibilité à prévoir sur les écrans IHM
- Spécifier les textes alternatifs (images, boutons, liens).
- Spécifier les intitulés non visibles des formulaires.
- Vérifier que les couleurs ont été spécifiées de façon accessible.
- Spécifier le titre de page qui devra s’afficher.
- Indiquer la structure des titres à implémenter.
- Indiquer les éléments nécessaires à la navigation clavier.
Interfaces mobiles : alternatives aux gestes complexes