Design d’interfaces accessibles : concevoir pour tout le monde Mixte : présentiel / à distance

Dernière mise à jour : 06/05/2024

Adopter les bons réflexes pour inclure tous les contextes d'usage

Type : Stage pratique

Description

Comment concevoir pour tous les utilisateurs et utilisatrices, y compris celleux, invisibles et souvent oubliés, qui sont en difficulté d'usage ou en situation de handicap ?

 

Si l'accessibilité repose surtout sur la qualité du code, la façon dont l'interface est pensée a aussi un impact. Cette formation a pour but d'enrichir vos pratiques de design par l'adoption d'une démarche de conception inclusive et la connaissance des règles d'accessibilité s'appliquant aux interfaces web, mobiles et applicatives.

Objectifs de la formation

  • Comprendre les enjeux humains de l'accessibilité numérique
  • Concevoir des interfaces utilisables par tous
  • Connaîtres les obligations légales incombant au design
  • Faire des choix de conception éclairés et savoir les justifier auprès des clients et collaborateurs, en vue de la conformité aux normes

Public visé

  • Designer UX
  • UI Graphiste
  • Ergonomes
  • Toute personne intervenant en conception

Prérequis

Avoir une expérience de la conception graphique ou fonctionnelle d'écrans web ou applicatifs.

Modalités pédagogiques

Travaux pratiques de maquettage d'interfaces. Exposé théorique des règles d'accessibilité. Accompagnement et conseil sur vos cas concrets. Au cours de chaque demi-journée, un exercice pratique de maquettage permet d'appliquer les principes étudiés en séance.

Profil du / des Formateur(s)

Cette formation est dispensée par un·e ou plusieurs consultant·es d'OCTO Technology ou de son réseau de partenaires, expert·es reconnus des sujets traités.

Le processus de sélection de nos formateurs et formatrices est exigeant et repose sur une évaluation rigoureuse leurs capacités techniques, de leur expérience professionnelle et de leurs compétences pédagogiques.

Modalités d'évaluation et de suivi

L'évaluation des acquis se fait tout au long de la session au travers des ateliers et des mises en pratique.

Afin de valider les compétences acquises lors de la formation, un formulaire d'auto-positionnement est envoyé en amont et en aval de celle-ci.

En l'absence de réponse d'un ou plusieurs participants, un temps sera consacré en ouverture de session pour prendre connaissance du positionnement de chaque stagiaire sur les objectifs pédagogiques évalués.

Une évaluation à chaud est également effectuée en fin de session pour mesurer la satisfaction des stagiaires et un certificat de réalisation leur est adressé individuellement.

Programme

Jour 1

 

DÉCOUVRIR L'ACCESSIBILITÉ

  • Situations de handicap et besoins utilisateurs
  • Démo d'assistances techniques (synthèse vocale, etc.)
  • Normes techniques (WCAG, RGAA), niveaux d'accessibilité et cadre légal
  • Principes du « Design for All » et « Extrem Design » Mise en pratique : élaboration d'extrem personnas

 

PERCEPTION ET COMPRÉHENSION

  • Lisibilité typographique
  • Contraster suffisamment
  • Pallier la couleur
  • Textes et symboles
  • Mise en pratique : concevoir une palette de couleurs accessible

 

LIENS ET NAVIGATION

  • Naviguer au clavier : visibilité du focus et liens d'évitement
  • Moyens de navigation : menus, plan de site et recherche
  • Expliciter les liens et boutons
  • Différencier les comportements : nouvelle fenêtre, téléchargement, etc.
  • Surfaces d'interaction (clic, touch)
  • Mise en pratique : maquetter pour faciliter les différents parcours de navigation

 

Jour 2

 

FORMULAIRES

  • Ergonomie des formulaires
  • Signaler les champs obligatoires
  • Aides à la saisie : indications de format, exemples de saisie, aide contextuelle…
  • Messages d'erreur et de confirmation
  • Alternatives aux CAPTCHAS
  • Mise en pratique : maquetter un formulaire complet accessible

 

CONTENUS : TEXTE ET MULTIMÉDIA

  • Distinguer images décoratives et informatives
  • Alternatives textuelles aux médias audio et visuels
  • Affichage de transcriptions textuelles
  • Accessibilité des tableaux
  • Mise en pratique : maquetter une page de contenu

 

CONFORMITÉ ET RESSOURCES

  • Mentions obligatoires : affichage du niveau et page accessibilité

Exposé (%)

40.00

Pratique (%)

40.00

Echanges (%)

20.00

Prochaines Sessions

  • 12/09/24 → 13/09/24
    OCTO Academy - Salle Partenaire - Paris
  • 12/12/24 → 13/12/24
    OCTO Academy - Salle Partenaire - Paris

Retour Site