Concevoir des interfaces web accessibles

Cette formation permet de mieux appréhender l’accessibilité numérique et d’acquérir les connaissances pour sa prise en compte dans la conception (design et ergonomie) des projets.

Public

  • Chefs de projet
  • Graphistes
  • Product Owner
  • UI Designer
  • UX designer
  • Webdesigners

Prérequis

  • Avoir suivi une sensibilisation à l’accessibilité numérique ;
  • Maîtrise de la conception (graphique ou ergonomique) d’écrans web ;
  • Pas de prérequis technique.

Objectifs

  • Acquérir les connaissances nécessaires pour prendre tous les utilisateurs et utilisatrices dès la conception ;
  • Respecter les règles d’accessibilité relevant de l’ergonomie et du graphisme ;
  • Comprendre le rôle des designers dans la mise en accessibilité d’un projet Web.

Plan de la formation

Cette formation se répartit en 4 demi-journées thématiques, comportant chacune un exercice pratique de réalisation de maquette permettant d’appliquer les principes vus en séance.

Première matinée

  • Idées reçues sur l’accessibilité web ;
  • Design for all : les principes de la conception universelle ;
  • Perception et compréhension :
    • Lisibilité typographique ;
    • Couleurs et contrastes ;
    • Textes et symboles.

Première après-midi : hyperliens et navigation

  • Navigation :
    • Menus de navigation ;
    • Liens d’évitement.
  • Liens et boutons :
    • Expliciter les intitulés des liens et boutons ;
    • Signalétique des hyperliens : externes, téléchargement, etc. ;
    • Surfaces de clic.
  • Exercice applicatif : construction d’un gabarit de page

Seconde matinée : formulaires et interactivité

  • Utilisabilité des formulaires ;
  • Champs obligatoires ;
  • Aides à la saisie ;
  • Messages d’erreur et de confirmation ;
  • Exercice applicatif : réalisation d’un formulaire d’inscription
    accessible.

Seconde après-midi : affichage des contenus

  • Contenus multimédia (audio, vidéo) ;
  • Transcriptions textuelles ;
  • Tableaux ;
  • Exercice applicatif : maquettage d’une page de médiathèque.

Quelques références

Plusieurs grands clients ont déjà suivi nos formations…