So gestaltest Du barrierefreie Newsletter und E-Mails

• Erstellen den Newsletter nach den aktuellen Webstandards: Die inhaltliche Struktur des Newsletters wird per Quellcode definiert. Den Standard bildet hier die Hypertext Markup Language (HTML). HTML wird ebenfalls zur Erstellung von Webseiten eingesetzt.
   
• Die Layoutinformationen werden per Cascading Style Sheets (CSS) definiert. Hier sind Informationen zu Schriften, Farben und Positionen hinterlegt.
   
• Newsletter, die nach den aktuellen Webstandards erstellt wurden, weisen eine barrierearme Struktur auf. Dies ist nötig, wenn sehschwache Empfänger·innen ein Lesegerät einsetzen. Tiefergehende Informationen zum Thema Webstandards findest Du auf der Webseite des W3-Konsortiums.
   
• Die meisten Clients können heutzutage standardkonformes HTML und CSS korrekt interpretieren. Denke jedoch nicht, dass alles, was im Web funktioniert, auch im Newsletter funktionieren muss. Dies kann selbst dann der Fall sein, wenn es den webkonformen Standards entspricht. Wir empfehlen Dir daher, immer einen Darstellungstest durchzuführen, bevor Du den Newsletter versendest.

• Neben dem Quellcode sollte der Inhaltstext klar strukturiert sein, damit der Newsletter per Screenreader erfasst werden kann. Natürlich profitieren auch Benutzer·innen, die nicht auf Lesegeräte oder ähnliches angewiesen sind, davon.
   
• Tabellen sollten entsprechend gekennzeichnet sein, damit Nutzer·innen mit Screenreader die Inhalte in der richtigen Reihenfolge vorgelesen bekommen. Eine Tabelle wird für sehbehinderte und blinde Nutzer nicht so dargestellt, wie man sie auf dem Bildschirm sieht, sondern zeilenweise: Also Spalte eins, in der nächsten Zeile dann Spalte zwei und wenn alle Spalten durch sind, beginnt in der nächsten Zeile dann auch die zweite Zeile der Tabelle. Es ist aber möglich, einer Tabelle im Code eine Rolle zuweisen, damit das Lesegerät weiß, dass es sich hierbei nur um eine formatierende Tabelle handelt.
   
• Bei Bildern solltest Du bedenken, dass diese entweder nicht angezeigt werden oder von Menschen mit Sehschwäche nicht korrekt erkannt werden. Daher sollte der Call-to-Action nicht ausschließlich im Bild integriert sein, sondern zusätzlich auch im Text. Außerdem lohnt es sich, wenn Du Bilder mit einem Alternativtext versiehst: Lassen sich Empfänger·innen das Mailing vorlesen, wird der hier definierte Text ausgegeben. Bilder mit Alternativtext zu versehen, ist auch eine Anforderung bei der Erstellung von standardkonformen Webseiten.

Folgende Punkte musst Du beachten, damit Dein Text korrekt von Screenreadern erfasst werden kann:

• Texte müssen in Schriftform hinterlegt sein, da sie als Teil einer Grafik ignoriert werden.
   
• Achte außerdem darauf, dass sich die Schrift deutlich vom Hintergrund abhebt. Dies lässt sich mit ausreichend starkem Kontrast erreichen, beispielsweise durch dunkelgrauen Text auf weißem Hintergrund.
   
• Neben diesen Hinweisen solltest Du auch Komplementärfarben vermeiden: Menschen mit Farbfehlsichtigkeit können diese nämlich nicht unterscheiden. Freie leere Flächen sollten bewusst zur Abgrenzung von Elementen genutzt werden. So wird der Newsletter übersichtlicher.

• Verfasse das Mailing in einer einfachen und leicht verständlichen Sprache.
   
• Berücksichtige Deine Zielgruppe: B2B-Newsletter klingen in der Regel fachlicher als B2C-Newsletter.
   
• Schachtelsätze und Fremdwörter machen den Zugang für kognitiv eingeschränkte Benutzer·innen schwer. Solltest Du dennoch mit Fremdwörtern arbeiten, erkläre diese gegebenenfalls.

• Lege in jedem Fall ein besonderes Augenmerk auf die Darstellung Deiner Mailings.
   
• Newsletter sollten systemunabhängig zugänglich sein: Ob Smartphone, Tablet oder Desktop – sorge auf jedem Medium für eine perfekte Darstellung und teste sie vor dem Versand. Die Inxmail E-Mail-Marketing-Plattform bietet Dir dafür einen Darstellungstest an.