Wenn Bilder im E-Mail-Client blockiert werden: Erkennt die lesende Person trotzdem sofort Absender, Kernaussage und den nächsten Schritt? Genau das ist der entscheidende Test. Ein Alt-Text hilft zwar, rettet aber keine E-Mail, deren gesamtes Angebot, Deadline und Handlungsaufforderung in einer einzigen Grafik stecken.
Starten Sie in Migma mit einem Design, dessen Kernbotschaft als echter Text („Live-Text“) umgesetzt ist. Prüfen Sie das exportierte Ergebnis anschließend direkt in der Versandplattform und in den Postfächern, die Ihre Zielgruppe tatsächlich nutzt. Dieser Leitfaden stammt von Migma; die beschriebene Prüfmethode ist eine redaktionelle Empfehlung und keine Garantie dafür, dass jeder E-Mail-Client alternative Inhalte identisch darstellt.
Der Härtetest: Funktioniert die E-Mail ohne Bilder?
Nehmen wir den Entwurf für einen fiktiven Töpfer-Workshop: Das Hero-Bild enthält Datum, Preis und den Button „Platz reservieren“. Decken Sie diese Grafik beim Review ab. Was bleibt übrig? Wenn nur noch ein Logo und ein allgemeiner Footer zu sehen sind, verfehlt die E-Mail ihren Zweck.
Schreiben Sie die wesentlichen Informationen als regulären Text: Worum geht es beim Workshop, wann findet er statt, was kostet die Teilnahme und wo lässt sich buchen? Nutzen Sie das Foto stattdessen, um die Atmosphäre oder fertige Keramik zu zeigen. So erfüllt das Bild eine sinnvolle, unterstützende Funktion – ohne der einzige Informationsträger der Einladung zu sein.
Der Leitfaden von Litmus zum Blockieren von Bildern erklärt, warum das Laden von Bildern variiert, und empfiehlt echten Text. Die dort veröffentlichte Client-Matrix stammt aus dem Jahr 2021 und sollte nicht als aktuelle Liste von Standardeinstellungen verstanden werden. Prüfen Sie stattdessen die konkreten Client-Versionen und Einstellungen Ihrer Zielgruppe.
Drei Dinge, die nicht ins Bild gehören
Erstens: Das zentrale Versprechen muss sichtbar bleiben. Empfänger:innen sollten verstehen, warum die Nachricht eintrifft und worum es geht, noch bevor sie Bilder nachladen. Eine Zeile wie „Töpferkurs für Einsteiger am Samstag“ vermittelt deutlich mehr Kontext als eine dekorative Headline, die nur neben einem Foto Sinn ergibt.
Zweitens: Platzieren Sie Bedingungen direkt neben dieses Versprechen. Gilt die Einladung nur für bestehende Mitglieder, gehört das in den Fließtext. Ist der Termin noch vorläufig, verstecken Sie diesen Hinweis nicht in einer kleinen Grafik. Das gleiche Prinzip gilt für Produktvarianten, Angebotsbeschränkungen und Veranstaltungsorte.
Drittens: Der Call-to-Action (CTA) muss aus sich heraus verständlich sein. Nutzen Sie aussagekräftige Text-Labels wie „Workshop-Termine ansehen“. Die Grafik eines Buttons bleibt eine Grafik: Wird sie blockiert, verschwinden die Interaktionsmöglichkeit und die Erklärung des Ziels zugleich.
Das sind bewusste Designentscheidungen, die im Briefing und Review eingefordert werden müssen – verlassen Sie sich nicht darauf, dass ein Builder dies automatisch korrigiert. Bitten Sie Kolleg:innen, die Version ohne Bilder gegenzulesen, ohne das Original daneben zu legen. Das Verständnis der Nachricht sollte exakt dem freigegebenen Briefing entsprechen.
Alt-Texte gezielt einsetzen
Beschreiben Sie den konkreten Informationswert, den das Bild liefert. Für das Workshop-Foto könnte das lauten: „Hände formen eine Tonschale während eines Einsteigerkurses“. Vermeiden Sie es, umliegende Sätze einfach zu wiederholen. Enthält das Bild essenzielle Aussagen, verschieben Sie diese in sichtbaren Text, statt Alt-Text als Universallösung zu betrachten.
Der Artikel von Beefree über Barrierefreiheit thematisiert Bildbeschreibungen und Content-Hierarchien und stellt klar heraus, dass ein Editor allein noch keine vollständige Barrierefreiheit garantiert. Gehen Sie mit derselben Sorgfalt an Ihre Produktion: Ein ausgefülltes Alt-Text-Feld belegt lediglich, dass Text hinterlegt wurde – nicht, dass das finale Leseerlebnis funktioniert.
Lassen Sie von Personen mit Accessibility-Fokus entscheiden, wie rein dekorative Grafiken behandelt werden. Relevante Produktdetails gehören ohnehin in den umgebenden Fließtext. Ein Alt-Text darf nicht zur widersprüchlichen zweiten Quelle für Preise oder Verfügbarkeiten werden, die bei späteren Kampagnen-Updates übersehen wird.
Das Migma-Briefing auf echten Text ausrichten
Formulieren Sie ein präzises Briefing: „Erstelle eine Einladung zum Workshop mit Titel, Datum, Ort, Teilnahmebedingungen und Call-to-Action als editierbarem Text. Nutze das bereitgestellte Foto als unterstützendes Bildelement. Alle freigegebenen Bedingungen müssen auch ohne Bild sichtbar sein. Füge keine nicht freigegebenen Preise oder Fristen hinzu.“
Der Erstellungsworkflow von Migma bereitet die E-Mail für das Review vor. Prüfen Sie das Canvas-Ergebnis kritisch, statt blind darauf zu vertrauen, dass der Prompt allein alle Vorgaben erfüllt hat. Kontrollieren Sie, welche Texte editierbar bleiben und ob das Layout auch ohne geladene Bilder strukturiert wirkt.
Nutzen Sie Email Preflight, um Postfach-Vorschauen, Links, Layout und Textqualität zu prüfen. Beheben Sie gefundene Probleme und führen Sie den Test erneut durch. Preflight minimiert vermeidbare Fehlerquellen; identisches Rendering oder die Zustellung ins Hauptpostfach garantiert das Tool jedoch nicht – und ein erfolgreicher Check ersetzt kein praktisches Accessibility-Review.
Im Zielsystem testen – nicht nur auf dem Canvas
Wenn Sie aus Migma exportieren, öffnen Sie das Template oder den Entwurf in der finalen Versandplattform. Externe Plattformen verändern mitunter Wrapper-Elemente oder befüllen Variablen dynamisch. Prüfen Sie eine Variante mit sehr langem Titel und ein Beispiel mit fehlendem optionalen Bild, damit das Design nicht nur im Idealfall funktioniert.
Führen Sie strukturierte Tests durch: Einmal mit aktivierten und einmal mit blockierten Bildern – sofern der jeweilige E-Mail-Client diese Einstellung unterstützt. Kontrollieren Sie den sichtbaren Bereich vor dem Scrollen, den primären CTA und den Footer. Stellen Sie sicher, dass Links korrekt auflösen und Texte in allen unterstützten Modi lesbar bleiben.
Dokumentieren Sie die Freigabe knapp und eindeutig: Die Botschaft bleibt verständlich, Bedingungen sind sichtbar, der CTA funktioniert und die Alt-Texte passen zu den freigegebenen Inhalten. Halten Sie die getesteten Clients und das Prüfdatum fest, statt eine universelle Kompatibilität anzunehmen. Archivieren Sie diese Version zusammen mit dem Briefing, damit zukünftige Redesigns denselben Standard halten.
Starten Sie Ihren nächsten Entwurf in Migma mit dem Fokus auf den Textinhalt. Fügen Sie Grafiken hinzu, die das Design aufwerten – und stellen Sie sicher, dass die Botschaft auch dann ankommt, wenn das Bild fehlt.
Häufig gestellte Fragen
Ersetzt der Alt-Text den sichtbaren E-Mail-Text?
Nein. Zentrale Aussagen, Bedingungen und Handlungsaufforderungen gehören immer in den sichtbaren Fließtext. Alt-Texte beschreiben den Inhalt von Bildern; ihre Darstellung und ihr Verhalten beim Screenreader-Einsatz variieren je nach Client und Kontext.
Muss jede E-Mail jetzt zur reinen Text-E-Mail werden?
Nein. Hochwertige Bilder tragen maßgeblich zum Markenerlebnis bei. Das Ziel ist es, Kernaussage und Handlungsaufforderung auch dann funktionsfähig zu halten, wenn Bilder blockiert sind – und dieses Verhalten gezielt zu testen.
Garantiert ein automatischer Barrierefreiheits-Check eine konforme E-Mail?
Ein Prüftool deckt viele typische Fehler auf, kann aber nicht das gesamte Leseerlebnis beurteilen. Prüfen Sie Inhalte, das finale HTML, das Client-Verhalten und spezifische Barrierefreiheitsanforderungen immer gemeinsam mit qualifizierten Prüfpersonen.
Was sollte nach einem Test mit blockierten Bildern dokumentiert werden?
Erfassen Sie die freigegebene Version, die getesteten Clients und Einstellungen, das Datum, verbleibende Einschränkungen sowie die Bestätigung, dass Kernaussage, Bedingungen und CTA ohne Bilder verständlich waren.