In diesem Beitrag geht es um das Thema Barrierefreiheit bei E-Mails. Das Thema ist deutlich komplexer, als die meisten im ersten Moment vermuten. Im Internet- und Mobile-Bereich ist die Lage relativ übersichtlich: Es gibt im Wesentlichen zwei große Browser-Engines (Chromium und Firefox) sowie die Betriebssysteme Android, iOS, Windows und Mac. Bei E-Mails ist es komplizierter. Jedes E-Mail-Programm hat seine eigenen Macken bei der Darstellung. Genau das macht barrierefreie E-Mails zu einer echten Herausforderung.
Die rechtliche Lage
Schauen wir uns die rechtliche Frage an – ganz pragmatisch und ohne juristisches Fachchinesisch. Aus meiner Sicht sind sowohl öffentliche Stellen als auch Privatunternehmen in der Regel dazu verpflichtet, ihre E-Mail-Kommunikation barrierefrei zu gestalten.
Grundsätzlich müssen wir zwischen zwei Arten von E-Mails unterscheiden:
– Newsletter (Massen-E-Mails): Newsletter richten sich an eine große Gruppe und sind im Grunde Publikationen. Im öffentlichen Sektor müssen sie barrierefrei sein, weil sie zur amtlichen Kommunikation gehören. Für die Privatwirtschaft greift das Barrierefreiheitsstärkungsgesetz (BFSG). Da Newsletter meistens Verträge anbahnen – zum Beispiel durch Rabatte oder aktuelle Angebote –, fallen sie unter diese Pflicht.
– Individuelle E-Mails (Direktkommunikation): Auch die normale Eins-zu-eins-Kommunikation sollte barrierefrei sein. Im öffentlichen Bereich gilt das ohnehin ausnahmslos. In der Privatwirtschaft geht es bei individuellen Mails fast immer um die Anbahnung oder Abwicklung eines Verbrauchervertrags.
In der Praxis herrscht hier allerdings noch Uneinigkeit. Manche Unternehmen argumentieren, dass E-Mails im BFSG nicht explizit als Websites oder Applikationen genannt werden. Das finde ich persönlich nicht überzeugend. Hier müssen wir abwarten, wie sich die Marktüberwachung oder die Bundesfachstelle für Barrierefreiheit dazu positionieren. Noch stehen wir da ganz am Anfang.
Welche Mail-Programme sind wichtig?
Der Markt der relevanten E-Mail-Clients ist überschaubar, hat es aber in sich:
1. Apple (iOS und Mac): Global gesehen der absolute Marktführer bei den Clients.
2. Gmail: Sowohl als App unter Android als auch als Web-Version im Browser sehr stark verbreitet.
3. Outlook: Der Dominator im Business-Bereich – sowohl als Desktop-Version als auch im Browser über Office 365.
Das Problem: Die Darstellung unterscheidet sich oft extrem. Selbst innerhalb einer Anwendung wie Office 365 gelten im Browser andere Regeln als in der Desktop-App. Jedes Programm hat seine eigenen Eigenheiten. Vor allem Outlook ist hier ein schwieriges Pflaster, aber wegen seiner Dominanz im B2B-Bereich führt kein Weg daran vorbei.
Praktische Tipps für barrierefreie E-Mails
Trotz der Komplexität gibt es ein paar einfache Hebel, die Sie sofort nutzen können:
– Der Web-Link für Newsletter: Bieten Sie ganz oben im Newsletter immer eine Web-Version an („Wenn diese E-Mail nicht korrekt angezeigt wird…“). Im Browser funktioniert der komplette HTML- und CSS-Standard ohne Probleme. Das ist die sicherste und barrierefreiste Variante.
– Text-Mails vs. HTML-Mails: Reine Text-Mails sterben im B2B- und B2C-Bereich leider aus. Schade eigentlich, denn sie sind sehr barrierearm. Wer sie nutzt, sollte nur darauf achten, Absätze einzubauen und nicht zu viele Emojis oder kryptische Zeichenketten zu verwenden, da Screenreader diese oft falsch vorlesen.
– Standard-HTML nutzen: Bei HTML-Mails sollten Sie auf klassische, saubere Formatierungen setzen, die seit Jahrzehnten funktionieren. Dazu gehören korrekt hierarchisch aufgebaute Überschriften, Absätze und Zitatblöcke. Vergessen Sie auch nicht, die Hauptsprache der E-Mail im Code zu hinterlegen.
– Bilder und Alternativtexte (Alt-Texte): Wie genau Bilder technisch eingebunden werden, ist ein eigenes Thema. Wichtig für die Barrierefreiheit ist der Umgang mit Alt-Texten. Hier gilt dieselbe Regel wie im Web: Hat ein Bild eine Aussage, braucht es einen beschreibenden Alt-Text. Ist es nur Deko oder ein rein optisches Icon, lassen Sie das Alt-Attribut leer (`alt=““`). So ignorieren assistive Technologien wie Screenreader das Bild und der Lesefluss wird nicht gestört.
Das Outlook-Problem: Tabellen-Layouts im Jahr 2026
Das größte Manko bei E-Mails – besonders im B2B-Bereich – ist die absolute Dominanz von Microsoft Outlook. Outlook hat eine sehr eigenwillige Vorstellung davon, wie E-Mails dargestellt werden sollten. Das führt dazu, dass man für ein sauberes Layout immer noch auf uralte HTML-Tabellen zurückgreifen muss.
Eigentlich sind Tabellen-Layouts im Webdesign seit Jahrzehnten ausgestorben. Microsoft ignoriert bei Outlook-Mails aber bis heute moderne Webstandards und stellt Standard-HTML (wie Überschriften, Absätze oder Zitate) oft fehlerhaft dar. Das ist der große Fluch von Outlook. Wir kommen an den Tabellen also nicht vorbei.
Warum Layout-Tabellen für blinde Menschen ein Albtraum sind
Für Sehende sind diese Design-Tabellen unsichtbar. Für blinde Menschen, die einen Screenreader nutzen, sind sie dagegen eine echte Barriere:
– Information Overload: Der Screenreader weiß nicht, dass die Tabelle nur für das Layout da ist. Er liest stur alle Koordinaten vor: „Spalte 1, Zeile 1, Spalte 2, Zeile 1…“
– Versteckter Inhalt: Da oft auch leere Zellen für Abstände genutzt werden, hört die betroffene Person minutenlang nur Koordinaten ohne Inhalt. Viele brechen dann ab, weil sie denken, die Mail sei leer.
Die Lösung: Nutzen Sie das Attribut role=“presentation“. Damit markiert man die Tabelle als rein dekorativ. Der Screenreader ignoriert die Tabellenstruktur und liest einfach den reinen Text vor.
Design, Schriften und Animationen
Ansonsten gelten für E-Mails dieselben Grundregeln wie für Websites: Kontraste müssen stimmen, und Informationen dürfen niemals nur über Farben transportiert werden. Zudem sollten Sie auf folgende Punkte achten:
– Immer einspaltig senden: Mehrspaltige Layouts haben im Posteingang nichts mehr zu suchen. Auch im Business-Bereich lesen die meisten ihre Mails auf dem Smartphone. Mehrspaltige Tabellen-Layouts zerschießen dort komplett die Darstellung. Einspaltig läuft überall stabil.
– Gut lesbare Standardschriften: Die Schriftart wird oft überbewertet. Sie müssen keine speziellen Schriften für Menschen mit Behinderungen nutzen. Verlassen Sie sich einfach auf gut lesbare Standards wie Open Sans oder Source Sans.
– Keine GIF-Animationen: Animationen haben in E-Mails nichts verloren. Das Problem bei GIFs ist, dass Nutzerinnen sie nicht pausieren können. Für Menschen mit Epilepsie oder im Autismus-Spektrum können blinkende Bilder extrem problematisch sein. Die Folge: Ihre Mail wird sofort geschlossen und Ihre Adresse im schlimmsten Fall blockiert.
Ein weiteres wichtiges Thema sind die Linktexte. Vermeiden Sie Formulierungen wie „Hier klicken“ oder „Mehr Informationen“. Schreiben Sie direkt in den Text, wohin der Link führt (z. B. „Laden Sie hier unseren Barrierefreiheits-Leitfaden herunter“). Rein nach den WCAG-Richtlinien reicht es zwar oft, wenn der Sinn aus dem Kontext hervorgeht – selbsterklärende Links sind aber die deutlich sauberere und benutzerfreundlichere Variante.
Wie testet man barrierefreie Mails?
Outlook bietet einen eigenen integrierten Barrierefreiheitsassistenten. Wie gut der wirklich ist, lässt sich schwer sagen. Wenn man von Outlook zu Outlook sendet, mag er helfen. Da Mails aber an unzählige verschiedene Anbieter (Gmail, GMX, Apple Mail) gehen, ist das Gesamtsystem viel zu komplex für ein einziges Tool. Verlassen Sie sich also nicht darauf.
1. Testen Sie Ihre Mails manuell auf den drei großen Plattformen: Apple, Gmail und Outlook.
2. Wenn Sie modernere oder exotischere ARIA-Attribute nutzen wollen, prüfen Sie vorher genau, ob die Mail-Clients diese überhaupt unterstützen. Oft werden solche Attribute von den Programmen einfach blockiert, und beim Empfänger kommt nichts davon an.