Cette formation propose une approche inclusive du design web, en abordant l’accessibilité numérique par le prisme de la conception fonctionnelle, graphique et multimédia.

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, graphique et multimédia.

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édias

  • Ê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 ?

Web designers, designers d’interface (UI), directeurs et directrices artistiques, ergonomes, designers d’expérience utilisateur (UX), concepteurs et conceptrices multimédia, 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

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

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

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

  • Personas
  • Tests d’utilisabilité
  • Label e-accessible
  • Ressources

Formation animée par

  • Marie Guillaumet

Taux de satisfaction

95 % des personnes ayant suivi cette formation entre janvier 2019 et juin 2020 ont répondu à notre questionnaire d’évaluation. Elles l’ont notée 4,6 sur 5, ce qui équivaut à un taux de satisfaction de 92 %.

Témoignages

  • La formation état très claire, avec des exemples concrets, sous forme d’échanges pour éclaircir certains points, soit très interactive et intéressante. Le faite de le faire à distance a permis de prendre parfois la main sur la présentation et de partager nos écrans pour mieux poser nos questions sur une problématique précise. La formatrice connaît bien son domaine d’expertise et c’était très agréable d’échanger autour de ces sujets très humains. J’ai l’impression d’avoir plus de billes en main aujourd’hui et je me sens plus légitime à défendre le sujet de l’accessibilité dans mes projets.

    Elodie Arete, Docaposte
    07/07/2020

  • Formation très enrichissante qui m’a permis d’aller au-delà des grands principes de l’accessibilité numérique et d’aborder les actions concrètes à mettre en place lors de la conception d’une interface, mais aussi de me donner les moyens d’arbitrer mes choix de conception en toute connaissance de cause. En plus, les notions techniques abordées me permettent de mieux dialoguer avec des intégrateurs.

    L’objectif est maintenant d’être aussi pédagogue et engagée que Marie !

    Camille Etienne, Attoma
    03/12/2019

  • J’ai adoré cette formation. L’accessibilité numérique est un enjeu majeur dans notre société. Je suis très contente d’avoir suivi cette formation. J’espère pouvoir faciliter la vie des personnes handicapées ou du moins leur faciliter l’accès au web !

    Audrey Exbrayat, Informatique CDC
    18/04/2019

  • La formation était très enrichissante et éclairante. L’accessibilité était un domaine obscur dont je ne savais pas grand chose et aujourd’hui, j’ai un recul et une base pour pouvoir creuser et approfondir. J’espère pouvoir bien appliquer les méthodes apprises.

    Larissa Macri, Next W
    21/06/2018

  • En plus de trois ans chez VSC, c’est la formation la plus intéressante que j’ai faite. Merci pour tout, votre passion est communicative. En espérant qu’on arrive à la transmettre à notre tour et à faire bouger les choses !

    Aurélie Gomes, VSC Technologies (Oui.sncf)
    29/11/2017

Page mise à jour le 17 août 2020

Option 1 : inter dans nos locaux

Durée

2 jours (14 heures)

9 h 30 – 17 h 30

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 30 septembre au 1er octobre 2020 à Paris
  2. Du 2 au 3 décembre 2020 à Paris
  3. Du 9 au 10 décembre 2020 à Lyon

6 à 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.

Option 2 : intra dans vos locaux

Durée

2 jours (14 heures)

Prix

Sur devis

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