Du wirst lernen
Lerne, wie du dein E-Mail- und Anmeldeformular zugänglicher machen kannst. Bei der Gestaltung deines E-Mail- und Anmeldeformulars solltest du darauf achten, dass deine Designs für alle Empfänger zugänglich sind.
Barrierefreiheit in E-MailsBarrierefreiheit in E-Mails
Betreff und Vorschautext optimierenBetreff und Vorschautext optimieren
Gestalte deinen Betreff und den Vorschautext beschreibend, verlockend und kurz.
Befolge die allgemeinen Best Practices für E-Mail-DesignBefolge die allgemeinen Best Practices für E-Mail-Design
Wenn du die allgemeinen Best Practices für die Gestaltung von E-Mails befolgst, wird deine E-Mail leichter zugänglich sein:
- Füge einen Alt-Text zu all deinen Bildern hinzu.
- Vermeide E-Mails, die nur aus Bildern bestehen.
- Vermeide es, Bilder zu verwenden, um wichtige Details zu vermitteln.
- Verwende stark kontrastierende Farben (z.B. weiß und schwarz, grau und dunkelblau, rosa und dunkelrot).
- Verwende Überschriften, um Ideen zu trennen.
- Verwende beschreibende Links (z.B. "Kaufe die Sammlung" statt "Klicke hier, um zur Sammlung zu gelangen").
- Strukturiere deine E-Mail logisch.
Unten siehst du ein Beispiel für eine E-Mail, die für alle Empfänger optimiert ist (links) und eine, die das nicht ist (rechts).
Barrierefreiheit im Anmeldeformular
Klaviyo optimiert das Anmeldeformular automatisch für Barrierefreiheit. Ein Klaviyo Formular, das auf deiner Website veröffentlicht wird, ermöglicht es den Besuchern deiner Website, das Formular vollständig über ihre Tastaturen und Bildschirmleser zu bedienen. Außerdem können Website-Besucher ein Formular mit der Escape-Taste schließen und mit der Enter-Taste abschicken. Du kannst im Formular-Editor auf der Registerkarte " Formatvorlagen" eine Umrissfarbe hinzufügen , damit die Nutzer/innen wissen, welches Feld beim Durchblättern des Formulars hervorgehoben ist.
Anmeldeformular-DesignAnmeldeformular-Design
Genau wie beim E-Mail-Design solltest du einige grundlegende Richtlinien befolgen, um sicherzustellen, dass alle deine Empfänger die Informationen erhalten, die du ihnen über deine Formulare mitteilen möchtest. Bei der Gestaltung von Formularen:
- Verwende kontrastierende Farben.
- Vermeide es, sachdienliche Informationen in Bilder einzubauen
- Verwende beschreibende Sprache in Links
- Baue deine Formulare in einer logischen Struktur auf.
Während du dein Anmeldeformular erstellst, überwacht Klaviyo eine Reihe von Problemen mit der Barrierefreiheit und fordert dich auf, alle erkannten Probleme auf der Registerkarte Formularwarnungen zu beheben.
Unter "Wie erstelle ich ein ADA-freundliches Anmeldeformular?" erfährst du mehr über die Erstellung barrierefreier Anmeldeformulare im Klaviyo form editor.
Unten siehst du ein Beispiel für ein gut gestaltetes Formular (rechts) und ein Formular, das nicht für alle zugänglich ist (links).