Formation Conception UX/UI - Accessible
Ref :Les prochaines dates par ville
[+]Asnières-sur-Seine
Pré-requis
Aucuns
Public concerné
La formation s’adresse à tous les professionnels de l’expérience utilisateur et client (BtoB, BtoC, BtoE) : UX-Design / UI-Design / Product Designer / Product Owner / Product Manager / Data Analyst / Consultant en Transformation Digitale / ...
Objectifs
Sensibilisation à l'Accessibilité Numérique
- Comprendre les problèmes rencontrés par les personnes en situation de handicap lorsqu’elles utilisent des supports numériques
- Découvrir l’accessibilité numérique, ses enjeux et ses bénéfices
- Savoir intégrer une démarche d’accessibilité à ses projets
Conception UX/UI - Accessible
- Acquérir les bonnes pratiques de conception graphique et d’interaction pour créer des contenus web accessibles
- Produire un Design System accessible
- Utiliser les outils d’aide à la conception et à la vérification des livrables
Programme détaillé
Sensibilisation à l'Accessibilité Numérique - 0,5 jour
L’Accessibilité Web
- Représentation
- Pilier du Web
- Définition
Cadre Normatif
- Un droit fondamental
- Cadres légal et normatif
- Conformité et inclusion
Le Handicap
- Déficiences et usages numériques
- Chiffres du handicap
- Perception du handicap
- Handicaps temporaires, situationnels et vieillissement de la population
- Design inclusif
Les technologies d'Assistance
- Définition des technologies d’assistance
- Les principales technologies d’assistance logicielles et matérielles
Projet de mise en Accessibilité
- Les 3 thématiques
- Pas de solution magique
- Responsabilités : un projet transverse
- Objectifs et conséquences
Ressources
- En ligne & Livres
Vidéos
- Découvrir des usages de l’outil numérique par des personnes en situations de handicap
Conception UX/UI - Accessible - 1 jour
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 typographies
- 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
- 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)
Modalités pédagogiques
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). Un consultant-formateur vous accompagnera dans la réalisation des différentes mises en pratiques et leurs attendus.
Nos formations sont issues des savoir-faire de nos consultants et partenaires. Arnaud Delafosse est expert Qualité et Accessibilité web chez Temesis depuis 2017.
Notre cursus est conçu selon les principes suivant :
- Répartition du temps d’apprentissage entre 70% de théorie & 30% de pratique
- Exposé de mise en situation
- Échanges réguliers avec le formateur et 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)
- Evaluation et analyse par un formateur-consultant expert en accessibilité numérique
Supports pédagogiques : chacun des apprenants dispose d’une clé USB avec les supports de formation (et/ou envoyés par mail si besoin).
Matériel pédagogique : mise à disposition du matériel des différentes mises en pratiques (post-it, feutres, scotch, ciseaux...).
Technologie : un grand écran est utilisé pour la projection du support de formation et des exercices pratiques.
Un accès de 3 mois à OpenClassrooms est compris pour assurer une montée en compétence 360° savoir faire et savoir être. Vous recevrez un email permettant d’accéder à la plateforme OpenClassrooms à l’ouverture de votre expérience de formation.
Pour cette formation, nous vous recommandons le cours “Exercer votre esprit critique“.