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 utilisateur 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.

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)
  • Pouvoir atteindre ou éviter les zones de regroupement de contenus
  • Ordre de tabulation
  • Systèmes de navigation
  • Plan du site
  • Alternatives à l’indication visuelle de la page en cours de consultation

Images

  • Impacts utilisateurs des défauts d’accessibilité concernant les images
  • Images décoratives vs 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 bureautiques
  • 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
  • Orientation de l’écran
  • Gestes de pointage
  • Annulation du pointeur
  • Activation par le mouvement
  • Faciliter la compréhension des contenus textuels

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
  • Distinction entre tableau simple, tableau complexe et tableau de mise en forme
  • Titres de tableaux
  • En-têtes de tableaux
  • Résumé des tableaux complexes

Conception graphique

Couleurs

  • Impacts utilisateurs des défauts d’accessibilité concernant les couleurs
  • Contrastes des textes
  • Contrastes non textuels
  • Alternative à l’information donnée par la couleur

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
  • Typographie

Conception multimédia

  • Impacts utilisateurs des défauts d’accessibilité en matière de multimédia
  • Identifier le média
  • Permettre la compréhension du média sans le son : transcription textuelle, sous-titrage et interprétation en langue des signes française (LSF)
  • Permettre la compréhension du média sans l’image : audiodescription, volume des dialogues et donner le contrôle sur les sons déclenchés automatiquement

Méthodologie

  • Design et accessibilité
  • Livrables
  • Tests d’utilisabilité 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

Taux de satisfaction

61% des personnes ayant suivi cette formation en 2023 ont répondu à notre questionnaire d’évaluation. Elles l’ont notée 4,23 sur 5 en moyenne, ce qui équivaut à un taux de satisfaction de 85%. (Données au 05 juillet 2023)

Témoignages

  • « Formation super complète, avec des actions très concrètes et des exemples de sites/pages. On sait vraiment qu’est-ce qu’il faut faire sur notre projet pour mettre en place l’accessibilité numérique, et comment réconcilier le design et l’accessibilité. Bravo aux intervenantes, d’avoir animé cette formation avec autant d’énergie sur 2 jours ! (…) »

    Marie LOSZKA
    12/06/2023

  • « 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. (…) »

    Lucie CARRILLO BELIARD, Capgemini
    30/03/2023

  • « C’est une très bonne formation qui nous a “re”-motivés : je ne pensais pas qu’en tant qu’UX nous avions la mains sur autant de critères ! »

    Benedicte QUAY, BPCE
    16/09/2022

  • « 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. »

    Stéphanie WALTER, Maltem
    24/05/2022

  • « Je suis ravie d’avoir suivi cette formation : j’ai pu, grâce à vous, compléter mes connaissances sur le sujet de l’accessibilité. L’incitation à la participation permet de créer une formation ludique et de retenir plus simplement les différentes règles abordées, malgré le format à distance. (…) Le travail reste à faire maintenant dans notre studio digital afin de réussir à intégrer ses process dans nos projets (…) ! »

    Mélissa POYETTON, Ability Studio
    19/05/2022

  • « Formation extrêmement pertinente et ô combien intéressante. (…) Le formateur et le contenu de la réunion était instructifs (…), enrichissants pour nous, nos méthodologies et notre approche des différents handicaps. Merci ! »

    Pierre-Alexandre ALBANESE, Inetum
    02/11/2021

Page mise à jour le 27 juillet 2023

Formation inter en ligne ou dans nos locaux

Durée

2 jours (14 heures)

Prix

1000€ HT par personne

Hors frais supplémentaires en cas d’adaptations spécifiques. Plus d’informations

Comment financer votre formation ?

Pour tout renseignement :

Prochaines sessions

  1. Du 26 au 27 septembre 2023 à distance - COMPLET
  2. Du 21 au 22 novembre 2023 à distance
  3. Du 12 au 13 décembre 2023 à distance
  4. Du 30 au 31 janvier 2024 à distance
  5. Du 5 au 6 mars 2024 à distance
  6. Du 16 au 17 avril 2024 à distance
  7. Du 11 au 12 juin 2024 à distance
  8. Du 24 au 25 septembre 2024 à distance
  9. Du 29 au 30 octobre 2024 à distance
  10. Du 26 au 27 novembre 2024 à distance

Quels sont les horaires de formation ?

5 à 8 personnes maximum par session.

En cas de changement du lieu de formation, les personnes inscrites sont informées au minimum 15 jours avant la date de la formation.

À Paris, nos formations se déroulent intra-muros ou en proche banlieue, et sont toujours accessibles en transports en commun.

Les dates indiquées sur notre site correspondent aux sessions prévues. Des sessions supplémentaires peuvent être ouvertes, à Paris et en régions : n’hésitez pas à nous contacter pour plus d’informations.

Formation intra en ligne ou dans vos locaux

Durée

2 jours (14 heures)

Prix

Sur devis

Hors frais supplémentaires en cas d’adaptations spécifiques (plus d’informations).

Pour tout renseignement :

6 à 8 personnes maximum par session.

Accessibilité de cette formation

  • Attention ! Cette formation n’est pas complètement accessible aux personnes aveugles ou très malvoyantes.

  • Cette formation est accessible aux personnes ayant d’autres troubles de la vision (basse vision, daltonisme, etc.).

  • Toutes nos formations ayant lieu dans nos locaux (inter) sont accessibles aux personnes à mobilité réduite.

  • Toutes nos formations sont aménageables sur demande pour les personnes sourdes et malentendantes. 1

  • Toutes nos formations sont aménageables sur demande pour les personnes en situation de handicap intellectuel, psychique ou cognitif. 2

1 2 Les adaptations spécifiques peuvent entraîner des frais supplémentaires. Plus d’informations

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 par email ou par téléphone au 09 72 45 06 14.