Retour au catalogue de formations

Conception UX / UI accessible

Accessibilité numérique

Durée

7 heures (soit 1 jour)

Tarif et modalités

  • 600,00 € en inter entreprise (3 inscrits minimum). Sur devis en intra entreprise.
  • Présentiel ou à distance

Prochaines sessions

N’hésitez pas à nous contacter pour en savoir plus sur les prochaines sessions.

Modalités et délais d’accès

  • Entre 10 et 30 jours selon la disponibilité des formateurs. En cas de prise en charge par un OPCO (OPérateur de COmpétences), le délai d’accès peut être allongé.
  • Entretien d'analyse des besoins

Profils des stagiaires

  • UI Designer
  • UX Designer
  • Directeur artistique (DA)
  • Infographiste
  • Webdesigner
  • Chef de produit
  • Développeur web
  • Chef de projet

Prérequis

Avoir suivi la formation Sensibilisation à l'accessibilité numérique ou avoir un niveau équivalent en accessibilité numérique

Objectifs de la formation

  • Acquérir les bonnes pratiques de conception graphique et d'interaction pour créer des contenus web accessibles ;
  • Utiliser les outils d'aide à la conception et à la vérification des livrables ;
  • Produire un Design System accessible.

Programme

Couleurs et contrastes

  • Contraste du texte, des éléments d'interface et des éléments graphiques
  • Information par la couleur
  • Exemples de tests avec les outils

Contenus textuels et typographie

  • Taille et espacements des caractères
  • Contenu caché
  • Texte dans une image
  • Bonnes pratiques
  • Structuration du texte et alternatives textuelles

Focus

  • Visibilité et perception du focus : focus visible, focus par défaut (navigateurs) ou en CSS (contraste 3+)
  • Ordre du focus

Formulaires

  • Libellé, aide à la saisie, caractère obligatoire et placeholder
  • Gestion des erreurs
  • Soumission de données sensibles
  • CAPTCHA

Liens et navigation

  • Deux moyens de navigation
  • Liens d’évitement
  • Intitulés explicites
  • RGAA – page accessibilité et état de conformité

Multimédias

  • Accessibilité des contrôles
  • Fichiers vidéo ou audio et alternatives

Usages mobiles

  • Gestes simples
  • Orientation
  • Responsive (reflow)

Livrables (vers un Design System)

  • Couleurs et états accessibles
  • Aspects fonctionnels/UX (Annotation kit)

Ressources

  • Outils (applications en ligne, hors ligne et plugins) pour la création de palettes accessibles et la vérification du taux de contraste.
  • Liens vers des sites web et références de livres pour consolider les connaissances sur l'accessibilité numérique des apprenants.

Quizz

  • Vérification des acquis

Moyens pédagogiques

  • Exposé de mise en situation ;
  • Échanges avec les participants ;
  • Travaux pratiques basés sur l'analyse de wireframes et de maquettes graphiques ;
  • Mise à disposition du document support à la suite de la formation.

Accessibilité aux personnes handicapées

Les personnes en situation de handicap souhaitant suivre cette formation sont invitées à nous contacter directement, afin d'étudier ensemble les possibilités d’adapter la formation.

Satisfaction

Les participants ont attribué une note moyenne de satisfaction de 93 % sur cette formation et 100 % indiquent avoir atteint leurs objectifs.

Contactez-nous