Un mot de la WEBDESIGNEUSE
Salut, moi c’est Marj, astigmate & myope, en route vers la presbytie!
Je suis passionnée par l’image en tant que vecteur de communication, et je souhaite aider le designer en toi à garder en tête qu’on ne voit pas tous pareil!
C’est vrai, même le plus beau design avec les meilleures animations et les dégradés les plus vibrants, sera un peu trop flou pour moi (si le contraste est mal géré), tirera vers le gris pour d’autres ou sera parsemé de bruit pour certains…
Un mot de la WEBDESIGNEUSE
Salut, moi c’est Marj, astigmate & myope, en route vers la presbytie!
Je suis passionnée par l’image en tant que vecteur de communication, et je souhaite aider le designer en toi à garder en tête qu’on ne voit pas tous pareil!
C’est vrai, même le plus beau design avec les meilleures animations et les dégradés les plus vibrants, sera un peu trop flou pour moi (si le contraste est mal géré), tirera vers le gris pour d’autres ou sera parsemé de bruit pour certains…
Et vu le temps qu’on passe tous sur les écrans, ce phénomène ne risque pas de disparaitre!
Ne t’inquiètes pas , il y a plein de solutions! Et puis, c’est un peu notre spécialité d’en trouver de nouvelles, en tant que webdesigner !
Le premier pas c’est de bien comprendre les différents troubles de la vue, et je suis sûre que comme moi, tu auras envie de trouver des astuces pour rendre tes designs plus accessibles.
Alors, suis moi dans ce petit tour d’horizon des problèmes de vision, tu verras on est plein dans ce cas!
Glossaire des troubles de la vision
AMBLYOPIE
ASTIGMATIE
DALTONISME
DMLA
GLAUCOME
HYPERMETROPIE
MYOPIE
PRESBITIE
STRABISME
DES GOUTS ET DES COULEURS
3 idées Design
"COLORBLIND FRIENDLY"
-
Favoriser la couleur Bleu
( Bien que cette solution ne convienne pas à tous, le bleu est plus susceptible d'être reconnu chez une majorité de personnes atteintes du daltonisme) - Accentuer les contrastes. La différence entre la couleur de vos polices et la couleur d'arrière plan doit nous sauter aux yeux. les normes d'accessibilité conseillent un ratio de 4,5:1, mais selon la police utilisé il faudra parfois veiller à modifier l'arrière plan.
- Varier les motifs! Et oui, il n'y a pas que les dégradés dans la vie! Avec les motifs on peut créer des designs vibrants et hors du commun alors pourquoi s'en priver?!
Favoriser la couleur Bleu
( Bien que cette solution ne convienne pas à tous, le bleu est plus susceptible d'être reconnu chez une majorité de personnes atteintes du daltonisme)
Accentuer les contrastes.
La différence entre la couleur de vos polices et la couleur d'arrière plan doit nous sauter aux yeux. les normes d'accessibilité conseillent un ratio de 4,5:1, mais selon la police utilisé il faudra parfois veiller à modifier l'arrière plan.
Varier les motifs!
Et oui, il n'y a pas que les dégradés dans la vie! Avec les motifs on peut créer des designs vibrants et hors du commun alors pourquoi s'en priver?
LA VIE EN FLOU...
3 idées Design
"ANTI FLOU"
- Utiliser des couleurs contrastées : Un design d'interface avec des couleurs contrastées permet aux usagers ayant des problèmes de vision de mieux distinguer les éléments visuels sur l'écran.
- Prendre en compte la taille de la police et des icônes : Les personnes souffrant de problèmes de vision peuvent avoir besoin de caractères et d'icônes plus grands pour les aider à lire les informations.
- Utiliser des polices claires et simples : Montserrat, Helvetica, Calibri, Arial, Museo Slab, Tahoma, Source sans Pro, Rockwell et Roboto pour en citer quelques unes.
-
Le design d'interface peut apporter plusieurs réponses aux personnes souffrant de problèmes de vision.
Voici quelques exemples :
Utilisation de couleurs contrastées : Un design d'interface avec des couleurs contrastées permet aux personnes ayant des problèmes de vision de mieux distinguer les éléments visuels sur l'écran.
Taille de la police et des icônes : Les personnes souffrant de problèmes de vision peuvent avoir besoin de caractères et d'icônes plus grands pour les aider à lire les informations. Le design d'interface doit donc prendre en compte la taille de la police et des icônes pour les rendre plus accessibles.
Utilisation de polices claires et simples : Les polices claires et simples sont plus faciles à lire pour les personnes ayant des problèmes de vision. Le design d'interface doit donc utiliser des polices claires et simples pour faciliter la lecture.
Utilisation de technologies d'assistance : Les technologies d'assistance, telles que les écrans à contraste élevé et les lecteurs d'écran, peuvent aider les personnes ayant des problèmes de vision à naviguer sur les interfaces. Le design d'interface doit donc prendre en compte l'utilisation de ces technologies pour améliorer l'accessibilité.
En résumé, le design d'interface peut aider les personnes souffrant de problèmes de vision en rendant les informations plus visibles, en utilisant des polices claires et simples et en prenant en compte l'utilisation de technologies d'assistance.
Utiliser des couleurs contrastées : Un design d'interface avec des couleurs contrastées permet aux usagers ayant des problèmes de vision de mieux distinguer les éléments visuels sur l'écran.
Utiliser des polices claires et simples .
Montserrat, Helvetica, Calibri, Arial, Museo Slab, Tahoma, Source sans Pro, Rockwell et Roboto pour en citer quelques unes.
Prendre en compte la taille de la police et des icônes.
Les personnes souffrant de problèmes de vision peuvent avoir besoin de caractères et d'icônes plus grands pour les aider à lire les informations.
Utiliser des couleurs contrastées : Un design d'interface avec des couleurs contrastées permet aux usagers ayant des problèmes de vision de mieux distinguer les éléments visuels sur l'écran.
Utiliser des polices claires et simples .
Montserrat, Helvetica, Calibri, Arial, Museo Slab, Tahoma, Source sans Pro, Rockwell et Roboto pour en citer quelques unes.
Prendre en compte la taille de la police et des icônes.
Les personnes souffrant de problèmes de vision peuvent avoir besoin de caractères et d'icônes plus grands pour les aider à lire les informations.
