PerfectVector
Von Irene Kim

Wissenschaftliche Abbildungen: Bedeutung ohne Farbe

Prüfe wissenschaftliche Diagramme in Graustufen mit Beschriftungen, Formen und Linienstilen. Ein vollständiges SVG-Beispiel erhält die Identität von Bedingungen, ohne Daten zu ändern.

7 Min. Lesezeit
Auf dieser Seite

Damit ein wissenschaftliches Diagramm ohne Farbe funktioniert, gib jeder wichtigen Bedingung eine sichtbare Identität über ihren Farbton hinaus. Ergänze direkte Beschriftungen, unterscheide geeignete Symbole oder Linienstile und prüfe dann eine Graustufenkopie in der vorgesehenen Darstellungsgröße. Eine andere Palette kann helfen, aber eine unbeschriftete Bedingung nicht benennen.

Dieser Leitfaden behandelt kategoriale Erklärdiagramme: Schemata mit zwei Bedingungen, Gruppen oder Wegen. Er verwendet eine eigene zweizeilige SVG-Datei (Scalable Vector Graphics) ohne Versuchsdaten. Kontinuierliche Heatmaps, Mikroskopieaufnahmen und gemessene Diagramme benötigen eine eigene datenbewusste Behandlung; vektorisiere ihre Markierungen nicht zu neuen Formen, um sie klarer wirken zu lassen.

Entscheide, was die Farbe dem Leser mitteilt

Beginne mit der bearbeitbaren Quelle, der Abbildungslegende und der kleinsten vorgesehenen Wiedergabe. Liste die Unterschiede auf, die der Leser erkennen muss: Zu welcher Bedingung ein Symbol gehört, wohin ein Weg führt oder welchen Teil eine Beschriftung beschreibt.

Blende die Farbe dann gedanklich aus. Werden die Anweisungen zu „Folge der orangen Linie“ oder „Vergleiche die blauen Kreise“, ersetze diese Abhängigkeit durch Namen, die der Leser in der Abbildung finden kann. Nutze bei einer echten Einreichung aussagekräftige Bedingungsnamen. „Bedingung A“ und „Bedingung B“ unten sind Platzhalter zur Demonstration des Layouts.

Die W3C-Hinweise zur Farbnutzung verlangen einen sichtbaren Hinweis wie Text oder Form, wenn Farbe Informationen vermittelt. Das sind Hinweise zur Web-Barrierefreiheit, kein Annahmetest einer wissenschaftlichen Zeitschrift. Dasselbe Gestaltungsprinzip hilft hier: Erhalte den Unterschied durch einen weiteren Hinweis.

Gib jeder Bedingung eine zweite Identität

Nutze so wenige Hinweise, wie für eine klare Zuordnung nötig sind. Eine kurze Beschriftung neben jedem Weg kann bei einem einfachen Schema genügen. Wiederholte Markierungen oder unterschiedliche Verbindungslinien helfen, einem längeren Weg zu folgen, ohne zur Legende zurückzukehren.

BedingungFarbe in diesem BeispielSymbolVerbindungDirekte Beschriftung
ABlauKreisDurchgezogenBedingung A
BOrangeDreieckGestricheltBedingung B

Halte diese Zuordnung über alle Teilabbildungen hinweg konsistent. Bedeutet ein Dreieck in deinem Fach bereits eine bestimmte Komponente, erhalte diese Bedeutung und wähle einen anderen Hinweis. Widme ebenso keine gestrichelte Linie um, die bereits eine hypothetische Verbindung bezeichnet. Redundante Codierung heißt, dieselbe Identität mit mehreren Hinweisen auszudrücken; sie heißt nicht, vertrauten Symbolen widersprüchliche Bedeutungen zu geben.

Wähle eine zum Ziel passende Palette und halte Beschriftungen vor dem Hintergrund lesbar. Natures Abbildungsvorgaben verlangen eine zugängliche Palette und zeigen farbige Legendenfelder zusammen mit schwarzem Text. Sie raten außerdem von Mustern und dekorativer Überladung ab. Das spricht für einfache Beschriftungen und zweckmäßige Symbole, statt jedes Objekt mit Schraffuren zu füllen.

Illustration zweier schematischer Bedingungen, die einmal nur durch Farbe und einmal durch Beschriftungen, Formen und Verbindungslinienstile unterschieden werden
Illustration: Direkte Beschriftungen und unterschiedliche Formen oder Linienstile liefern neben Farbe weitere Identitätsmerkmale. Die folgenden SVG-Renderingprüfungen nutzen ein separat erstelltes Beispiel.

Probiere die SVG mit zwei Bedingungen aus

Speichere dieses vollständige Beispiel als conditions.svg. Öffne es in einem Browser oder Vektoreditor. Es hat einen weißen Hintergrund, zwei beschriftete Zeilen und keine externen Bilder oder importierten Schriften. Die unterschiedlichen Symbole sind bewusst allgemein gehalten; sie stellen keinen biologischen Mechanismus dar.

<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>

Die Quelle behält die Beschriftungen als Text. Ihr stroke-dasharray="12 8" gibt der unteren Verbindung ein wiederholtes Muster aus Strichen und Lücken; die SVG-Spezifikation für gestrichelte Konturen definiert, wie diese Längen dem Pfad folgen. Weder Beschriftung noch Dreieck hängen davon ab, Orange zu erkennen.

  1. Öffne die Version mit 600 × 240. Bestätige, dass beide Beschriftungen vorhanden sind, die Kreise zu A und die Dreiecke zu B gehören.
  2. Exportiere eine Farbkopie und erstelle davon eine Graustufenkopie. Behalte den Farbmaster. Prüfe, ob du beide Bedingungen namentlich erkennen und ihren Verbindungen folgen kannst, ohne eine Farbbeschreibung zu benötigen.
  3. Erstelle eine kleinere Quellkopie mit width="300" und height="120" bei unveränderter viewBox. Wiederhole beide Exporte. Das prüft eine Verkleinerung, keine universelle Mindestgröße.
  4. Prüfe die Datei, die du tatsächlich in Manuskript oder Folie platzierst. Bestätige, dass Beschriftungen, Symbole und Verbindungslinienstile diesen Export und spätere Größenänderungen überstehen.

Entferne für eine bewusst schwächere Kontrolle die Textgruppe, ersetze die Dreiecke an denselben Stellen durch Kreise und entferne stroke-dasharray. Es bleiben zwei farbige Zeilen. Die Frage ist, ob ihre Bedingungsnamen weiterhin verfügbar sind, nicht ob die zwei Grautöne zufällig gleich aussehen.

Wir renderten beide Versionen mit librsvg bei 600 × 240 und 300 × 120 Pixeln und wandelten jede Ausgabe mit der RGB-Gewichtung 0.299R + 0.587G + 0.114B in Graustufen um. In allen vier redundant codierten Versionen blieben Beschriftungen, Kreis-/Dreieckunterschied und durchgezogene/gestrichelte Verbindungen sichtbar und unbeschnitten. Blau und Orange der Kontrolle wurden zu unterschiedlichen Grauwerten von 87 und 119 auf einer Skala von 0–255. Deshalb bezeichnen wir die Kontrolle nicht als ununterscheidbar. Die Verbesserung ist eine ausdrückliche Bedingungsidentität, die nicht vom Farbton abhängt.

Das sind digitale Prüfungen dieser eigenen SVG. Wir testeten weder einen physischen Druck noch führten wir eine Leserstudie durch. Eine Graustufenumwandlung bildet außerdem nicht jede Form einer Farbsehschwäche nach. Betrachte sie als eine Prüfansicht neben den für dein Publikum und die Zeitschrift passenden Kontrollen.

Korrigiere den Hinweis, der im Endformat versagt

Wird eine Beschriftung zu klein, kürze sie vorsichtig oder schaffe Platz für größeren Text. Verschmelzen Striche scheinbar zu einer durchgezogenen Linie, ändere die Strichabstände oder nutze einen anderen geeigneten Hinweis. Verliert eine Markierung ihre Form, vereinfache oder vergrößere sie. Prüfe nach jeder Änderung die gesamte Abbildung erneut, damit die Korrektur nicht andernorts Überlappungen erzeugt.

Nutze für Berechnungen physischer Größen den separaten Leitfaden zu Schriftgröße und Linienbreite wissenschaftlicher Abbildungen. Das 300-Pixel-Beispiel dieses Artikels prüft eine Bildschirmdarstellung; es ist keine Empfehlung für die Spaltenbreite einer Zeitschrift.

Halte die Legende mit dem Motiv synchron. Ersetze „orange Linie“ durch den Bedingungsnamen und sein sichtbares Merkmal, etwa „Bedingung B, gestrichelte Verbindung“. Gib bei Onlineabbildungen außerdem eine passende Textalternative oder Bildunterschrift an, die den inhaltlichen Vergleich beschreibt. Sichtbare Beschriftungen allein belegen keine Zugänglichkeit für Menschen, die die Abbildung nicht sehen können.

Erhalte die Wissenschaft beim Bearbeiten der Darstellung

Überarbeite Messdiagramme in ihrer Plotquelle und exportiere sie mit unveränderten zugrunde liegenden Werten erneut. Bewahre bei Mikroskopieaufnahmen die Originalbilder auf und befolge die Bildverarbeitungsregeln der Zeitschrift. Natures Richtlinie zur Bildintegrität verlangt, dass das endgültige Bild die Originaldaten korrekt repräsentiert, und beschreibt Offenlegungspflichten für Verarbeitungsschritte. Ein Bild so lange neu zu zeichnen, bis es ordentlicher aussieht, ersetzt diesen Ablauf nicht.

Hast du nur ein separates Rasterschema, kann PerfectVectors Workflow für wissenschaftliche Diagramme als SVG helfen, bearbeitbare Formen wiederherzustellen. Prüfe die Vorschau und schalte das Ergebnis dann für SVG-Bearbeitung und Export frei. Vergleiche jede wiederhergestellte Verbindung und jedes Symbol mit der Quelle und rekonstruiere Beschriftungen bei Bedarf als Text. Eine wiederhergestellte Form hilft nur, wenn ihre wissenschaftliche Bedeutung erhalten bleibt. Hast du bereits bearbeitbares Motivmaterial, ändere es direkt; SVG-Farben ändern behandelt diesen engeren Bearbeitungsschritt.

Schließe ab, wenn jede Bedingung einen eindeutigen Namen hat, ihre nichtfarblichen Hinweise in der platzierten Abbildung lesbar bleiben und die Legende stimmt. Blockiert eine fehlende Vektorquelle ein separates Schema, stelle seine Formen mit PerfectVector wieder her und wiederhole diese Identitätsprüfung am exportierten Ergebnis.

Häufige Fragen

Reicht eine für Menschen mit Farbsehschwäche geeignete Palette für ein wissenschaftliches Diagramm? Eine geeignete Palette hilft, doch die Bedingungsidentität sollte auch durch direkte Beschriftungen oder andere passende Hinweise verfügbar sein. Prüfe die gesamte Abbildung samt Legende in ihrer vorgesehenen Größe.

Beweist eine Graustufenprüfung, dass eine Abbildung barrierefrei ist? Nein. Sie prüft eine Darstellung ohne Farbton. Sie deckt weder jede Farbsehdifferenz noch Sehschwäche, Screenreaderzugang oder die Anforderungen einer bestimmten Zeitschrift ab.

Sollte ich alle wissenschaftlichen Symbole in Kreise und Dreiecke ändern? Nein. Das Beispiel verwendet allgemeine Platzhalter. Erhalte Symbole und Linienstile mit bereits vorhandener wissenschaftlicher Bedeutung und ergänze Beschriftungen oder einen anderen kompatiblen Hinweis.

Quellen

  1. W3C — Farbnutzung verstehen — Erklärt sichtbare Alternativen zur Farbe und die Grenzen dieses Barrierefreiheitskriteriums.
  2. Nature — Abbildungen vorbereiten: unsere Vorgaben — Liefert die genannten Hinweise zu Palette, Legendentext und Überladung bei Nature-Abbildungen.
  3. W3C — Gestrichelte SVG-Konturen — Definiert das Strich-Lücken-Muster des vollständigen Quellbeispiels.
  4. Nature — Bildintegrität und Standards — Definiert die Grenzen für Quelldaten und Verarbeitung hinter den Hinweisen zu wissenschaftlichen Bildern.

Mehr aus dem Blog

PerfectVector

Verwandle Logo oder Artwork in eine
saubere, bearbeitbare SVG

Keine Kreditkarte nötig