Conception UX / UI accessible RGAA / WCAG

Date de mise à jour des informations

14 mars 2023.

Durée

7 heures (1 jour).

Tarif et modalités d’accès

Cette formation est disponible en intra entreprise, en format distanciel ou présentiel. La tarification est établie sur devis : contactez-nous.

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

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 du document support à la suite de la formation.

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

  • Certificat de réalisation ;
  • É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.

Satisfaction

Les participants ont attribué une note moyenne de satisfaction de 4/5 sur cette formation en 2022 (sur 6 répondants soit 50% des participants).

Afin d’en savoir plus sur la formation Conception UX / UI accessible :