Barrierefreie E-Mails erstellen

Barrierefreie E-Mails erstellen

Einleitung

Deine HTML-Mailings sollten barrierefrei sein, damit alle Menschen, unabhängig von möglichen Einschränkungen (z. B. Sehbehinderungen), sie problemlos lesen und verstehen können. Für viele Unternehmen und Organisationen ist der rechtliche Rahmen durch das Barrierefreiheitsstärkungsgesetz (BFSG) festgelegt. Barrierefreie E-Mails sind allerdings auch unabhängig von gesetzlichen Vorschriften eine gute Praxis, um eine breitere Zielgruppe zu erreichen und das Benutzererlebnis zu verbessern.

Maßnahmen zum Abbau von Barrieren

Layout/Design

  1. Schriftart: Verwende serifenlose Schriftarten denn diese sind leichter zu erfassen.
  2. Schriftgröße: Verwende mindestens eine Schriftgröße von 15px und achte auf einen angemessenen Zeilenabstand.
  3. Kontrast: Achte auf einen hohen Farb- und Helligkeitskontrast zwischen Hintergrund und Text.
  4. Links und Buttons: Mache diese deutlich erkennbar. Links sollten sich nicht ausschließlich durch die Textfarbe unterscheiden, sondern auch unterstrichen sein.

Inhalt

  1. Verständlichkeit: Benutze eine einfache und klare Sprache.
  2. Gliederung: Strukturiere deine Inhalte mit Überschriften, Absätzen, Listen und Buttons.
  3. Text in Bildern: Hinterlege niemals wichtigen Informationen ausschließlich in Bildern.
  4. Alternativtext für Bilder: Beschreibe den Bild-Inhalt, damit dieser von Screenreadern interpretiert werden kann.

Technisches/Templates

Folgende technische Maßnahmen sind in unseren Standard-Templates getroffen:
  1. Sprach-Kennzeichnung: Du kannst die Sprache deines Mailings angeben. Diese wird von Screenreadern ausgewertet, um das Mailing vorzulesen.
  2. Semantische HTML-Elemente: Beispielsweise durch Verwendung der <h>-Tags für Headlines.
  3. Dekorative Elemente: An Layout-Tabellen ist das Attribute role="presentation" hinterlegt. Dadurch sind diese für Screenreader als Layout-Elemente erkennbar.

Sonstiges

  1. Betreff: Verwende kurze und prägnante Betreffzeilen.
  2. Darstellungstest: Führe vor dem Versand einen Darstellungstest durch und deine Mailings hinsichtlich Barrierefreiheit in einer Vielzahl von Clients zu überprüfen.

Hilfe/Support

Kontaktiere uns, falls du individuelle Wünsche, Anforderungen oder Fragen hast.