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 € Pas de session inter entreprise prévue. 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

  • Entretien d'analyse des besoins
  • Entre 15 et 45 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é.

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 ;
  • Évaluation : émargement à la demi-journée + questionnaire d'évaluation en fin de formation ;
  • 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 91 % sur cette formation et 100 % indiquent avoir atteint leurs objectifs.

Contactez-nous