Nützliche Bildbeschreibungen für Ihre Website verfassen

Für ein Bild kann mehr als eine Art Beschreibung nötig sein. Eine Platzierungsanweisung erklärt dem Website-Builder, wie er das Bild verwenden soll. Eine sichtbare Bildunterschrift vermittelt Leserinnen und Lesern den Kontext. Ein Alternativtext vermittelt wichtige visuelle Inhalte an Menschen, die das Bild nicht sehen können. Diese Funktionen können sich überschneiden, sind aber nicht austauschbar.

Teilen Sie dem Website-Builder Ihre Absicht mit

Beschreiben Sie, was auf dem Bild zu sehen ist und warum Sie es hinzufügen. Zum Beispiel: „Das ist der Stuhl, den ich restauriert habe. Platziere ihn neben dem Restaurierungsprojekt, nach dem Bild des Vorher-Zustands.“ Geben Sie auch an, wie das Bild zugeschnitten werden soll, falls das wichtig ist. Bitten Sie den Website-Builder nicht, eine Empfehlung eines Kunden, einen Standort oder eine Produktspezifikation anzunehmen, die durch Ihre Fakten nicht belegt ist.

Verwenden Sie Bildunterschriften für Kontext

Eine Bildunterschrift kann ein Projekt benennen, ein Datum angeben oder erklären, welcher Arbeitsschritt zu sehen ist. Sie sollte nützliche Informationen ergänzen, statt die Überschrift zu wiederholen. Wenn das Bild ein fiktives Konzept oder ein Übungsprojekt zeigt, kennzeichnen Sie diesen Kontext eindeutig. Überprüfen Sie Namen und Daten vor der Veröffentlichung.

Beschreiben Sie die Bedeutung statt jedes Pixels

Der Alternativtext sollte vermitteln, was das Bild in seinem jeweiligen Kontext beiträgt. Für ein Projektfoto kann eine kurze Beschreibung des fertigen Werkstücks erforderlich sein. Bei einem dekorativen Element kann ein leerer Alternativtext passend sein, damit es übersprungen wird. Wenn ein Bild wichtige Anweisungen oder Preise enthält, stellen Sie diese Informationen zusätzlich als tatsächlichen Seitentext bereit.

Prüfen Sie das Bild zusammen mit dem Abschnitt

Lesen Sie Überschrift, Absatz, Bildunterschrift und Bildbeschreibung gemeinsam. Entfernen Sie wiederholte Formulierungen, die die Navigation auf der Seite mühsam machen. Prüfen Sie, ob Besucherinnen und Besucher die zentrale Aussage verstehen können, wenn das Bild nicht geladen wird. Der Text sollte nicht behaupten, ein Bild beweise etwas, das darauf nicht zu sehen ist.

Wenn Sie in VollSite Bilder hinzufügen, beschreiben Sie ihre Funktion und prüfen Sie nach Abschluss der angeforderten Änderung die erzeugte Platzierung. Bewahren Sie Ihre Originaldateien separat auf und verwenden Sie nur Material, das Sie veröffentlichen dürfen. Eine grundlegende Anleitung zur Barrierefreiheit finden Sie unter https://web.dev/learn/design/accessibility. Automatisierte Prüfungen können einige fehlende Beschreibungen erkennen. Eine Person muss jedoch weiterhin beurteilen, ob die Formulierung die richtige Bedeutung vermittelt.