Conception UX / UI accessible RGAA / WCAG

Date de mise à jour des informations

25 janvier 2022.

Durée

7 heures (1 jour).

Nombre de personnes

Minimum 3 personnes pour l’ouverture de la session.

Calendrier des sessions inter-entreprises

  • 14 avril 2022
  • 16 juin 2022
  • 08 septembre 2022

Tarif formation

  • Inter-entreprise : 500€ HT par personne ;
  • Intra-entreprise : sur devis.

Modalités d’accès à la formation

  • En inter-entreprise ;
  • En intra-entreprise ;
  • En distanciel.

Délais d’accès

  • Soit en fonction du calendrier des formations proposé ;
  • Soit entre la signature du devis et 10 jours après.

Pour les formations prises en charge par un OPCO (OPérateur de COmpétences), le délai d’accès pourra être plus long en fonction de la réponse de l’OPCO.

Profils des stagiaires

  • UI Designer ;
  • UX Designer ;
  • Directeur artistique (DA) ;
  • Infographiste ;
  • Webdesigner ;
  • Chef de produit ;
  • Développeur ;
  • 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

À l’issue de la formation, le stagiaire doit être en capacité de :

  • 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.

Contenu et mise en oeuvre de la formation

Cette formation courte permet de comprendre les enjeux de l’accessibilité lors de la conception d’interfaces et d’interactions pour le numérique et d’acquérir les connaissances nécessaires pour sa prise en compte pour la conception d’interfaces (UI) et d’interactions (UX).

Couleurs et les contrastes

  • Contenu :
    • Contraste du texte, des éléments d’interface et des éléments graphiques ;
    • Information par la couleur ;
    • Exemples de tests avec les outils.
  • Atelier :
    • Analyser des exemples (maquette et site Web) avec les outils de calcul de ratio de contraste et identifier les cas de communication exclusivement par la couleur.
  • Support :
    • Présentation théorique ;
    • Image et URL de page web.

Contenus textuels et typographie

  • Contenu :
    • Taille et espacements des caractères, ;
    • Contenu caché ;
    • Texte dans une image ;
    • Bonnes pratiques ;
    • Structuration du texte et alternatives textuelles.
  • Support :
    • Présentation théorique.

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);

Organisation de la formation

Profil du formateur

Arnaud Delafosse est expert Qualité et Accessibilité web chez Temesis depuis 2017. Avant d’auditer, d’accompagner et de former des clients à l’accessibilité, il a été concepteur web, développeur front-end et a enseigné le web design depuis 2001 en Angleterre puis en France.

Moyens pédagogiques et techniques

  • Exposé de mise en situation ;
  • Échanges avec les participants ;
  • Travaux pratiques basés sur l’analyse de wireframes et de maquettes graphiques ;
  • Mise à disposition de ressources (outils en ligne et références bibliographiques).

Dispositif de suivi de l’exécution de l’évaluation des résultats de la formation

  • Attestation d’assiduité ;
  • Évaluation des acquis au cours de la formation sous forme de quiz ;
  • Questionnaire d’évaluation en fin de session dans lequel le participant évalue les apports de la formation et sa capacité à les mettre en oeuvre.

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.

Résultats obtenus (les indicateurs seront fournis ultérieurement)

  • Période de référence du ___ au ___
  • Nombre de sessions :
  • Nombre de bénéficiaires de la formation :
  • Nombre de retours de questionnaires de satisfaction :
  • Taux de satisfaction :
  • Retour de satisfaction de l’entreprise :

Afin d’en savoir plus ou de connaître la prochaine date de la formation Conception UX / UI accessible :

Certification Qualiopi

Qualiopi – Processus certifié – République française

La certification qualité a été délivrée au titre de la catégorie d’actions suivantes : actions de formation.