Conception UX / UI accessible RGAA / WCAG

Date de mise à jour des informations

06 mars 2024.

Durée

7 heures (1 jour).

Tarif et modalités d’accès

Cette formation est disponible :

  • En intra-entreprise : tarification établie sur devis, contactez-nous
  • En inter-entreprise : 600 € HT par personne (3 inscrits minimum)

Format distanciel ou présentiel (présentiel recommandé).

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

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

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,75 sur 5 sur cette formation en 2023 et 100 % indiquent avoir atteint leurs objectifs.

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