Bilder auf der Website: Motiv, Bildunterschrift und Alternativtext zusammendenken

Ein Bild kann eine Leistung erklären, eine Person vorstellen oder einfach die Gestaltung ergänzen. Welche Aufgabe es erfüllt, beeinflusst auch die begleitenden Texte. Eine Bildunterschrift und ein Alternativtext sind deshalb nicht bloß zwei Felder, die denselben Satz erhalten sollten. Sie werden aus dem konkreten Einsatz auf der Seite abgeleitet.

Zuerst den Zweck des Bildes beschreiben

Fragen Sie bei der Auswahl: Was verstehen Besucher durch dieses Bild besser? Ein Projektfoto kann einen bestimmten Gestaltungsschritt zeigen; ein allgemeines Motiv schafft vielleicht nur Atmosphäre. Wenn Sie den Zweck nicht benennen können, prüfen Sie, ob das Bild an dieser Stelle wirklich gebraucht wird.

Betrachten Sie auch den Zuschnitt. Ein Motiv, das am Desktop einen wichtigen Gegenstand zeigt, kann ihn im schmalen mobilen Format verlieren. Prüfen Sie deshalb die tatsächliche Darstellung und nicht nur die Originaldatei in der Medienbibliothek.

Den Alternativtext aus dem Kontext ableiten

Für informative Bilder beschreibt der Alternativtext die im Zusammenhang wesentliche Information. Rein dekorative Bilder benötigen üblicherweise einen leeren Alternativtext. Bei Bildern, die allein als Link oder Bedienelement dienen, ist deren Zweck entscheidend. Der Entscheidungsbaum der W3C-Web Accessibility Initiative hilft bei der Einordnung.

Eine vollständige Aufzählung jedes sichtbaren Details ist selten die passende Lösung. Auf einer Teamseite kann der Name der abgebildeten Person relevant sein; auf einer Seite über ein Veranstaltungsformat kann dasselbe Foto eine andere Information vermitteln. Prüfen Sie zudem, was der direkt benachbarte Text bereits verständlich erklärt.

Mit der Bildunterschrift zusätzliche Orientierung geben

Eine Bildunterschrift ist für alle sichtbar und kann den Zusammenhang erläutern: Welches Projekt wird gezeigt? Welcher Schritt ist abgebildet? Ist das Motiv ein Entwurf oder eine umgesetzte Arbeit? Verwenden Sie nur Angaben, die bestätigt sind. Gerade bei Beispielen sollte klar bleiben, ob ein tatsächliches Projekt oder eine illustrative Darstellung gemeint ist.

Vermeiden Sie Bildunterschriften, die lediglich „Unser Bild“ oder den Dateinamen wiederholen. Überlegen Sie stattdessen, welche Information beim Blick auf das Motiv nicht unmittelbar erkennbar ist, aber für den Text wichtig wird.

Die Bildpflege in den Ablauf aufnehmen

Halten Sie zu ausgewählten Motiven Quelle, vorgesehene Verwendung und vorhandene Freigaben im internen Arbeitsmaterial fest. Prüfen Sie technische Aufbereitung und redaktionelle Beschreibung getrennt. Eine kleine Datei kann einen unbrauchbaren Zuschnitt haben; eine passende Beschreibung kann zu einem inzwischen ausgetauschten Motiv gehören.

• Passt das Motiv zur Aussage des Abschnitts?
• Bleibt die wichtige Information in den verwendeten Ansichten sichtbar?
• Entspricht der Alternativtext der Aufgabe an dieser Stelle?
• Ergänzt die Bildunterschrift einen hilfreichen Zusammenhang?
• Wer prüft diese Angaben bei einem späteren Bildwechsel?

Kontrollieren Sie zum Schluss die veröffentlichte Seite. Werte aus der Medienbibliothek werden je nach Einbindung unterschiedlich übernommen. Maßgeblich ist, was am tatsächlichen Verwendungsort ausgegeben wird.

Zum Ausprobieren

Wählen Sie ein Bild auf Ihrer Website. Schreiben Sie seinen Zweck in einem Satz auf und prüfen Sie anschließend Alternativtext, Bildunterschrift und mobilen Zuschnitt.

Einen möglichen Ansatz ansehen

Ein dekoratives Farbmuster erklärt möglicherweise keine zusätzliche Information und braucht deshalb keinen beschreibenden Alternativtext. Ein Screenshot, der einen bestimmten Navigationsfehler erläutert, benötigt dagegen eine verständliche Beschreibung dieses Fehlers im Textzusammenhang.

Weiterlesen: Bildpflege im Redaktionsplan berücksichtigen.