1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
|
---
title: Simulation
slug: Tools/Accessibility_inspector/Simulation
tags:
- Accessibilité
- DevTools
- Guide
- Inspecteur Accessibilié
- Outils
- Simulation
- couleur
translation_of: Tools/Accessibility_inspector/Simulation
original_slug: Outils/Inspecteur_accessibilite/Simulation
---
<div>{{ToolsSidebar}}</div>
<p><span class="seoSummary">Le simulateur dans <a href="/fr/docs/Tools/Accessibility_inspector">l'inspecteur de l'accessibilité</a> des outils de développement de Firefox vous permet de voir à quoi ressemblerait une page web pour les utilisateurs souffrant de diverses formes de <em>déficience de la perception des couleurs</em> (« dyschromatopsie » plus connue sous le nom de « daltonisme »), ainsi que de <em>perte de sensibilité au contraste</em>.</span></p>
<p>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.</p>
<p>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.</p>
<div class="blockIndicator note">
<p>Pour activer cette fonctionnalité vous devez avoir activé le <em>webrender</em>. Selon votre configuration de Firefox il peut être activé par défaut. Dans l'<a href="https://support.mozilla.org/fr/kb/editeur-configuration-firefox">éditeur de configuration de Firefox</a>, assurez-vous que l'option <strong>gfx.webrender.all</strong> est définie sur <code>true</code>.<em> </em></p>
</div>
<p>Dans le menu <strong>Simuler</strong>, vous pouvez choisir une option à la fois dans la liste suivante :</p>
<ul>
<li>Aucun — choisissez cette option pour revenir à un affichage normal ;</li>
<li>Protanomalie (rouge faible) ;</li>
<li>Deutéranomalie (vert faible) ;</li>
<li>Tritanomalie (bleu faible) ;</li>
<li>Protanopie (pas de rouge) ;</li>
<li>Deutéranopie (pas de vert) ;</li>
<li>Tritanopie (pas de bleu) ;</li>
<li>Perte de contraste ;</li>
</ul>
<div class="blockIndicator note">
<p>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.</p>
</div>
<p>Le tableau suivant montre une image colorée d'une tête de chat, et à quoi elle ressemble dans les différentes simulations.</p>
<table>
<thead>
<tr>
<th scope="col">Simulation</th>
<th scope="col">Image affichée</th>
</tr>
</thead>
<tbody>
<tr>
<td>Aucun</td>
<td><img alt="Colorful image of a cat's face, without modification" src="28369550088_617db0d6f2_m.jpg"></td>
</tr>
<tr>
<td>Protanomalie (rouge faible)</td>
<td><img alt="Colorful image of a cat's face, with deuteranomaly simulation" src="colorcat_protanomaly.png"></td>
</tr>
<tr>
<td>Deutéranomalie (vert faible)</td>
<td><img alt="Colorful image of a cat's face, with deuteranomaly simulation" src="colorcat_deuteranomaly.png"></td>
</tr>
<tr>
<td>Tritanomalie (bleu faible)</td>
<td><img alt="Colorful image of a cat's face, with tritanomaly simulation" src="colorcat_tritanomaly.png"></td>
</tr>
<tr>
<td>Protanopie (pas de rouge)</td>
<td><img alt="Colorful image of a cat's face, with protanopia simulation" src="colorcat_protanopia.png"></td>
</tr>
<tr>
<td>Deutéranopie (pas de vert)</td>
<td><img alt="Colorful image of a cat's face, with deuteranopia simulation" src="colorcat_deuteranopia.png"></td>
</tr>
<tr>
<td>Tritanopie (pas de bleu)</td>
<td><img alt="Colorful image of a cat's face, with tritanopia simulation" src="colorcat_tritanopia.png"></td>
</tr>
<tr>
<td>Perte de contraste</td>
<td><img alt="Colorful image of a cat's face, with contrast loss simulation" src="colorcat_contrastloss.png"></td>
</tr>
</tbody>
</table>
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
<li><a href="https://www.color-blindness.com/types-of-color-blindness/">Types de daltonisme</a> (en anglais)</li>
<li><a href="https://www.color-blindness.com/coblis-color-blindness-simulator/">Simulateur de daltonisme</a> (en anglais)</li>
<li><a href="http://www.vision-and-eye-health.com/contrast-sensitivity.html">Sensibilité aux contrastes</a> (en anglais)</li>
<li><a href="http://mkweb.bcgsc.ca/colorblind/">Palettes de couleurs pour le daltonisme</a> (en anglais)</li>
<li><a href="https://jfly.uni-koeln.de/color/">Conception universelle des couleurs</a> (en anglais)</li>
<li><a href="https://www.w3.org/TR/WCAG21/#use-of-color">Critère de succès des WCAG 1.4.1 : l'utilisation de la couleur</a> (en anglais)</li>
<li><a href="https://www.w3.org/TR/WCAG21/#use-of-color">Critère de succès des WCAG 1.4.11 </a><a href="https://www.w3.org/TR/WCAG21/#non-text-contrast">: contraste non textuel</a> (en anglais)</li>
</ul>
|
