Objectifs

  • Maîtriser les critères WCAG et RGAA applicables au design d'interface
  • Concevoir des interfaces accessibles dès la phase de maquettage (Figma)
  • Intégrer l'accessibilité dans un Design System
  • Conduire des tests utilisateurs incluant des personnes en situation de handicap
  • Communiquer les specs d'accessibilité aux équipes de développement

À qui s'adresse cette formation ?

Étudiants en design graphique, UI/UX design, design de produit ou communication visuelle souhaitant faire de l'accessibilité un axe fort de leur pratique professionnelle.

Prérequis
Bases en design d'interface (Figma, Adobe XD ou équivalent). Avoir suivi la formation Fondamentaux ou équivalent est un plus.

Méthodes et moyens pédagogiques

  • Ateliers pratiques mensuels sur des cas réels
  • Revues de maquettes avec retours d'experts et d'utilisateurs handicapés
  • Projet de fin de parcours : refonte accessible d'une interface existante
  • Accès à une bibliothèque de ressources en ligne pendant toute l'année

Matériel

Ordinateur avec Figma installé. Supports et ressources fournis tout au long du parcours.

Modalités d'évaluation

  • Avant chaque module : quiz de révision des acquis précédents.
  • Pendant : livrables de maquettes évalués à chaque session.
  • Après : projet final évalué sur grille de critères RGAA/WCAG.

Programme

Module 1 — Fondations : accessibilité et design

  • Rappels sur les WCAG et RGAA côté design
  • Audit d'interfaces existantes avec grille d'évaluation
  • Mise en place d'un Design System accessible de base

Module 2 — Couleurs, typographie et contrastes

  • Ratios de contraste WCAG AA et AAA
  • Palette de couleurs accessible et outils de vérification
  • Typographie lisible : taille, interlignage, espacement

Module 3 — Navigation, focus et interactions

  • Conception d'une navigation clavier visible et cohérente
  • Design des états focus, hover, active, disabled
  • Composants interactifs accessibles : modales, onglets, accordéons

Module 4 — Formulaires et erreurs

  • Labels visibles et placeholders accessibles
  • Messages d'erreur explicites et accessibles
  • Validation et aide à la saisie

Module 5 — Tests utilisateurs inclusifs

  • Recruter des participants en situation de handicap
  • Protocole de test adapté aux technologies d'assistance
  • Synthèse et priorisation des résultats

Module 6 — Projet final

  • Refonte accessible d'une interface choisie par l'étudiant
  • Présentation orale devant jury avec démonstration
  • Remise d'un rapport d'audit et du fichier Figma annoté

Dates de nos formations

Parcours étalé sur l'année scolaire, avec des sessions mensuelles. Premier module en septembre. Contactez-nous pour intégrer ce parcours dans votre programme pédagogique.

Formations inter-entreprises, dates à venir.

Nous contacter