Cette formation propose une approche inclusive du design web, en abordant l’accessibilité numérique par le prisme de la conception fonctionnelle et graphique.
La conception graphique et fonctionnelle pour le web est en pleine révolution ergonomique : les défis posés par la mobilité, l’essor des contenus multimédia et le développement rapide des méthodes orientées utilisateurs bouleversent en profondeur les pratiques de la conception web.
Ce bouleversement est une opportunité formidable pour s’attaquer enfin aux obstacles auxquels se heurtent les personnes handicapées lorsqu’elles utilisent Internet. Cette formation propose une approche inclusive du design web, en abordant l’accessibilité numérique par le prisme de la conception fonctionnelle et graphique.
Attention : cette formation ne traite pas du design applicatif mobile. Le mobile est abordé uniquement par le prisme du web et de la conception web adaptative (responsive).
Objectifs
Connaître les enjeux humains et juridiques de l’accessibilité numérique
Comprendre les impacts utilisateurs des défauts d’accessibilité et les actions à mettre en œuvre pour les prévenir ou les corriger
Prendre en compte et prioriser les critères d’accessibilité issus du RGAA lors de la réalisation de livrables fonctionnels, graphiques et multimédia
Être capable de justifier les choix fonctionnels et graphiques favorisant l’accessibilité auprès de ses collègues, de sa direction et de ses clients
Pour quels profils ?
Designers d’interface (UI), designers d’expérience utilisateur (UX), designers produit (product designers), web designers, concepteurs et conceptrices multimédia, directeurs et directrices artistiques. ergonomes, architectes produit.
Prérequis
Avoir déjà contribué à la conception fonctionnelle, graphique et/ou multimédia d’interfaces numériques
Aucune connaissance en HTML, CSS ou JavaScript n’est requise
Un ordinateur équipé des logiciels demandés lors de l’inscription
Programme
Découvrir l’accessibilité numérique
- Comprendre les grands principes de l’accessibilité numérique
- Typologie des handicaps et des besoins utilisateurs
- Normes techniques (WCAG, RGAA) et juridiques
- Design et accessibilité
Conception fonctionnelle
Navigation
- Impacts utilisateurs des défauts d’accessibilité en matière de navigation
- Liens d’évitement (ou d’accès rapide)
- Ordre de tabulation
- Systèmes de navigation
Images
- Impacts utilisateurs des défauts d’accessibilité concernant les images
- Images décoratives versus images porteuses d’information
- Images texte
- Images tests (Captcha)
- Description détaillée des images porteuses d’information complexe
Consultation
- Impacts utilisateurs des défauts d’accessibilité affectant la consultation
- Documents en téléchargement
- Changements brusques de luminosité et effets de flash
- Contrôle des contenus en mouvement ou clignotants
- Contrôle des limites de temps
- Nouvelles fenêtres
- Alternative des contenus cryptiques
- Gestes de pointage
- Activation par le mouvement
- Orientation de l’écran
Formulaires
- Impacts utilisateurs des défauts d’accessibilité présents dans les formulaires
- Étiquettes de champs
- Intitulés des boutons
- Listes de choix
- Regroupements de champs
- Aides à la saisie
- Erreurs de saisie
- Modification, mise à jour ou récupération des données
Tableaux
- Impacts utilisateurs des défauts d’accessibilité concernant les tableaux
- Différents types de tableaux
- En-têtes de tableaux
- Titres de tableaux
- Résumé des tableaux complexes
Conception graphique
Couleurs
- Impacts utilisateurs des défauts d’accessibilité concernant les couleurs
- Alternative à l’information donnée par la couleur
- Contrastes des textes
- Contrastes non textuels
Présentation de l’information
- Impacts utilisateurs des défauts d’accessibilité concernant la présentation de l’information
- Liens dont la nature n’est pas évidente
- Prise de focus (outline)
- Alternatives pour l’information donnée par la forme, la taille ou la position
- Linéarisation du contenu
- Espacement du texte
Conception multimédia
- Impacts utilisateurs des défauts d’accessibilité en matière de multimédia
- Transcription textuelle
- Sous-titrage
- Audiodescription
- Identifier le média
- Autres points de vigilance
Ressources
- Design et accessibilité
- Travail d’équipe et responsabilité partagée
- Livrables
- Tests utilisateurs adaptés
- Recherche utilisateurs
- Ressources RGAA
Atelier design et accessibilité personnalisé
Vous avez déjà de bonnes bases en accessibilité ? Vous souhaitez vérifier et améliorer le niveau d’accessibilité de vos propres interfaces ? Commandez-nous un atelier personnalisé !
Méthodes et moyens pédagogiques
- Documentation et support fournis en début de formation : support de cours dématérialisé accessible
- Exercices pratiques
Modalités d’évaluation
- Avant: questionnaire de positionnement en ligne.
- Pendant:
- Checklist d’accessibilité : document à remplir par les stagiaires tout au long de la session pour noter les points d’attention et les choses à ne pas oublier lors de la création d’interfaces numériques accessibles. Mise en commun orale à la fin de chaque chapitre pour vérifier les acquis (exigences RGAA + impacts utilisateurs) et compléter si besoin.
- Navigation : parcours au clavier sur plusieurs sites afin de vérifier la présence de liens d’évitement et, le cas échéant, leur implémentation, la gestion du scroll infini et du rechargement dynamique de contenus.
- Images : face à différentes images, définition de leur type (images décoratives, porteuses d’information, liens images, liens composites contenant des images, images complexes) et de l’alternative éventuelle à fournir pour l’accessibilité.
- Couleurs : détection de contrastes textuels et non textuels et proposition de corrections, proposition de plusieurs alternatives visuelles lorsqu’une information est donnée par la couleur.
- Formulaires : détection des besoins utilisateurs et propositions de corrections des non-conformités.
- Après: questionnaire de satisfaction et d’évaluation des acquisitions en ligne.
Formation animée par
-
Marie Guillaumet
-
Philippe Bouchon
-
Maïa Kopff
-
Coryse Quibel
Taux de satisfaction
53% des personnes ayant suivi cette formation en 2024 ont répondu à notre questionnaire d’évaluation. Elles l’ont notée 4,53 sur 5 en moyenne, ce qui équivaut à un taux de satisfaction de 91%. (Données au 6 janvier 2025)
Témoignages
-
« Super formation ! Cette formation est très concrète : on y voit des exemples simples pour appliquer l’accessibilité au quotidien dans un projet de conception. »
-
« Très bonne formation, complète, rythmée avec une formatrice très à l’écoute, compétente et pédagogue. J’ai énormément appris sur le sujet et j’ai hâte de pouvoir mettre tout ça en pratique ! Encore merci. »
-
« La formation sera d’une aide précieuse pour mes futurs projets web. Tous les critères sont bien expliqués et illustrés avec des exemples concrets. À la fin, une checklist très claire vient synthétiser tous les points que nous avons vus. C’est un outil que je réutiliserai. Merci ! »
-
« J’ai trouvé la formation très complète, les réponses aux questions ont été à chaque fois très précises et appropriées. Les nombreux exemples illustrés ont été très utiles à la bonne compréhension. Merci également pour les arguments apportés afin de nous aider à convaincre les décideurs. (…) »
-
« Excellente formation que je recommande vivement. J’ai particulièrement apprécié comment Marie expliquait pour chaque critère ou recommandation à quel publique cela s’adresse. Ça aide à contextualiser, à mieux comprendre et à retenir. Et à remettre la personne handicapée au coeur du processus de design. »
Besoin d’aide pour choisir votre formation à l’accessibilité numérique ?
Vous vous demandez si cette formation est la plus adaptée à vos objectifs ? Vous hésitez entre deux formations de notre catalogue ?
Nous sommes disponibles pour échanger avec vous. Nos devis sont gratuits et sans engagement.
Notre foire aux questions peut aussi vous aider.