Simulation

Le simulateur dans l'inspecteur de l'accessibilité des outils de développement de Firefox vous permet de voir à quoi ressemblerait une page web pour les utilisateurs souffrant de diverses formes de déficience de la perception des couleurs (« dyschromatopsie » plus connue sous le nom de « daltonisme »), ainsi que de perte de sensibilité au contraste.

La plupart des personnes atteintes de daltonisme peuvent voir les couleurs, mais ne voient pas toutes les distinctions que les personnes ayant une vision normale des couleurs peuvent voir. Les déficiences de la vision des couleurs affectent la perception de tout le spectre des couleurs, et pas seulement de certaines couleurs spécifiques comme le rouge ou le vert. Les déficiences de la vision des couleurs affectent environ 8 % des hommes et 0,5 % des femmes. Les formes les plus courantes de daltonisme (communément regroupées sous le nom de « daltonisme rouge-vert ») touchent plus d'hommes que de femmes, car elles sont dues à une mutation d'un gène du chromosome X, dont les hommes ne possèdent qu'une copie.

La perte de sensibilité aux contrastes peut être causée par la cataracte, le glaucome, la rétinopathie diabétique et d'autres troubles de la rétine ; elle peut être liée à l'âge, d'origine congénitale ou due à une blessure.

Pour activer cette fonctionnalité vous devez avoir activé le webrender. Selon votre configuration de Firefox il peut être activé par défaut. Dans l'éditeur de configuration de Firefox, assurez-vous que l'option gfx.webrender.all est définie sur true.

Dans le menu Simuler, vous pouvez choisir une option à la fois dans la liste suivante :

  • Aucun — choisissez cette option pour revenir à un affichage normal ;
  • Protanomalie (rouge faible) ;
  • Deutéranomalie (vert faible) ;
  • Tritanomalie (bleu faible) ;
  • Protanopie (pas de rouge) ;
  • Deutéranopie (pas de vert) ;
  • Tritanopie (pas de bleu) ;
  • Perte de contraste ;

Ces simulations de ne sont pas tout à fait exactes sur le plan médical. Cependant, elles peuvent vous donner une idée de ce à quoi ressemble votre site web pour les utilisateurs ayant des troubles de la vision, et donc vous aider à juger si vous devez faire des ajustements dans vos choix de couleurs et/ou de contrastes.

Le tableau suivant montre une image colorée d'une tête de chat, et à quoi elle ressemble dans les différentes simulations.

Simulation Image affichée
Aucun Colorful image of a cat's face, without modification
Protanomalie (rouge faible) Colorful image of a cat's face, with deuteranomaly simulation
Deutéranomalie (vert faible) Colorful image of a cat's face, with deuteranomaly simulation
Tritanomalie (bleu faible) Colorful image of a cat's face, with tritanomaly simulation
Protanopie (pas de rouge) Colorful image of a cat's face, with protanopia simulation
Deutéranopie (pas de vert) Colorful image of a cat's face, with deuteranopia simulation
Tritanopie (pas de bleu) Colorful image of a cat's face, with tritanopia simulation
Perte de contraste Colorful image of a cat's face, with contrast loss simulation

Voir aussi