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

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.

• 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

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

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.

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.

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é

• Article « Penser le numérique pour le handicap : les bonnes pratiques »
• Notices AcceDe Web
• Guide du concepteur RGAA