Abstandselemente

Ein Spacer-Element dient dazu, den Inhalt zu teilen oder zu strukturieren. Es wird verwendet, um deutliche Abstände zwischen Bereichen einer E-Mail zu schaffen, wodurch die Lesbarkeit und Organisation der Nachricht verbessert wird.

Spacer sind oft Linien, Ränder oder leere Stellen, die dem Leser helfen, mit dem Blick von einem Abschnitt zum nächsten zu wechseln und das Design flüssiger und ansprechender zu gestalten.

Im „Elemente“-Tab  des Design-Panels gibt es das „Spacer“-Element, mit dem man Abstände in einen Abschnitt (oder eine Gruppe) einfügen kann.

Im Design-Panel, unter dem „Stile“-Tab (repräsentiert durch das Pinsel-Icon), klicken Sie auf die „Container“-Kategorie, um das Spacer-Element mit folgenden Optionen zu konfigurieren:

• Container: Die Standardhöhe eines Spacers beträgt 20px. Es ist jedoch möglich, den Wert nach Wahl einzugeben. Die Standard-Hintergrundfarbe ist transparent, ist jedoch konfigurierbar und wird auf den gesamten Spacer angewendet.

• Abgerundete Ecken: Die abgerundeten Ecken gelten für das Element. Sie können die Abrundung sehen, indem Sie eine Hintergrundfarbe auf den Container anwenden. Weitere Informationen zu abgerundeten Ecken finden Sie im Artikel Abgerundete Ecken und Ränder eines Elements anpassen.

• Border: Es ist möglich, einen Rand hinzuzufügen, der nur auf den mittleren Bereich des Spacers angewendet wird. Die Größe kann konfiguriert werden, und der Linienstil kann ebenfalls aus dem Dropdown-Menü ausgewählt werden.

• Ausrichtung des Elements: Sie können die Ausrichtung des Elements innerhalb der Breite seines Standorts (Abschnitt, Gruppe usw.) steuern. Dies ist nur sichtbar, wenn die Breite des Spacers weniger als 100 % beträgt.

Für mehr Informationen zum Code-Umfang siehe den Artikel Den Umfang des HTML/CSS-Codes in E-Mails analysieren und optimieren, der auf den „sinnvollen“ Einsatz von Spacern in Ihren E-Mails hinweist, um den Umfang des HTML-Codes zu optimieren. Einige Abstände können auch mit Margen erzielt werden, die weniger HTML-Code verbrauchen.

Für weitere Informationen zum Hintergrundelement können Sie den Artikel über Hintergründe einsehen, der empfiehlt, den Spacer zu verwenden, um einen Abstand zwischen zwei Elementen zu schaffen, da der Spacer standardmäßig transparent ist.

Der Spacer enthält keinen Inhalt, sodass Leser, die den Text laut vorlesen, dieses Element ignorieren können. Durch die Verwendung von Attributen wie aria-hidden="true" oder role="presentation" teilt der Code den Hilfstechnologien mit, welche Elemente ignoriert werden sollen, da sie nicht zur Bedeutung der Nachricht beitragen.

Der Email Builder verbessert die Zugänglichkeit Ihrer E-Mails, ohne dass Sie manuelle Änderungen vorzunehmen brauchen. Weitere Informationen zu diesem Thema finden Sie in Die E-Mail-Barrierefreiheit verbessern.