UX et accessibilité, Best Friends Forever !

Marie Guillaumet, Access42

KiwiParty – BlendWebMix, 26 octobre 2017

Transcription et support de cette conférence

15 millions de personnes en situation de handicap en France

21,5 % de la population

Un guide très utile : impacts utilisateurs des défauts d’accessibilité

1. Lisibilité : laisser l’utilisateur personnaliser l’interface

Que faire en cas de contraste insuffisant ?

Ratio de contraste entre la couleur #FD7923 et la couleur blanche est insuffisant.

Une solution : un style switcher avec des réglages d’accessibilité

Exemple 1 : WordCamp Marseille

Contraste insuffisant
Contraste insuffisant du bleu clair des titres sur fond blanc.

a42.fr/wpmarseille

Exemple 1 : WordCamp Marseille

Contraste renforcé
Contraste renforcé sur l’interface : le bleu clair a été remplacé par du noir.

a42.fr/wpmarseille

Exemple 2 : Accor Hotels Group

a42.fr/accorhotels

Exemple 2 : Accor Hotels Group

Police par défaut
Police par défaut
Police adaptée à la dyslexie
Police adaptée à la dyslexie

a42.fr/accorhotels

2. Formulaires : guider l’utilisateur

Si un champ requiert un format de saisie particulier :

  1. indiquer le format attendu dans l’étiquette ;
  2. donner un exemple de saisie réelle dans le message d’erreur.

Plus de cas concrets UX et accessibilité :  :