Alt-Text zu Bildern hinzufügen

Wir wissen, dass das Design deiner E-Mails wichtig ist, und Bilder sind ein großer Teil dessen, was dieses Design zum Erfolg macht. In einigen Fällen kann es jedoch sein, dass ein Abonnent die Bilder in deinen E-Mails nicht sehen kann. Hier kommt Alt-Text ins Spiel.

In diesem Artikel erfährst du mehr über alternativen Text für Bilder und darüber, wie du Alt-Text zu deinen E-Mails hinzufügen kannst, damit jeder Abonnent ein reibungsloses Erlebnis hat.

Über Alt-Text

Alt-Text oder Alternativtext ist eine kurze Beschreibung eines Bildes in deiner E-Mail, die angezeigt wird, wenn Abonnenten deine Bilder nicht anzeigen können. Dies kann passieren, wenn die Bilder in ihrem E-Mail-Client deaktiviert sind oder wenn sie deine E-Mail mit einem Bildschirmleser lesen.

Alt-Text hilft deinen Abonnenten zu verstehen, welchen Wert ein Bild deiner Nachricht hinzufügt, oder teilt ihnen mit, dass ein Bild dekorativer Natur ist und ignoriert werden kann. Es mag wie eine kleine Sache erscheinen, aber Alt-Text kann sehr wichtig sein, wenn Abonnenten deine Bilder nicht sehen können. Also füge ihn für jedes Bild in deiner E-Mail ein.

Alt-Text und Zugänglichkeit

Alt-Text ist besonders wichtig für Personen, die Bildschirmlesegeräte verwenden, daher gilt er als grundlegende Best Practice für den Zugriff auf E-Mails.

Ohne Alt-Text wird ein Bildschirmleser deinem Abonnenten mitteilen, dass dort ein Bild ist, aber der Abonnent kann nicht bestimmen, welche Informationen das Bild bereitstellt. Weitere Informationen zu den Best Practices für Barrierefreiheit findest du unter Barrierefreiheit im E-Mail-Marketing.

Alt-Text und Bildanzeige

Wenn deine Bilder nicht in den Posteingängen deiner Abonnenten angezeigt werden, blockiert ihr E-Mail-Client sie möglicherweise. Aus Sicherheitsgründen schalten viele E-Mail-Clients Bilder standardmäßig aus, sodass Abonnenten die Bildanzeige manuell aktivieren müssen. Wenn deine Abonnenten Bilder blockiert haben, wird dein Alt-Text anstelle eines Bildes angezeigt.

So sieht Alt-Text aus, wenn Bilder blockiert werden.

Dieses Bild hat keinen Alt-Text.

Dieses Bild tut dies.

Tipps für effektiven Alt-Text

Hier sind einige Tipps, die du beachten solltest, um dir beim Schreiben eines geeigneten, effektiven Alt-Textes zu helfen.

• Fasse dich kurz
  Alt-Text sollte leicht zu lesen und zu verdauen sein, damit deine Abonnenten zum Rest deiner Nachricht übergehen können. Bemühe dich um einen oder zwei Sätze.
• Richtige Satzzeichen verwenden
  Bildschirmleser verwenden Satzzeichen, um zu wissen, wo sie beim Lesen von Inhalten pausieren müssen. Daher ist es wichtig, die richtige Satzzeichensetzung in deinem Alt-Text zu verwenden.
• Keine Angebote verwenden
  Das Alt-Attribut, das zum Roh-HTML deiner E-Mail hinzugefügt wird, verwendet Anführungszeichen, um zu identifizieren, wo dein tatsächlicher Alt-Text beginnt und endet. Zusätzliche Anführungszeichen führen dazu, dass der HTML-Code bricht.
• Text wiederholen, der in Bildern erscheint
  Es ist immer am besten, wichtige Informationen im Haupttext deiner Nachricht und nicht in einem Bild zu speichern. Wenn ein Bild jedoch Text enthält, wiederhole diese Informationen im Alt-Text, damit deine Abonnenten sie nicht verpassen.
• Bildunterschriften nicht wiederholen
  Bildunterschriften werden von Bildschirmlesern gelesen und auch dann angezeigt, wenn Bilder blockiert sind. Wiederhole also keine Bildunterschriften in deinem Alt-Text. Alt-Text sollte Informationen über dein Bild enthalten, die dein Abonnent nicht allein aus der Bildunterschrift erhalten kann.
• Kontext berücksichtigen
  Kontext ist das Wichtigste, das du beim Schreiben von Alt-Text für ein Bild berücksichtigen solltest. Inwiefern bezieht sich das Bild auf den Inhalt um es herum? Frage dich, welche Informationen deine Abonnenten basierend auf den umliegenden Inhalten bereits über das Bild haben.
• Dekorative Bilder identifizieren
  Wenn dein Bild rein dekorativ ist, gib dies kurz in deinem Alt-Text an, damit deine Abonnenten das Bild zum Rest deiner Nachricht verschieben können. Zum Beispiel würde das bloße Schreiben "eines dekorativen Bildes" funktionieren.
• Teste deine Inhalte
  Einige E-Mail-Clients zeigen keinen Alt-Text für ein verknüpftes Bild oder keinen Alt-Text an, der die Bildbreite überschreitet. Sende Test-E-Mails an verschiedene E-Mail-Clients und deaktiviere Bilder, um herauszufinden, wie dein Alt-Text angezeigt wird.
  Vorschau und Test deiner E-Mail

Alt-Text zu Bildern hinzufügen

Es gibt verschiedene Möglichkeiten, Bilder in Mailchimp mit Alt-Text zu versehen, und die Methode, die du verwendest, hängt davon ab, wo sich dein Bild befindet.

• Über einen Bildblock
• Über einen Textblock
• In benutzerdefinierten codierten Vorlagen

Über einen Bildblock

So fügst du Alt-Text zu einem Bild in einem beliebigen Bild-Inhaltsblock, wie beispielsweise Image (Bild), Image Group (Bildgruppe), Image Card (Bildkarte) oder Image + Caption (Bild + Bildunterschrift), hinzu:

1. Klicke im Abschnitt Inhalt der E-Mail-Checkliste auf Design bearbeiten .
   
2. Klicke im Schritt Design auf den Bildblock, mit dem du arbeiten möchtest.
3. Klicke im Bearbeitungsbereich auf Alt.
   
4. Gib im Feld Image Alt-Text (Bild-Alt-Text) den Alt-Text für dein Bild ein.
5. Klicke auf Update (Aktualisieren).
   
6. Klicke auf Speichern und schließen.

Jetzt ist alles startklar. Jetzt werden deine Abonnenten deine Inhalte nicht mehr verpassen, auch wenn sie deine Bilder nicht sehen können.

Über einen Textblock

So fügst du einem Bild in einem ****Textinhaltsblock Alt-Text hinzu:

1. Klicke im Abschnitt Inhalt der E-Mail-Checkliste auf Design bearbeiten .
   
2. Klicke im Schritt Design auf den Textblock, der das gewünschte Bild enthält.
3. Doppelklicke auf das Bild, um das Content-Studio zu öffnen.
   
4. Klicke auf Show Image Style Options (Bild-Stiloptionen anzeigen).
   
5. Gib im Feld Alt text (Alt-Text) den Alt-Text für dein Bild ein.
6. Klicke auf „Save & Insert Image“ (Bild speichern und einfügen).
   
7. Klicke auf Save & Close (Speichern und schließen).

Gute Arbeit! Auch wenn Abonnenten deine Bilder nicht sehen können, verpassen sie jetzt deine Inhalte nicht mehr.

In Vorlagen mit benutzerdefiniertem Code

Wenn du deine Vorlagen selbst erstellst, musst du für jedes Bild, das du verwendest, ein Alt-Attribut einfügen. Füge das Alt-Attribut in das Bild-Tag ein und gib deinen Alt-Text ein.

Dein Code sollte in etwa so aussehen:

<img alt="Woman holding a small clay pot stamped with the Potted Planter logo." align="none" height="400" src="https://gallery.mailchimp.com/example.jpg" style="width: 600px; height: 400px; margin: 0px;" width="600" />