Simulateur de daltonisme pour captures d'écran et palettes
Simulateur de daltonisme
Simulateur de daltonisme : testez une capture ou une palette en 8 types de vision | We.Inc
Voyez une capture d'écran ou une palette de couleurs à travers huit types de déficience de la vision des couleurs, côte à côte. Repère les paires de couleurs qui deviennent difficiles à distinguer et suggère une teinte plus sûre. Fonctionne dans votre navigateur.
Un simulateur de daltonisme redessine les couleurs telles que les voient les personnes chez qui un type de cône manque ou fonctionne mal. Importez une capture d'écran ou collez votre palette pour la voir d'un coup selon huit types de vision. L'outil repère aussi les paires de couleurs qui semblent distinctes pour la plupart des gens mais se confondent pour d'autres, et suggère une couleur de remplacement plus claire ou plus foncée.
Les principaux types de déficience de la vision des couleurs
Type
Ce qui change
Confusions fréquentes
Deutéranomalie et deutéranopie
Cônes verts affaiblis ou absents
Rouge et vert, marron et vert, bleu et violet
Protanomalie et protanopie
Cônes rouges affaiblis ou absents ; les rouges paraissent plus sombres
Rouge et vert, rouge et noir
Tritanomalie et tritanopie
Cônes bleus affaiblis ou absents (rare)
Bleu et vert, jaune et rose
Achromatopsie
Aucun cône fonctionnel (très rare)
Tout sauf la luminosité
Deux façons de commencer : déposez une capture d'écran d'une page, d'un graphique ou d'une maquette, ou collez une liste de couleurs hex. Chaque simulation s'exécute dans votre navigateur, et rien n'est envoyé.
Déposez ou choisissez une capture d'écran (PNG, JPG ou WebP), ou collez des couleurs hex, une par ligne ou séparées par des virgules.
L'image ou la palette est redessinée huit fois, une par type de vision, à l'aide d'un modèle publié de la réponse des cônes.
Pour les palettes, chaque paire est comparée dans chaque simulation. Les paires dont l'écart passe sous un petit seuil sont signalées.
Chaque paire signalée est accompagnée d'une suggestion de remplacement : la seconde couleur éclaircie ou assombrie jusqu'à ce qu'elle se distingue de nouveau.
Ne laissez jamais la couleur être le seul signal. Ajoutez aussi une étiquette, une icône, un motif ou une position, ce que demande d'ailleurs le critère de succès WCAG 1.4.1.
Le contraste de luminosité résiste à tous les types de daltonisme. Un rouge foncé à côté d'un vert clair reste lisible ; un rouge moyen à côté d'un vert moyen, non.
Dans les graphiques, étiquetez directement les courbes ou variez le style de trait, et choisissez des palettes qui varient en luminosité autant qu'en teinte.
Les états d'erreur des formulaires doivent comporter une icône et un texte, pas seulement une bordure rouge.
Questions fréquentes
Le daltonisme est-il fréquent ?
Selon le National Eye Institute américain, le daltonisme rouge-vert est la forme la plus courante, et il touche bien plus les hommes que les femmes. Chez les personnes d'origine nord-européenne, il concerne jusqu'à environ 1 homme sur 12 et 1 femme sur 200. Les types bleu-jaune et le daltonisme complet sont rares.
Quelle est la précision de la simulation ?
Elle utilise le modèle de Machado, Oliveira et Fernandes, largement utilisé et reconnu, avec une intensité maximale pour les types en -opie et une intensité modérée pour les types en -anomalie. Chaque personne est différente : deux personnes avec le même diagnostic peuvent voir de façon un peu différente, et les écrans comme l'éclairage changent aussi les choses. Considérez-la comme un guide fiable, pas comme un diagnostic.
Puis-je tester un site en ligne à partir de son URL ?
Pas depuis cette page. Les navigateurs ne permettent pas à un site de charger et de lire les pixels d'un autre site. Faites plutôt une capture d'écran de la page (sur la plupart des systèmes, Shift + Cmd + 4 sur Mac ou Win + Shift + S sur Windows) et déposez-la ici.
Réussir un test de contraste signifie-t-il que mes couleurs conviennent aux daltoniens ?
Pas entièrement. Les vérificateurs de contraste comparent la luminosité entre le texte et l'arrière-plan, ce qui aide tout le monde. Mais deux couleurs de graphique ou deux couleurs d'état peuvent chacune réussir face au blanc et pourtant paraître identiques pour une personne atteinte de deutéranopie. Vérifiez les paires de couleurs qui doivent être distinguées, ce que fait justement le test de palette ici.
Pourquoi le rouge et le vert posent le plus de problèmes
Les cônes rouges et verts de l'œil réagissent à des plages de lumière qui se chevauchent. Quand l'un d'eux manque ou est décalé, le cerveau perd l'essentiel de la différence entre les rouges, les oranges, les jaunes et les verts, et ces couleurs s'alignent sur une seule échelle allant du foncé au clair.
C'est pourquoi les couleurs d'état façon feu tricolore, les courbes rouges et vertes et les badges de succès ou d'erreur sont les problèmes habituels. Portez le sens par un mot ou une icône et faites varier la luminosité des deux couleurs.
Comment fonctionne le test des paires
Chaque couleur est convertie en OKLab, un espace colorimétrique conçu pour que des distances égales paraissent à peu près aussi différentes. L'outil mesure la distance entre chaque paire avant et après simulation. Une paire nettement différente en temps normal mais qui passe sous le seuil dans une simulation est signalée.
Le seuil relève d'une appréciation adaptée aux petites surfaces unies comme les courbes de graphique, les pastilles de légende et les badges. Les grands blocs de couleur sont plus faciles à distinguer, donc une paire signalée peut convenir pour deux sections pleine largeur.
Vision typique
Les trois types de cônes fonctionnent.
Protanopie
Pas de cônes rouges. Les rouges paraissent sombres et proches des verts.
Protanomalie
Cônes rouges affaiblis. Une confusion rouge-vert plus légère.
Deutéranopie
Pas de cônes verts. Le rouge et le vert se ressemblent.
Deutéranomalie
Cônes verts affaiblis. Le type le plus courant.
Tritanopie
Pas de cônes bleus. Le bleu et le vert, le jaune et le rose sont confondus.
Tritanomalie
Cônes bleus affaiblis. Une confusion bleu-jaune plus légère.
Achromatopsie
Aucune vision des couleurs. Seule la luminosité subsiste.
Achromatomalie
Vision des couleurs fortement réduite.
Choisissez un fichier image.
Impossible de lire cette image.
Déposez une capture d'écran ici ou cliquez pour en choisir une. Elle reste sur votre appareil.