Digitale Barrierefreiheit

Je höher die Kontraste zueinander ausfallen, desto einfacher sind Buttons und Texte zu lesen. Online-Werkzeuge wie der Contrast Checker von Webaim helfen Ihnen bei der Überprüfung der richtigen Kontrastverhältnisse.

Auch eine bestimmte Farbwahl können für eine bessere Erkennbarkeit sorgen. Für Menschen mit unterschiedlichen Farbschwächen kann es schwer sein, bestimmte Farben zu unterscheiden. Mit Online-Werkzeugen wie dem Color Blindness Simulator können Sie die Farben Ihrer Gestaltung auf unterschiedliche Farbschwächen überprüfen.

Das Beispiel zeigt, wie Menschen mit Rot-Grün-Blindheit (Protanopie) die Buttons wahrnehmen.

Verspielte oder extravagante Schriftarten können schwer zu lesen sein. Auch die Schriftgröße und der Zeilenabstand beeinflussen die Lesbarkeit von Texten.

Im gezeigten Beispiel haben die Überschriften übrigens die gleiche Schriftgröße.

Je größer interaktive Elemente wie Buttons dargestellt werden, desto leichter sind diese mit dem Mauszeiger oder mit dem Finger anzupeilen.

Auch die Textformatierung hat einen erheblichen Einfluss auf die Lesbarkeit:

Linksbündiger Text ist am besten zu lesen, da hier das Auge am besten von einer Zeile zur anderen “springen” kann, ohne den Anfang der Zeile jedes Mal neu zu suchen.

Auch die Länge der Zeile und die Unterteilung in Abschnitte macht das Lesen leichter.

Außerdem wird davon abgeraten, im Fließtext ausschließlich mit Großbuchstaben zu schreiben.

Hyperlinks werden seit den frühesten Tagen des Internets unterstrichen dargestellt. Dieser Standard sorgt immer noch dafür, Verlinkungen schnell als solche zu erkennen.

Zusätzlich kann es helfen, der Verlinkung eine andere Farbe als dem Fließtext zu verleihen.

Sinnvoll gesetzte Abstände unterstützen die Betrachter dabei, den Inhalt besser zu erfassen. Dadurch wirkt die Anordnung nicht überfordernd und lässt sich leichter lesen.

Je kürzer und klarer Sie Ihre Sätze schreiben, desto einfacher sind sie zu verstehen. Umschreiben Sie Fachbegriffe, um Menschen mit kognitiven Schwierigkeiten beim Lesen zu unterstützen. Tools wie WORTLIGA helfen Ihnen dabei.

Alt-Texte bieten die Möglichkeit, die Bildinhalte Ihres Newsletters mit Worten zu beschreiben. Damit können sogenannte Screenreader (Software zum Vorlesen digitaler Produkte) auch den Inhalt Ihrer Bilder wiedergeben.

Außerdem ist bei vielen E-Mail Empfängern das Laden von Bildern standardmäßig deaktiviert. Auch sie können mit den beschreibenden Alt-Texten Ihren Newsletter besser verstehen.

Umschreiben Sie einfach mit einem kurzen und knappen Text, was auf dem Bild zu sehen ist.

Allgemeine Texte wie “Jetzt kaufen” oder “Mehr erfahren” geben in der Regel wenig Aufschluss darüber, wohin ein Button führt.

Wenn Sie Ihre Buttons aussagekräftig beschriften, werden sie verständlicher und auch ansprechender.

Es ist eine weitverbreitete Methode, Texte und Buttons in den Bilddateien einzufügen. Das ist der Versuch, die begrenzten Möglichkeiten im Newsletter-Design zu umgehen. Dennoch ist diese Vorgehensweise nicht empfehlenswert - vor allem, wenn es sich um inhaltlich relevante Informationen handelt.

Denn wenn ein Text ein grafischer Bestandteil einer Bilddatei ist, kann er von Screenreadern nicht gelesen werden.

Auch für die vielen Empfänger, in deren Postfächern die Bilder automatisch ausgeblendet werden, geht damit der wertvolle Inhalt des Newsletters verloren.

Das selbe gilt für Buttons: Auch sie sollten aus diesen Gründen nicht mit Bilddateien ersetzt werden - auch wenn der Gedanke noch so verführerisch sein mag.

Button A: Hier liegt das Kontrastverhältnis sowohl vom Hintergrund zum Button als auch vom Button zum Text bei 11.63:1. Der Kontrast ist hoch genug.

Button B: Hier liegt das Kontrastverhältnis vom Hintergrund zum Button bei 2.79:1. Der Kontrast ist nicht hoch genug.

Button C: Hier liegt das Kontrastverhältnis vom Button zum Text bei 1.8:1. Der Kontrast ist nicht hoch genug.

Die richtige Antwort ist also Button A.

Laut dem Accessibility Report des Email Markup Consortium sind nur 0,01% E-Mail-Newsletter barrierefrei. Konkret sind das 28 von 409,663 analysierten E-Mails. Diese 28 Sender stammen von nur zwei Sendern.

(Stand: 2024)

Laut dem Statistischen Bundesamt leben in Deutschland 71.260 blinde Menschen, 46.820 hochgradig sehbehinderte Menschen und 440.645 sehbehinderte Menschen. In der Gesamtzahl sind das 558.725 Menschen mit Sehbehinderung.

(Stand: 2021)