Simulateur de daltonisme

Prévisualisez les problèmes d'accessibilité des couleurs d'une image

La couleur peut porter un sens important dans les graphiques, boutons, cartes, tableaux de bord et visuels marketing. Mais tout le monde ne perçoit pas les différences de couleur de la même façon. Ce simulateur de daltonisme vous aide à prévisualiser le rendu d'une image avec les déficiences de la vision des couleurs les plus courantes, afin de repérer les endroits où l'information dépend trop du contraste rouge-vert ou bleu-jaune.

La simulation s'effectue entièrement dans votre navigateur. L'image est dessinée sur un canevas, chaque pixel est transformé avec une matrice de couleurs 3×3 standard, et le canevas obtenu est affiché et téléchargeable en PNG. Aucun serveur ne reçoit votre capture d'écran ou votre maquette, ce qui est particulièrement utile pour des interfaces non publiées, des travaux clients et des tableaux de bord internes.

Comprendre les types de simulation

La protanopie simule l'absence ou le dysfonctionnement des cônes rouges à grande longueur d'onde, ce qui peut assombrir les rouges et réduire la distinction rouge-vert. La deutéranopie simule l'absence des cônes verts à moyenne longueur d'onde, autre déficience rouge-vert courante. La tritanopie simule l'absence des cônes bleus à courte longueur d'onde, qui affecte la perception bleu-jaune et est plus rare. L'option Normal laisse l'image inchangée pour que vous puissiez la comparer rapidement aux versions transformées.

Concevoir au-delà de la seule couleur

Un simulateur est une aide à la relecture, pas un audit d'accessibilité complet ni un outil de diagnostic médical. Utilisez-le pour repérer les associations de couleurs risquées, puis améliorez le design avec des libellés, des icônes, des motifs, des soulignements, un contraste plus fort et des indices redondants. Les graphiques ne doivent pas reposer uniquement sur des lignes de couleurs différentes ; les états d'erreur doivent inclure du texte ou un changement de forme ; les boutons doivent rester reconnaissables sans la teinte. Si l'aperçu simulé transmet toujours le même message, votre image a plus de chances de convenir à un public plus large. Vérifiez aussi les écrans importants à leur taille d'affichage réelle, car les petits libellés, les lignes de graphique fines et les teintes de fond subtiles peuvent devenir plus difficiles à distinguer après la transformation des couleurs.

Interpréter les résultats

Les déficiences rouge-vert sont beaucoup plus courantes que les déficiences bleu-jaune ; la protanopie et la deutéranopie sont donc généralement les deux premiers aperçus à vérifier. Passez d'une option à l'autre et comparez l'original à chaque version : si deux catégories, lignes ou couleurs d'état deviennent difficiles à distinguer, le design dépend trop de la teinte. Gardez à l'esprit qu'il s'agit d'approximations de la dichromatie complète. Les formes plus légères de faiblesse chromatique et les affections plus rares, comme l'achromatopsie, ne sont pas couvertes, et la perception réelle varie selon les personnes et les conditions d'éclairage. Le PNG téléchargé conserve la pleine résolution de votre original et inclut le nom de la simulation dans le nom du fichier.