Formation Concevoir et designer des interfaces web accessibles

Présentation de la formation

Enjeux de cette formation

Contexte

Dans un contexte croissant de développement des usages numériques, l’impact du numérique dans le quotidien de tous est majeur. Vecteur de développement personnel, il peut également être un frein voire même un vecteur de discrimination s’il n’est pas adapté.
L’enjeu pour un designer est d’aborder la conception de son service dans une démarche inclusive et d’en maitriser tous les aspects afin de fournir une interface pleinement accessible à tous les profils.
Connaitre ses cibles et leurs particularités fait partie de son rôle. Il est donc essentiel de connaitre également les usages et besoins des personnes en situation de handicap afin de pouvoir y répondre et de s’en faire la voix auprès des autres profils en charge du projet.

Objectifs et compétences clés

Modalités d’évaluation et de suivi

Programme

Introduction

• Enjeux et définition
• Les utilisateurs concernés
• Lois et réglementation
• Les référentiels
• Les points clés à retenir en tant que designer

Aborder la conception d’une interface accessible

• C’est quoi une interface accessible ?
• Intégrer l’accessibilité dans la méthodologie projet
• Outils et livrables du designer
• Tests utilisateurs inclusifs
• Les points clés à retenir en tant que designer

Checklist du designer par profil

Les fondamentaux UX

• Les bonnes questions à se poser en amont
• Les étapes pour construire un gabarit accessible : les annotations et spécifications indispensables par gabarit
• Anticiper la navigation au clavier
• Anticiper l’impact du zoom – reflow
• Gestions des images
• Gestion des contenus multimédia
• Gestion des actions engageantes (cookies etc.)
• Gestion du choix des langues
• Choix éditorial et langage clair
• Prendre en compte l’accessibilité cognitive
• Spécifications UX et mise en accessibilité : exemples d’annotation

Les fondamentaux UI

• Une conception visuelle accessible : Rappel des lois de la Gestalt
• Rôle d’une grille adaptative
• Faciliter la lecture par la mise en page
• Anticiper la gestion de l’espacement des textes par l’utilisateur
• Choix typographiques
• Choix des couleurs
• Vérification des contrastes
• Gestion des états des éléments interactifs
• Cas des Images texte et des images complexes

Checklist du designer UX/UI

Navigation & interactions

• Systèmes de navigation
• Principes de navigation
• Navigation au clavier
• Gestion des Liens
• Gestion des Interactions complexes
• Anticiper le changement de contexte
• Feedback : Gestion des Statut et des notifications, les annotations indispensables
• Gestion des parcours en étapes
• Spécifications UI et accessibilité

Formulaires

• Règles à suivre et type de champs
• Champs obligatoires
• Structurer un formulaire
• Contrôle de saisie
• Aide et prévention des erreurs
• Prévention juridique
• Captcha et alternatives

Tableaux et affichage de données

• Les différentes typologie de tableau
• Gestion d’un tableau de données complexes
• Anticiper l’impact du zoom selon les types de tableau
• Du bon usage des filtres
• Tableau avec menu contextuel

Évaluation des connaissances (2h)

• QCM
• Session Questions/Réponses

Formateurs

Christine Leproux

Cognitiviste de formation, Ergonome de naissance et UX par adoption, Christine a d’abord travaillé à l’université dans un laboratoire de recherche en psychologie cognitive puis pour des grands comptes, des PME et des agences. Un peu touche à tout, elle a œuvré dans des secteurs différents et est allée à la rencontre de métiers tels que conducteurs de métro et TGV, agriculteurs, journalistes, conseillers en assurance et crédit… Au fils des années, elle a su évoluer avec les avancées technologiques (web, smartphone, borne tactile…) et méthodologiques (Accessibilité – certifiée accessiweb, UX design, Amélioration continue, Ecoconception). Etudier les modèles de comportement humain, comprendre les besoins et exigences réels des utilisateurs et usagers, voir comment améliorer l’expérience, tendre toujours vers le mieux et le plus intuitif et inclusif sont ses axes d’intervention Depuis 1990, elle a enseigné la conception centrée utilisateur en Master ou au sein d’Ecoles d’ingénieurs et est intervenu au sein de laboratoires de recherche sur des problématiques d’accessibilité numériques.

Corinne Moreau

De formation initiale en Ergonomie et Psychologie cognitive, Corinne est Designer de services, consultante en numérique responsable avec 25 ans d’expérience dans le domaine des télécommunications, la banque et la finance, les industries médias ainsi que le e-commerce et les services publiques.
Elle débute sa carrière à France Telecom R&D en tant qu’ingénieur ergonome puis monte la cellule conception et ergonomie d’une agence digitale de 2000 à 2001 avant de rejoindre Orange où elle a exercé en tant que Design Manager au sein de différentes entités (Markéting France / Innovation / Orange Lab. UK). Elle quitte Orange en 2010 pour fonder Backstory, afin d’apporter son savoir-faire au plus grand nombre en management de projet et d’équipe, stratégie design, management de l’innovation responsable, les études quanti et quali et le coaching stratégique.
Son ambition est de créer des services pertinents et durables en plaçant systématiquement les besoins usagers et les objectifs d’efficacité organisationnels et environnementaux au cœur de sa démarche. En 2019, Corinne a initié le repositionnement de l’agence Backstory dans une démarche Numérique Responsable impliquant un programme de transformation interne, l’acquisition de nouvelles compétences, la mise en place d’un nouvel écosystème (GreenIt, INR, Circulab) et le développement de nouvelles offres d’accompagnement.
Depuis 2001 et tout au long de sa carrière, elle a enseigné la conception centrée utilisateur en Master ou au sein d’écoles spécialisées, en y intégrant récemment les aspects liés à l’accessibilité des services numériques.