Infografiken helfen dabei, komplexe Informationen visuell darzustellen und dadurch leichter verständlich zu machen. Sie sind ein gutes Mittel, um Daten und Fakten ansprechend zu präsentieren, Zusammenhänge deutlich zu visualisieren und komplexe Themen besser zu vermitteln.
Infografiken sollten barrierefrei gestaltet sein:
Kontrastreiche Farbkombinationen für Texte und Grafikelemente
Auch wenn die Farbe alleine nicht das einzige Mittel zur Informationsvermittlung sein darf, sollten Infografiken und Diagramme trotzdem auch farblich so aufgebaut sein, dass sie möglichst barrierefrei zugänglich sind.
Die Farbwahl richtet sich dabei nach der Art des abzubildenden Inhalts! Diese drei Kategorien von Inhalten muss man dabei unterscheiden:
Textfarben
Alle Textbestandteile innerhalb einer Infografik oder eines Diagramms müssen zwingend einen Kontrast von mind. 4,5 zu 1 haben.
Das heißt, alle Textbestandteile sind mit maximalem Kontrast und mit ausreichender Textgröße abzubilden.
Maximaler Farbkontrast für Texte
Orange wird nur sehr reduziert eingesetzt, da es die Kontrastanforderungen nur eingeschränkt erfüllen kann. Es funktioniert:
Natürlich helfen Grafiken immer dabei einen textlichen Inhalt auch visuell zu unterstützen. Aus Sicht der Barrierefreiheit muss aber geprüft werden, wie relevant ein grafischer Bestandteil für die Erfassung des Inhalts wirklich ist.
Rein dekorative Grafiken sind für den Inhalt nicht relevant. Hauptelement ist hier der Text. Wenn man sich die Grafiken wegdenkt, bleibt der Inhalt erhalten.
Beispiele:
Die Illustration macht die Grafik emotionaler, ist für den Inhalt aber nicht relevant.
Die Schildform unterstützt den Aspekt der Sicherheit, ist aber, wie das Icon auch, nicht relevant für den Inhalt.
Einsatz Piktogramme
Die R+V-Piktogramme stehen nie alleine, sondern immer im Zusammenhang mit einem beschreibenden oder interaktiven Text. Wie auch die Illustrationen und andere grafische Elemente stützen sie die Textinhalte, sind aber nicht zwingend relevant für den Inhalt oder die Funktion.
Einsatz Bilder und Illustrationen
Bilder und Illustrationen sollten immer eine Textalternative für die Sprachausgabe beinhalten und möglichst einfach und treffend beschrieben werden.
Die grafische Aufbereitung von Daten und/oder Fakten ist der Sinn einer jeden Infografik. Sobald man sich jedoch im Bereich „Daten“ befindet, wird es in Bezug auf die Barrierefreiheit etwas komplexer. Denn in klassischen Infografiken ist der Übergang von einer dekorativen Grafik zu einem inhaltstragenden Diagramm meist fließend.
In diesem Bereich ist ein grafischer Bestandteil oft auch für den Inhalt relevant.
Deshalb muss hier farblich möglichst barrierefrei konzipiert und gestaltet werden, damit der grafische Bestandteil auch mit Einschränkungen visuell gut wahrnehmbar bleibt.
Für die Gestaltung von Infografiken steht generell das R+V-Farbspektrum wie gewohnt zur Verfügung. Trotz der Vorgaben für die Barrierefreiheit wollen wir so viel Marke wie möglich über unsere Grafiken transportieren.
Textfarben
Textfarben sind Dunkelblau und Weiß für maximalen Kontrast, der empfohlene Schriftschnitt ist Bold und/oder Black.
Piktogramme
Piktogramme stehen nicht für sich allein, sondern immer mit einem beschreibenden oder interaktiven Text. Es sei denn, sie sind für den Inhalt nicht relevant und als rein dekorativ zu betrachten.
Beipiel 1: Kein eindeutiges Diagramm
Beispiel 2: Kein eindeutiges Diagramm
Wenn man unsicher ist, ob ein Bestandteil bereits grafisch in den Bereich der Diagramme gehört, kann man im Zweifelsfall natürlich immer gleich die Grafikbestandteile als Diagramm aufbauen. Hier im Beispiel links:
Diagramme, egal ob alleinstehend oder als Teil einer Infografik, müssen in den sogenannten kategorischen Farben abgebildet werden. Diese sind auf Basis des R+V-Farbspektrums wie folgt definiert:
Anwendung von 3 Farben
Anwendung von 4 Farben
Anwendung von 5 Farben
Anwendung von 6 Farben
