Le "daltonisme" est défini comme l'incapacité de voir certaines couleurs comme le font la plupart des êtres humains.
Si vous êtes intéressé à comprendre clairement comment les personnes ayant des conditions de daltonisme différentes voient les couleurs, consultez cet outil simple et cliquez sur les modes de vision des couleurs. Plus d'informations sur les formes de daltonisme et les contrastes de couleurs peuvent être trouvés ici.
Il est impossible d'expliquer rapidement et clairement à quoi ressemble la cécité des couleurs et comment les personnes daltoniennes peuvent percevoir votre site Web, mais heureusement, il est possible de le voir de vos propres yeux.
Voici quelques simulateurs de daltonisme très faciles pour visualiser le daltonisme pour vous.
Voir les sites Web en tant que personne aveugle aux couleurs
Le filtre de page Web Colorblind est un outil Web facile à utiliser (mais parfois lent) qui vous permet de naviguer sur le Web pour le voir comme si vous étiez daltonien.
Donnez-lui simplement votre URL, choisissez le "filtre de couverture" (les filtres sont expliqués en détail ici) et cliquez sur "Récupérer et filtrer!".
Une fois la page récupérée à travers le filtre, vous pourrez voir comment un daltonien perçoit les couleurs. Vous pouvez cliquer sur les conditions pour générer un nouvel aperçu pour chaque type de daltonisme.
Voici comment un utilisateur avec la vue "normale" (habituelle) voit une page:
Voici comment une personne daltonienne voit la même page (selon le simulateur):
Si votre page répond aux exigences et qu'elle est compatible avec les daltoniens, vous pouvez récupérer le badge de filtre de page.
Une autre option possible pour la simulation de la daltonisme est Chrometric qui est une application Adobe AIR gratuite.
Voir les images en tant que personne aveugle aux couleurs
En plus d'utiliser le navigateur Web simulateur de daltonisme ci-dessus, essayez de vérifier l'un des outils ci-dessous qui vous permettent de prévisualiser rapidement les images téléchargées en utilisant différents filtres de daltonisme. Ce pourrait être une bonne idée d'utiliser les outils ci-dessous pour:
- Prévisualisez n'importe quelle image que vous avez créée (comme un logo avec lequel vous allez créer votre entreprise ou une infographie que vous envisagiez de publier);
- Créez une capture d'écran de la page d'accueil de votre site Web (ou de tout atterrissage) et lancez-la à l'aide des outils (cela rendra le test de la page Web beaucoup plus rapide qu'avec le navigateur Web).
1. Color Blindness Simulator : Il suffit de télécharger votre image, choisissez la condition et exécutez le test.
L'outil affichera les deux versions de l'image: pour les conditions normales et pour les aveugles:
Il y aura également beaucoup de détails sur chaque condition ci-dessous le résultat.
Limitations : Vous devez vous assurer que votre image ne dépasse pas 100 Ko, soit 1000 x 1000 pixels ou moins et qu'elle est en format jpeg au format RVB.
2. Coblis - Color Blindness Simulator : Celui-ci fonctionne de manière similaire à celui ci-dessus. Il n'y aura pas de comparaison côte à côte avec l'image initiale. Cependant, cet outil donne plus de liberté vous permettant de cliquer rapidement à travers diverses conditions de daltonisme et de prévisualiser les images résultantes:
Attention : A en juger par les commentaires sur l'outil, il semble que ce soit un peu inexact dans le traitement de certains filtres mais le concept global est assez clair.
Existe-t-il d'autres outils similaires faciles à utiliser et faciles à comprendre pour vous aider à rendre vos sites Web et vos conceptions plus respectueux des couleurs? S'il vous plaît partagez-les dans les commentaires!
Lectures complémentaires pour faciliter votre vie (ou celle de vos proches) si vous souffrez de diverses déficiences visuelles:
- 4 outils pour rendre les pages Web plus faciles à lire pour les personnes ayant une mauvaise vue (Firefox) 4 outils pour rendre les pages Web plus faciles à lire pour les personnes ayant une mauvaise vue (Firefox) 4 outils pour rendre les pages Web plus faciles ) Lire la suite
- 7 étapes pour rendre les ordinateurs accessibles aux personnes âgées 7 étapes pour rendre les ordinateurs accessibles aux personnes âgées 7 étapes pour rendre les ordinateurs accessibles aux personnes âgées Lire la suite
- Augmentez facilement la taille de la police de la barre d'adresse de Firefox
Crédit d'image: John Machan (Fotopedia)