Design Inclusif et UX Accessible
Intégrez l'accessibilité dès la phase de conception pour créer des services numériques utilisables par tous
1 jour (7 heures)
Présentiel ou distanciel
4–10 personnes
500.00 € / pers.
Objectifs
- Comprendre les principes du design inclusif et de l'accessibilité UX
- Appliquer les règles de contraste, de typographie et de couleur conformes aux WCAG
- Concevoir des parcours utilisateurs accessibles dès les maquettes
- Annoter ses maquettes pour faciliter le travail des développeurs
- Intégrer l'accessibilité dans le processus de design et les Design Systems
À qui s'adresse cette formation ?
Designers UI/UX, chefs de projet, product owners et toute personne impliquée dans la conception d'interfaces numériques.
Prérequis
Notions de base en design d'interface ou en gestion de projet numérique.
Méthodes et moyens pédagogiques
- Études de cas et analyse de maquettes existantes.
- Ateliers pratiques de (re)design sur Figma.
- Intervention d'une personne en situation de handicap pour partager son expérience.
- Documentation et guide d'annotation fournis à l'issue de la formation.
Matériel
Ordinateur avec un outil de maquettage (Figma, Adobe XD ou équivalent).
Modalités d'évaluation
- Avant : questionnaire de positionnement sur les pratiques actuelles.
- Pendant : critique collective de maquettes et ateliers de redesign.
- Après : questionnaire de satisfaction et livret de bonne pratiques à compléter.
Programme
Fondements du design inclusif
- Accessibilité vs Inclusive Design : définitions et enjeux
- Les 4 principes POUR (Perceptible, Utilisable, Compréhensible, Robuste)
- Impact concret sur les utilisateurs : personas handicap
Couleurs, contrastes et typographie
- Ratios de contraste WCAG AA et AAA
- L'information ne doit pas reposer uniquement sur la couleur
- Tailles de police, interlignage et espacement lisibles
Composants et interactions accessibles
- Taille des cibles tactiles (boutons, liens)
- États des composants : focus, hover, disabled, error
- Formulaires, alertes et messages d'erreur
Parcours utilisateurs et architecture de l'information
- Navigation cohérente et prévisible
- Hiérarchie visuelle et titrage
- Simplification des parcours pour réduire la charge cognitive
Annoter ses maquettes pour l'accessibilité
- Annotations ARIA et ordre de lecture pour les développeurs
- Checklist de livraison accessible
- Intégrer l'accessibilité dans un Design System
Atelier : redesign accessible
- Analyse d'une interface existante : identification des problèmes
- Proposition de corrections et amélioration de la maquette
- Présentation et retours collectifs
Dates de nos formations
Pour toutes formations intra-entreprises, n'hésitez pas à prendre contact directement avec nous.
Formations inter-entreprises, dates à venir.
Nous contacter