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.) Prévisualiser les modifications (ouvre un nouvel onglet)

Prochaines sessions à distance et inscription

  • Formation de mai 2023 (3 sessions) [complète]
    • Sessions 1 et 2 : du mardi 9 au mercredi 10 mai, de 9h30 à 13h00
    • Session 3 : jeudi 11 mai, de 9h30 à 12h30
  • Formation de novembre 2023 (3 sessions) [complète]
    • Sessions 1 et 2 : du lundi 13 au mardi 14 novembre, de 9h30 à 13h00
    • Session 3 : mercredi 15 novembre, de 9h30 à 12h30
  • Formation de mars 2024 (3 sessions) [complète]
    • Sessions 1 et 2 : lundi 11 et mardi 12 mars, de 9h30 à 13h00
    • Session 3 : mercredi 13 mars, de 9h30 à 12h30
  • Formation de mai 2024 (3 sessions)
    • Sessions 1 et 2 : lundi 13 et mardi 14 mai, de 9h30 à 13h00
    • Session 3 : mercredi 15 mai, de 9h30 à 12h30
  • Formation de septembre 2024 (3 sessions)
    • Sessions 1 et 2 : mardi 10 et mercredi 11 septembre, de 9h30 à 13h00
    • Session 3 : jeudi 12 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

Cibles

Web designers, designers d’interfaces (UI), UX designers, graphistes, ergonomes, directeurs artistiques, chef-fes de projets numériques…

Pré-requis

Expérience dans la conception de sites ou d’applications numériques.

Méthodes pédagogiques

  • 65% de théorie
  • 35% de travaux pratiques

Support de la formation et liste de ressources complémentaires distribués au format numérique aux stagiaires.

Organisation

Le cours alterne les apports théoriques du formateur soutenus par des exemples et des séances de réflexions, et de travail en groupe.

Validation

À la fin de la session, un quizz d’évaluation des acquis est effectué et corrigé.

Sanction

Une attestation sera remise à chaque stagiaire qui aura suivi la totalité de la formation.

Haut de page