Formation Design Graphique Accessible

Concevez des interfaces ergonomiques et accessibles dès les wireframes : composants, contrastes et parcours utilisateurs inclusifs.

Designer accessibledès la maquette

L’accessibilité coûte trente fois moins cher quand elle est pensée dès la conception (étude IBM). Cette formation de 2 jours apprend aux designers à créer des composants et des maquettes accessibles, et à annoter leurs livrables pour fluidifier le travail avec les développeurs.

Chez Ipedis, pionnier depuis 2006, l’accessibilité se conçoit « by design ». Vous travaillez la structuration, les contrastes, les parcours et le design system accessible, selon les référentiels en vigueur, notamment selon le RGAA.

 Notre approche :pratique et opérationnelle

Une pédagogie basée sur un mélange mixant théorie et ateliers pratiques : création de persona, définition de principes sur un site réel, composants accessibles, annotation de maquettes sur outil de prototypage et user journeys d’utilisateurs en situation de handicap.

  • Définir l’accessibilité numérique et l’appréhender dans ses missions
  • Identifier les types de handicap et leurs impacts utilisateurs
  • Connaître la législation française et internationale
  • Créer des composants accessibles dès les wireframes puis les maquettes
  • Favoriser la collaboration designers / développeurs
  • Identifier les étapes du projet où intervient l’accessibilité
  • Évaluer certains critères (lecteur d’écran, vérificateur de contraste)

Pour qui ?

Équipes de conception web et mobile : directeurs de création, directeurs artistiques, chefs de projet, graphistes, UX/UI.

Prérequis

  • Un ordinateur équipé des logiciels demandés lors de l’inscription
  • Un projet en cours.

 En amont de la formation :

 Évaluation initiale pour évaluer le niveau et identifier les besoins de l’apprenant via un quiz sous format QCM sur Digiforma. Le formateur analyse les résultats afin d’adapter le contenu pédagogique.

 Pendant la formation :

 Évaluations formatives, suivi et conseils personnalisés par le formateur

En fin de formation :

  • Évaluation finale réalisée par l’apprenant   
  • Délivrance d’une attestation de fin de formation et d’un certificat de formation Ipedis. 
  • Enquêtes de satisfaction à chaud et à froid (+90 j) à remplir à la fois par l’apprenant et par le commanditaire de la formation 

Formation assurée par des consultants experts en accessibilité numérique, auditeurs eux‑mêmes et pilotant des projets d’accessibilité numérique clients au quotidien. 

Découvrir nos formateurs

Nos formations sont ouvertes aux personnes en situation de handicap. Contactez notre référent handicap pour toute précision ou tout besoin d’adaptation. Référent handicap : Anne-Lise sur [email protected].

Ipedis est certifié Qualiopi : formation éligible à un financement OPCO.

Tout savoir sur le financement OPCO

Le programme 

En amont : réalisation d’un e-learning de sensibilisation à l’accessibilité numérique (1h)  

Introduction à la formation : ice breakers, présentation des objectifs et du déroulé de la formation

Sensibilisation – Retour sur le e-learning  

  • Révision des notions d’accessibilité numérique et réponses aux questions  
  • Brainstorming sur l’impact de l’accessibilité d’un point de vue design   
  • Exemple d’un site web ou d’une application non accessible au lecteur d’écran  

Les principes de l’accessibilité numérique

  • Principes d’une conception accessible
  • Structuration de l’information
  • Navigation
  • Couleurs
  • Images
  • Médias
  • Tableaux
  • Formulaires
  • Liens
  • Adaptation de l’information aux supports
  • Consultation de l’information

Intégrer l’accessibilité dès la conception

  • Design system
  • User journey
  • Créer des maquettes accessibles

Étude de cas : création d’un parcours utilisateur accessible

  • Création du user journey d’un utilisateur en situation de handicap
  • Maquettes
  • Annotation des maquettes 
  • Tests utilisateurs 

Aller au-delà des obligations légales

  • Le niveau AAA des WCAG (Web Content Accessibility Guidelines)
  • Le langage clair
  • Les limites des référentiels

Créer son plan d’action

  • Retour sur les critères et la démarche liée à l’accessibilité numérique
    • Ce que dit la réglementation (rappel) 
    • Ce qui est attendu à son niveau 
    • Progressivité et amélioration continue
  • Définir son plan d’action personnel
    • Identifier ses documents prioritaires 
    • Lister 3 actions concrètes 
    • Identifier les ressources disponibles

Conclusion de la formation : questionnaires, derniers échanges

Conclusion de la formation

Les points forts de la formation développeur

Design system

Intégrez l’accessibilité dans vos composants réutilisables : corriger à la source, corriger partout.

Wireframe → maquette

Concevez accessible dès les premières esquisses, jusqu’à l’annotation des maquettes pour les développeurs.

Collab dev/design

Des livrables annotés qui fluidifient le passage de la maquette au code accessible.

Découvrir

Nos autres formations 

Découvrez des accompagnements réalisés auprès d’organisations engagées pour rendre leurs services numériques accessibles à toutes et tous.

4 éléments.

    • 1 octobre 2026
    • Développement

    Coder et Développer desktop

    Concevez et développez des sites web conformes au RGAA (Référentiel Général d’Amélioration de l’Accessibilité) 4.1 et WCAG (Web Content Accessibility Guidelines) : sémantique HTML (HyperText Markup Language), WAI (Web Accessibility Initiative) – ARIA (Accessible Rich Internet Applications) et tests avec les technologies d’assistance.
    En savoir plus
    • 8 mai 2026
    • Contributeur

    Contribuer sur les sites internet et réseaux sociaux : créer des contenus web accessibles

    Créez des contenus sur le web et les réseaux sociaux accessibles, de la rédaction à la publication, en maîtrisant les bonnes pratiques sur votre…
    En savoir plus
    • 1 octobre 2026
    • Métier
    • Référent accessibilité

    Référent accessibilité : Piloter l’accessibilité numérique

    Devenez le référent qui pilotera l’accessibilité numérique de votre organisation : stratégie, animation de la démarche, coordination des métiers et rédaction du schéma pluriannuel.
    En savoir plus
    • 10 février 2026
    • Audit

    Auditer l’accessibilité des sites web

    Apprenez à auditer l’accessibilité d’un site web selon le RGAA (Référentiel Général d’Amélioration de l’Accessibilité) : échantillonnage, critères, rapport d’audit et déclaration d’accessibilité sur 3 jours, par des auditeurs…
    En savoir plus

faq

Questions fréquentes

Découvrez des accompagnements réalisés auprès d’organisations engagées pour rendre leurs services numériques accessibles à toutes et tous.

Aux directeurs artistiques, chefs de projet, graphistes et UX/UI designers qui conçoivent des interfaces web ou mobiles.

Non. La formation porte sur la conception (wireframes, maquettes, design system). Il faut maîtriser la conception graphique d’une interface utilisateur.

Oui : l’annotation des maquettes sur outil de prototypage est un exercice clé, pour transmettre les intentions d’accessibilité aux équipes de développement.

Oui : un bloc aborde le niveau AAA des WCAG, le langage clair et les limites des référentiels, pour viser une expérience réellement inclusive.

Oui, Ipedis étant certifié Qualiopi.