Leçon 5L'accessibilité du Web pour les utilisateurs souffrant de troubles spécifiques de l'apprentissage et du langage
- Notion 29 - Troubles spécifiques de l'apprentissage et troubles Dys ?
- Notion 30 - Problèmes d'accessibilité que les utilisateurs souffrant de troubles Dys et TSA peuvent rencontrer en ligne
- Notion 31 - Comment rendre le contenu web accessible aux utilisateurs atteints de troubles spécifiques de l'apprentissage : en théorie
- Notion 32 - Comment rendre le contenu web accessible aux utilisateurs atteints de troubles spécifiques d'apprentissage : en pratique 1/2
- Notion 33 - Comment rendre le contenu web accessible aux utilisateurs atteints de troubles spécifiques d'apprentissage : en pratique 2/2
- Notion 34 - Pouvez-vous repérer ce qui rend ces pages Web accessibles (ou non) aux utilisateurs atteints de TSA ?
- Notion 35 - Revue des concepts principaux
Notion 34
Pouvez-vous repérer ce qui rend ces pages Web accessibles (ou non) aux utilisateurs atteints de TSA ?
Compétences ciblées
À l'aide d'exemples de conception tirés du Web, apprenez à identifier les bonnes et mauvaises pratiques d'accessibilité pour les utilisateurs atteints de troubles spécifiques d'apprentissage.
Exercice
Analysez l'accessibilité des deux pages web ci-dessous. Repérez au moins 5 mauvaises pratiques pour les utilisateurs atteints de troubles spécifiques d'apprentissage dans l'image 1 et 5 bonnes pratiques pour les utilisateurs atteints de troubles spécifiques d'apprentissage dans l'image 2.
Image 1 :
Image 2 :
Ressources
Reportez-vous aux notions 32 et 33 de cette leçon pour des conseils pratiques sur la façon de rendre la conception accessible aux utilisateurs atteints de troubles spécifiques du langage.
Correction
Pourquoi la page Web de l'image 1 est inaccessible pour les utilisateurs atteints de TSA :
- Les liens se fondent dans le texte et un style incohérent est utilisé pour leur mise en forme.
- La hiérarchie visuelle de la composition et des éléments de navigation n'est pas claire (rappelez-vous : le contenu le plus important doit être placé en haut !).
- Le texte est peu lisible : police de petite taille, espacement insuffisant, et le contexte est difficile à identifier à partir des images correspondantes.
- Le menu est vertical et surchargé par une longue liste d'éléments.
- Le contraste entre la couleur d'arrière-plan et la couleur de premier plan est insuffisant.
- L'espace blanc autour du contenu est insuffisant pour permettre au design de "respirer".
Pourquoi la page Web de l'image 2 est accessible aux utilisateurs atteints de TSA :
- Les liens peuvent être facilement distingués du texte environnant et un style cohérent est utilisé pour leur mise en forme.
- La hiérarchie visuelle de la composition et des éléments de navigation de la page est claire.
- Le texte est facile à lire : La police adaptée aux TSA, la taille des caractères et l'espacement, et le contexte est facile à discerner avec une table des matières.
- Le menu est horizontal et divise le contenu en quelques catégories distinctes.
- Le menu informe les utilisateurs des sous-options à l'aide de marqueurs de menu.
- Un contraste suffisant entre la couleur de l'arrière-plan et celle du premier plan.
- Beaucoup d'espace blanc autour du contenu, ce qui donne à la conception un aspect épuré.