Comment concevoir des interfaces UX / UI accessibles

Jour 1 - Matin

Images

• Les différents types d'images, et les bonnes pratiques associées

Couleurs

• Utilisation de la couleur
• Contrastes : méthode de mesure et bonnes pratiques

Multimédia

• Les différents types de contenus multimédias
• Les besoins utilisateurs, et les bonnes pratiques associées

Tableaux

• Présentation des tableaux de données, et les bonnes pratiques applicables en phase design

Liens

• Les différents types de liens
• Notion de lien explicite
• Notion de contexte de lien
• Titres de liens
• Liens identiques
• Liens vides

Scripts

• Les alternatives aux scripts
• La gestion des interactions clavier / souris / tactile
• Les changements de contexte

Titres de page

• Les titres de page, et les bonnes pratiques associées

Exemples de travaux pratiques (à titre indicatif)

• Identifier différents types d'image, et déterminer des alternatives pertinentes
• Identifier les informations communiquées par la couleur, et déterminer des alternatives pertinentes
• Mesurer les contrastes de couleurs (texte et éléments d'interface) et déterminer des correctifs possibles
• Analyser des vidéos et déterminer des alternatives (sous-titres, audiodescription, transcription) pertinentes
• Analyser des pages Web, vérifier le caractère explicite des liens et la pertinence des titres de liens qu'elles contiennent
• Détecter des liens identiques
• Analyser des scripts présents dans des pages Web et déterminer les alternatives possibles
• Déterminer des titres de page pertinents

Jour 1 - Après-midi

Structuration de l'information

• Titres de section
• Les différents types de listes
• Utilisation des styles
• Caractères agrandis
• Gestion des couleurs
• Visibilité des liens
• Visibilité du focus
• Réorganisation du contenu
• Gestion des contenus additionnels
• Information par la forme, taille, position

Présentation de l'information

• Utilisation des styles
• Caractères agrandis
• Gestion des couleurs
• Visibilité des liens
• Visibilité du focus
• Réorganisation du contenu
• Gestion des contens additionnels
• Information par la forme, taille et position

Formulaires

• Etiquettes de champs
• Position des étiquettes
• Regroupement de champs
• Regroupement des options de listes
• Boutons de formulaire
• Contrôles de saisie
• Champs obligatoires
• Champs en erreur
• Reprise des données

Navigation

• Les différents systèmes de navigation
• Menus
• Plan de site
• Moteur de recherche
• Liens d'évitement

Consultation

• Limites de temps
• Fichiers bureautiques
• Contenus cryptiques
• Effets de flash
• Contenus en mouvement
• Orientations
• Gestes complexes
• Annulation des interactions
• Interactions par le mouvement

Exemples de travaux pratiques (à titre indicatif)

• Déterminer des titres de section pertinents
• Déterminer des types de listes pertinents
• Vérifier la visibilité du focus
• Vérifier la pertinence :
• Des étiquettes de champs
• Des boutons
• Des contrôles de saisie et messages d'erreur

Le contenu de ce programme peut faire l'objet d'adaptation selon les niveaux, prérequis et besoins des apprenants.

Modalités d’évaluation des acquis

• En cours de formation, par des productions
• Et, en fin de formation, par un questionnaire d'auto-évaluation