> [Site index](https://perfectvector.com/llms.txt) — available pages and descriptions.

# Figures scientifiques : garder le sens sans couleur

> Vérifie les schémas scientifiques en niveaux de gris avec des libellés, formes et styles de ligne. Un exemple SVG complet préserve l'identité des conditions sans modifier les données.

Source: https://perfectvector.com/fr/blog/scientific-figure-color-redundancy

Language: fr
Author: Irene Kim
Published: 2026-10-15T08:00:00+09:00

Pour qu'un schéma scientifique fonctionne sans couleur, donne à chaque condition importante une identité visible au-delà de sa teinte. Ajoute des libellés directs, différencie des symboles ou des styles de ligne appropriés, puis inspecte une copie en niveaux de gris à la taille d'affichage prévue. Une autre palette peut aider, mais elle ne peut pas nommer une condition sans libellé.

Ce guide porte sur les schémas explicatifs catégoriels : un schéma montrant deux conditions, groupes ou parcours. Il utilise un fichier SVG (Scalable Vector Graphics) original à deux lignes, sans données expérimentales. Les cartes thermiques continues, les micrographies et les graphiques de mesures demandent un traitement tenant compte de leurs données ; ne vectorise pas leurs marques en nouvelles formes pour les rendre plus nettes.

## Décider ce que la couleur indique au lecteur

Pars de la source modifiable, de la légende et de la plus petite reproduction prévue. Liste les distinctions que le lecteur doit retrouver : à quelle condition appartient un symbole, où mène un parcours ou quel panneau décrit un libellé.

Masque ensuite mentalement la couleur. Si les consignes deviennent « suis la ligne orange » ou « compare les cercles bleus », remplace cette dépendance par des noms que le lecteur peut trouver dans la figure. Utilise des noms de conditions significatifs dans une véritable soumission. « Condition A » et « Condition B » ci-dessous sont des noms de remplacement pour montrer la mise en page.

Les [consignes du W3C sur l'utilisation de la couleur](https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html) demandent un indice visible, comme du texte ou une forme, lorsque la couleur porte une information. Ce sont des consignes d'accessibilité web, pas un test d'acceptation d'une revue scientifique. Le même principe graphique est utile ici : conserver la distinction grâce à un autre indice.

## Donner une deuxième identité à chaque condition

Utilise le moins d'indices possible tout en rendant la correspondance claire. Un court libellé à côté de chaque parcours peut suffire pour un schéma simple. Des marqueurs répétés ou des styles de liaison différents peuvent aider le lecteur à suivre un parcours plus long sans revenir à la légende.

| Condition | Couleur dans cet exemple | Symbole  | Liaison  | Libellé direct |
| --------- | ------------------------ | -------- | -------- | -------------- |
| A         | Bleu                     | Cercle   | Continue | Condition A    |
| B         | Orange                   | Triangle | Tirets   | Condition B    |

Garde cette correspondance cohérente entre les panneaux. Si un triangle représente déjà un composant particulier dans ton domaine, préserve ce sens et choisis un autre indice. De même, ne réaffecte pas une ligne en tirets qui signifie déjà une connexion hypothétique. Le codage redondant consiste à exprimer la même identité par plusieurs indices ; il ne consiste pas à donner des sens contradictoires à des symboles familiers.

Choisis une palette adaptée à ta destination et garde les libellés lisibles sur le fond. [Les spécifications de figures de Nature](https://research-figure-guide.nature.com/figures/preparing-figures-our-specifications/) demandent une palette accessible et montrent des carrés de légende colorés associés à du texte noir. Elles déconseillent aussi les motifs et l'encombrement décoratif. Cela justifie des libellés simples et des symboles utiles plutôt que de remplir tous les objets de hachures.

![Illustration comparant deux conditions schématiques identifiées uniquement par la couleur à des conditions distinguées par des libellés, formes et styles de liaison](https://perfectvector.com/blog/scientific-figure-color-redundancy/condition-labels-and-shapes.webp)

*Illustration : les libellés directs et les formes ou styles de ligne différents apportent des indices d'identité en plus de la couleur. Les contrôles de rendu SVG ci-dessous utilisent un exemple créé séparément.*

## Essayer le SVG à deux conditions

Enregistre cet exemple complet sous `conditions.svg`. Ouvre-le dans un navigateur ou un éditeur vectoriel. Il a un fond blanc, deux lignes nommées, sans images externes ni polices importées. Les symboles différents sont volontairement génériques ; ils ne représentent pas un mécanisme biologique.

```xml
<svg xmlns="http://www.w3.org/2000/svg" width="600" height="240" viewBox="0 0 600 240">
  <rect width="600" height="240" fill="white"/>
  <g fill="white" stroke-width="4">
    <g stroke="#0072B2">
      <path d="M80 70H320"/>
      <circle cx="80" cy="70" r="16"/><circle cx="320" cy="70" r="16"/>
    </g>
    <g stroke="#D55E00">
      <path d="M80 170H320" stroke-dasharray="12 8"/>
      <polygon points="80,150 62,180 98,180"/><polygon points="320,150 302,180 338,180"/>
    </g>
  </g>
  <g fill="black" font-family="sans-serif" font-size="24">
    <text x="370" y="78">Condition A</text>
    <text x="370" y="178">Condition B</text>
  </g>
</svg>
```

La source garde les libellés comme texte. Son `stroke-dasharray="12 8"` donne à la liaison inférieure un motif répété de tirets et d'espaces ; la [spécification des tirets SVG](https://www.w3.org/TR/SVG2/painting.html#StrokeDashing) définit comment ces longueurs suivent le tracé. Ni le libellé ni le triangle ne dépendent de la reconnaissance de l'orange.

1. Ouvre la version 600 × 240. Confirme que les deux libellés sont présents, que les cercles appartiennent à A et les triangles à B.
2. Exporte une copie en couleur, puis crée une copie en niveaux de gris de cet export. Conserve le fichier maître en couleur. Vérifie si tu peux identifier les deux conditions par leur nom et suivre leurs liaisons sans consulter une description de couleur.
3. Fais une copie source plus petite avec `width="300"` et `height="120"`, sans modifier la `viewBox`. Répète les deux exports. Cela teste une réduction, pas une taille minimale universelle.
4. Inspecte le fichier que tu placeras réellement dans le manuscrit ou la diapositive. Confirme que les libellés, les symboles et les styles de liaison survivent à cet export et aux redimensionnements ultérieurs.

Pour un contrôle volontairement plus faible, supprime le groupe de texte, remplace les triangles par des cercles aux mêmes positions et retire `stroke-dasharray`. Il reste deux lignes colorées. La question est de savoir si leurs noms de conditions restent disponibles, pas si les deux gris paraissent identiques par hasard.

Nous avons rendu les deux versions avec librsvg à 600 × 240 et 300 × 120 pixels, puis converti chaque sortie en niveaux de gris avec la pondération RVB `0.299R + 0.587G + 0.114B`. Dans les quatre versions à codage redondant, les libellés, la distinction cercle/triangle et les liaisons continues/en tirets restaient visibles et non coupés. Le bleu et l'orange du contrôle sont devenus des gris différents, 87 et 119 sur une échelle de 0 à 255. Nous ne décrivons donc pas le contrôle comme indiscernable. L'amélioration est une identité de condition explicite qui ne dépend pas de la teinte.

Ce sont des contrôles numériques de ce SVG créé. Nous n'avons ni testé une impression physique ni mené une étude auprès de lecteurs. Une conversion en niveaux de gris ne reproduit pas non plus toutes les formes de déficience de vision des couleurs. Considère-la comme une vue d'inspection parmi d'autres contrôles adaptés à ton public et à ta revue.

## Corriger l'indice qui échoue à la taille finale

Si un libellé devient trop petit, raccourcis-le soigneusement ou libère de la place pour un texte plus grand. Si les tirets semblent fusionner en ligne continue, révise leur espacement ou utilise un autre indice approprié. Si un marqueur perd sa forme, simplifie-le ou agrandis-le. Revérifie toute la figure après chaque changement pour éviter que la correction ne crée un chevauchement ailleurs.

Pour les calculs de taille physique, utilise le guide séparé sur [la taille de police et la largeur de ligne des figures scientifiques](https://perfectvector.com/fr/blog/scientific-figure-font-size-line-width). L'exemple de 300 pixels de cet article est un contrôle de rendu à l'écran, pas une recommandation de largeur de colonne de revue.

Garde la légende synchronisée avec le visuel. Remplace « ligne orange » par un nom de condition et son indice visible, par exemple « Condition B, liaison en tirets ». Pour les figures en ligne, fournis aussi une alternative textuelle ou une légende appropriée décrivant la comparaison de fond. Les libellés visibles seuls n'établissent pas l'accessibilité pour les personnes qui ne peuvent pas voir la figure.

## Préserver la science en modifiant la présentation

Révise les graphiques de mesures dans leur source de traçage et réexporte-les en conservant les valeurs sous-jacentes. Pour les micrographies, garde les images originales et suis les règles de traitement d'image de la revue. [La politique d'intégrité des images de Nature](https://www.nature.com/nature/editorial-policies/image-integrity) exige que l'image finale représente fidèlement les données originales et décrit les obligations de déclaration des traitements. Redessiner une image jusqu'à ce qu'elle paraisse plus propre ne remplace pas ce processus.

Si tu n'as qu'un schéma matriciel séparé, [le processus de schéma scientifique vers SVG de PerfectVector](https://perfectvector.com/fr/scientific-diagram-to-svg) peut aider à récupérer des formes modifiables. Vérifie l'aperçu, puis déverrouille le résultat pour l'édition SVG et l'export. Compare chaque connexion et symbole récupérés à la source, et reconstruis les libellés comme texte si nécessaire. Une forme récupérée n'est utile que si son sens scientifique subsiste. Si tu disposes déjà d'un visuel modifiable, révise-le directement ; [modifier les couleurs SVG](https://perfectvector.com/fr/blog/how-to-change-svg-color) traite de cette étape d'édition plus précise.

Termine lorsque chaque condition a un nom sans ambiguïté, que ses indices autres que la couleur restent lisibles dans la figure placée et que la légende concorde. Si l'absence de source vectorielle bloque un schéma séparé, [récupère ses formes avec PerfectVector](https://perfectvector.com/fr/scientific-diagram-to-svg), puis répète ce contrôle d'identité sur le résultat exporté.

## FAQ

**Une palette adaptée au daltonisme suffit-elle pour un schéma scientifique ?**
Une palette appropriée aide, mais l'identité des conditions doit aussi être disponible par des libellés directs ou d'autres indices adaptés. Vérifie la figure complète à la taille prévue, y compris sa légende.

**Un contrôle en niveaux de gris prouve-t-il qu'une figure est accessible ?**
Non. Il vérifie un rendu sans teinte. Il ne couvre pas toutes les différences de vision des couleurs, la basse vision, l'accès par lecteur d'écran ou les exigences d'une revue particulière.

**Dois-je remplacer tous mes symboles scientifiques par des cercles et des triangles ?**
Non. L'exemple utilise des symboles génériques de démonstration. Préserve les symboles et les styles de ligne qui ont déjà un sens scientifique, et ajoute des libellés ou un autre indice compatible.

## Sources

1. [W3C — Comprendre l'utilisation de la couleur](https://www.w3.org/WAI/WCAG21/Understanding/use-of-color.html) — Explique les alternatives visibles à la couleur et les limites de ce critère d'accessibilité.
2. [Nature — Préparer les figures : nos spécifications](https://research-figure-guide.nature.com/figures/preparing-figures-our-specifications/) — Fournit les consignes citées sur la palette, le texte de légende et l'encombrement des figures Nature.
3. [W3C — Tirets de contour SVG](https://www.w3.org/TR/SVG2/painting.html#StrokeDashing) — Définit le motif de tirets et d'espaces utilisé dans l'exemple source complet.
4. [Nature — Intégrité des images et normes](https://www.nature.com/nature/editorial-policies/image-integrity) — Fixe les limites concernant les données sources et les traitements qui fondent les conseils sur l'image scientifique.

## Explore

- [Read the HTML article](https://perfectvector.com/fr/blog/scientific-figure-color-redundancy)
- [Créer un logo monochrome sans perdre son dessin](https://perfectvector.com/fr/blog/one-color-logo-negative-space.md)
- [Icônes SVG Shopify : préparer un symbole de marque propre](https://perfectvector.com/fr/blog/shopify-custom-svg-icon.md)
- [Product facts](https://perfectvector.com/product-facts.md)
- [FAQ](https://perfectvector.com/faq.md)
- [Pricing and credits](https://perfectvector.com/pricing.md)
