Quels utilisateurs ont besoin d’un site internet “accessible” ? Attention, spoiler: Tout le monde ! Nous verrons comment répondre aux normes de l’accessibilité guide l’experience utilisateur, et quelles sont les règles majeures à considérer. Une réflexion sur l’accessibilité globale, au delà du digital, sera également proposée.

1. Comment l’accessibilité
améliore l’eXperience
Utilisateur?
Maeva CECCHI
UX Designer @Amadeus & Co-fondatrice @Timo

2. Agenda
Chapitre 1. Des guidelines d’accessibilité qui déterminent une meilleure UX
Chapitre 2. Ces innovations qui transforment l’accessibilité

3. Des guidelines
d’accessibilité qui
détermine une meilleure
UX
CHAPITRE 1.

4. A qui l’accessibilité s’adresse-t-
il?

5. Les différents types de handicap
Déficients
visuels
Déficients
Auditifs et
de discours
Déficients
moteur
Déficients
cognitifs,
d’apprentissage
et neurologique

6. WebAim Survey: « Do you consider yourself having a
disability ? »
https://webaim.org/projects/practitionersurvey2/
Un nombre.
26.4%

7. WCAG, les guidelines d’accessibilité…
Et l’heuristique de Bastien et Scapin pour la
UX
https://blocnotes.iergo.fr/concevoir/les-criteres-heuristiques-de-bastien-et-scapin/
https://www.w3.org/TR/WCAG21/

8. Les informations et les composants de
l'interface utilisateur doivent être
présentés aux utilisateurs de manière
à ce qu'ils puissent être perçus.
1.1 Perceptible

9. L’Usage des couleurs Guideline 1.4 Distinguishable
La couleur ne doit pas être l’unique
moyen d’afficher une information
La couleur d’un texte ou d’un élément
visuel fournissant une information doit avoir
un constraste suffisant (4.5:1)

10. L’Usage des couleurs Guideline 1.4 Distinguishable
Pas
d’efforts
sur la
lecture
Compréhension
du symbole
GUIDAGE
1.4 Lisibilité

11. Une alternative pour les médias Guideline 1.2 Time-based Media
Des sous-titres sont fournis pour tout
contenu audio préenregistré ou en direct
dans un support media.
Une alternative au média temporel ou à la
description audio du contenu vidéo
préenregistré est fournie pour le média
synchronisé (Audiodescription)

12. Une alternative pour les médias Guideline 1.2 Time-based Media
Des sous-titres sont fournis pour tout
contenu audio préenregistré ou en direct
dans un support media.
Une alternative au média temporel ou à la
description audio du contenu vidéo
préenregistré est fournie pour le média
synchronisé (Audiodescription)
Et si mon
utilisateur
casse son
casque audio
?
GUIDAGE
4.1 Flexibilité

13. Les composants de l'interface
utilisateur et la navigation doivent être
utilisables.
1.2 Opérable

14. La navigation par clavier Guideline 2.1 Keyboard Accessible
Rendre toutes les fonctionalités disponible
via un clavier
Le focus doit suivre la navigation
Gain de temps
et de
performances
(En particulier
B2B)
8.Compatibilité

15. La gestion du temps Guideline 2.2 Enough Time
Donnez aux utilisateurs suffisamment de
temps pour lire et utiliser le contenu.
Si un time-out est necessaire (raisons de
sécurité), proposez des alternatives comme
l’extension du temps
Diminue le
taux
d’abandon
5.1. Protection
contre les
erreurs
Evite la
fustration de
l’utilisateur
Protège
l’image de la
marque

16. Les informations et le fonctionnement
de l'interface utilisateur doivent être
compréhensibles.
1.3 Compréhensible

17. Un contenu compréhensible Guideline 3.1 Lisible
Ne pas utiliser d’éléments visuels ou de
symboles textuels sans légende.
La légende doit pouvoir être lue avant le
contenu par le screen reader
Un méchanisme d’identification des
abbreviations est proposé à l’utilisateur

18. Un contenu compréhensible Guideline 3.1 Lisible
MaCommande U6TWO
MaCommande U6TWO
MaCommande U6TWO
MaCommande U6TWO
Confirmée Paiement refusé
No Client: 1234
No Client: 1234
No Client: 1234
No Client: 1234
Légende:
Préviens des
erreurs
5.1. Protection
contre les
erreurs
7. Signifiance
des Codes et
Dénominations
Evite une
mauvaise
interprétation
L’interface
parle le même
langage que
l’utilisateur

19. Un autre ?

20. Le contenu doit être suffisamment
robuste pour pouvoir être interprété par
un grand nombre d'agents utilisateurs,
y compris les technologies
d'assistance.
1.4 Robuste

21. Un contenu interprété par les
technologies d’assistance
Guideline 4.1. Compatible
Les composants doivent être lus
correctement par les technologies
d’assistance tel que les screen-readers.
Du sens de lecture d’une page jusqu’à
l’interaction du composant (tel qu’un slider),
tout doit être lu et comprehensible.

22. Un contenu compréhensible Guideline 3.1 Lisible
MaCommande U6TWO
MaCommande U6TWO
MaCommande U6TWO
MaCommande U6TWO
Confirmée Paiement refusé
No Client: 1234
No Client: 1234
No Client: 1234
No Client: 1234
Légende: « Alt text »
seulement
pour les icones
du tableau
2. Charge de
Travail
Simplifier la
lecture du
screen-reader,
c’est simplifier
l’utilisabilité
Pouvoir lire
« Numéro » à
la place de No.

23. Ces innovations qui
transforment
l’accessibilité
CHAPITRE 2.

24. Sherpa, la 1ère canne blanche
connectée pour déficients
visuels ! Par Handisco
Sherpa, la canne connectée

25. signAloud : des gants pour
transcrire la langue des signes

26. Timo, le traducteur émotionnel pour
non-voyants

27. Des questions ?
Maeva CECCHI
www.cecchi-maeva.com

28. Des questions?

29. La typographie Guideline 1.4 Distinguishable
Utiliser une police de caractère
lisible: Eviter les majuscules,
italic et polices fantaisistes et
Sans Serif
Ne pas justifier ni centrer un
bloc de texte.
Utiliser une taille de police
supérieure a 14pt.
La police doit être “zoomable”

30. La typographie Guideline 1.4 Distinguishable
Algorithme
pour
l’impression
pour le texte
justifié
GUIDAGE
1.4 Lisibilité