Richtlinien zur E-Mail-Barrierefreiheit oder Benutzerfreundlichkeit Ihrer E-Mails für alle

E-Mail-Zugänglichkeit macht Ihre E-Mails benutzerfreundlich für alle, auch für Menschen mit Behinderungen, da sie Ihre E-Mails wahrnehmen und leicht mit ihnen interagieren können.

Es gibt einige Design- und Kopieranpassungen, die Sie vornehmen können, um Ihre E-Mails zugänglicher zu machen. In diesem Artikel erklären wir, wie sich die Barrierefreiheit auf Ihre E-Mail-Kampagnen auswirkt, warum sie wichtig ist und wie Sie sie in die Praxis umsetzen können.

Warum Barrierefreiheit wichtig ist

Warum sollten Sie sich also Sorgen um Barrierefreiheit machen und welche Vorteile kann sie Ihnen und Ihrem Unternehmen bringen? Schauen wir uns einige Fakten an:

1. Im Allgemeinen haben 15% der Weltbevölkerung oder 1 Milliarde Menschen irgendeine Art von Behinderung. Nach Angaben der Weltgesundheitsorganisation leben weltweit etwa 1,3 Milliarden Menschen mit irgendeiner Form von Sehbehinderung: 36 Millionen Menschen können überhaupt nicht sehen und 217 Millionen haben eine mittelschwere bis schwere Sehbehinderung. Wie Sie sehen, kann eine sehr große Anzahl von Menschen Probleme mit verschiedenen alltäglichen Dingen haben, einschließlich der Interaktion mit Geräten und dem Lesen von E-Mails.
2. Abgesehen davon repräsentiert der Behindertenmarkt 1,2 Billionen US-Dollar an verfügbarem Jahreseinkommen.
3. Laut einer aktuellen Studie von Cone Communications möchten 78 % der Amerikaner, dass Unternehmen soziale Probleme angehen, und 87 % würden ein Produkt von einem Unternehmen kaufen, das das Thema unterstützt, das ihnen persönlich am Herzen liegt.

Durch den Einsatz von E-Mail-Zugänglichkeit erweitern Sie nicht nur Ihr Publikum und eröffnen neue Möglichkeiten für mehr Gewinn, sondern zeigen auch Ihren Respekt und Ihre Fürsorge für jeden und jeden, was Ihre Glaubwürdigkeit in den Augen sozial verantwortlicher Benutzer und Menschen mit Behinderungen erhöht.

So erstellen Sie eine barrierefreie E-Mail

In diesem Abschnitt werfen wir einen Blick auf sieben Elemente, die Ihnen helfen können, Ihre E-Mails für alle zugänglicher zu machen:

• Struktur;
• Code;
• alternativer Text;
• Links und Schaltflächen;
• Schriftarten;
• Farben;
• rein- und rauszoomen.

Zusätzlich zu diesen Elementen empfehlen wir, die Barrierefreiheitsrichtlinien der Kriterienliste des World Wide Web Consortium durchzugehen, die Ihnen dabei helfen, sicherzustellen, dass Ihre Webinhalte für Menschen mit Behinderungen zugänglich sind.

Struktur

Stellen Sie zunächst sicher, dass Sie Ihre E-Mail-Inhalte in einer logischen Reihenfolge platzieren, da Screenreader sie von links nach rechts und von oben nach unten verstehen. Lesen Sie Ihre E-Mails laut vor, um zu sehen, ob es leicht ist, die Kopie selbst zu verstehen, ohne sich die Bilder anzusehen.

Collaborative Fund hat beispielsweise eine gute logische Struktur in seinen E-Mails, sodass es sehr einfach ist, sie mit den Augen und mit einem Screenreader zu verfolgen.

Für Menschen mit Legasthenie und kognitiven Behinderungen kann es schwierig sein, große komplexe Textteile zu verstehen. Deshalb empfehlen wir Ihnen, in Ihrem Text direkt auf den Punkt zu kommen, Ihre Sätze zu verkürzen und lange oder jargonische Wörter zu vermeiden. Ordne einen Gedanken in einem einzigen Satz und ein Thema in einem einzigen Absatz.

Um die Lesbarkeit Ihres Textes zu testen, verwenden Sie Dienste wie Readable. Sie können Ihren Text dort einfügen, und das Tool hebt automatisch lange Sätze oder komplexe Wörter hervor und schlägt einfachere Alternativen und Synonyme vor. Sehen Sie sich Readable in Aktion an:

Code

Dann schau dir deinen Code an. Es sollten Überschriftenelemente wie h1 , h2 und das Absatz-Tag p usw. vorhanden sein. Auf diese Weise können Screenreader durch Ihre E-Mails navigieren. Ein Sprach-HTML-Tag lang=”” lässt jede Hilfstechnologie erkennen, welches Sprachprofil für den Inhalt verwendet werden soll. Rufen Sie eine Liste aller HTML-Sprach-Tags auf, um den Code der gewünschten Sprache zu finden.

Um Ihren Code zu bereinigen und sicherzustellen, dass keine nicht geschlossenen Tags und andere Probleme vorliegen, können Sie verschiedene E-Mail-Testtools verwenden.

Um beispielsweise Probleme mit der korrekten Anzeige Ihrer Inhalte im Bild- oder Audioformat zu vermeiden, können Sie Dirty Markup ausprobieren. Fügen Sie einfach Ihren Code ein und klicken Sie auf "Bereinigen".

Alternativer Text

Fügen Sie für Bilder immer einen detaillierten Alternativtext oder Alternativtext hinzu – Sie sollten den Zweck oder die Bedeutung des Bildes vermitteln, damit Abonnenten, die Hilfstechnologien verwenden oder Bilder deaktiviert haben, den Gesamtkontext verstehen.

Am Beispiel von Messy Nessy Chic können Sie sehen, dass jedes Bild einen Alt-Text hat, einschließlich Social-Media-Buttons in der E-Mail-Fußzeile.

Wenn Ihre E-Mail dekorative Bilder enthält – solche, die der visuellen Gestaltung dienen und keine bestimmte Bedeutung zuordnen – sollten Sie ein leeres Attribut alt=”” hinzufügen. Dadurch überspringen Screenreader das Bild.

Links und Schaltflächen

Vermeiden Sie beim Kopieren Text wie „Hier klicken“ und platzieren Sie einen Hyperlink im Kontext eines Satzes. Dadurch wird es für Benutzer einfacher zu verstehen, wohin der Link sie weiterleitet. Und denken Sie daran, dass Ihre Links vom umgebenden Text unterscheidbar sein sollten.

Sehen Sie sich das Beispiel von InsightTimer an; sie verwenden einen sauberen Hyperlink-Text, der auch für diejenigen leicht verständlich ist, die die E-Mail nicht selbst lesen können.

Halten Sie die Call-to-Action-Tasten groß genug, um von jedem Daumen auf jedem Gerät angetippt zu werden. Umgeben Sie Ihre Tasten mit ausreichend weißem Raum, damit kein versehentliches Tippen erfolgt.

Schriftarten

Die Schriftgröße in einer barrierefreien E-Mail sollte 14px nicht unterschreiten. Darüber hinaus sollten Sie websichere Schriftarten verwenden, die auf den meisten Geräten und Betriebssystemen korrekt angezeigt werden. Diese Schriftarten sind Arial, Comic Sans, Courier New, Georgia, Impact, Palatino, Tahoma, Trebuchet MS, Times New Roman und Verdana. Erfahren Sie mehr über die Auswahl einer perfekten Schriftart für Ihre E-Mails in unserem Blog.

Darüber hinaus empfehlen wir Ihnen, den Text linksbündig auszurichten. Beim Lesen dient der Beginn jeder neuen Zeile als Anker für unsere Augen. Wenn die Ausrichtung zentriert ist, beginnt jede Zeile an einem anderen Punkt, sodass der Benutzer von einer Zeile zur anderen springt. Bei einer ausgerichteten Ausrichtung wiederum ist der Abstand zwischen den Wörtern jedes Mal anders. Aus diesem Grund ist es aus Gründen der Lesbarkeit die beste Wahl, diesen visuellen Anker an derselben Stelle zu belassen oder eine linksseitige Ausrichtung zu verwenden.

Es wird auch empfohlen, Ihren Text nach Überschriften, Anführungszeichen und anderen Formatierungen zu unterteilen.

Brain Pickings bietet sehr lange und inhaltsreiche E-Mails, die hauptsächlich aus Text bestehen, aber aufgrund ihrer Formatierungsoptionen leicht zu „verdauen“ sind.

Farben

Zunächst sollten Sie überprüfen, ob die Farben in Ihrer E-Mail kontrastreich genug sind, damit sie für Menschen mit Sehproblemen zugänglich ist. Beispielsweise wird empfohlen, dass das Verhältnis für normalen Text mindestens 4,5:1 und für vergrößerten Text mindestens 3:1 beträgt, der häufig in Überschriften verwendet wird.

Um einen guten Kontrast in Bezug auf die Zugänglichkeit von E-Mails zu überprüfen, können Sie Tools wie Tanaguru oder WebAIM verwenden. Sie ermöglichen es Ihnen, das Kontrastverhältnis Ihres Vorder- und Hintergrunds zu sehen. Das Are My Colours Accessible ist eine weitere großartige Option, um zu überprüfen, ob Ihre E-Mail leicht zu verstehen ist.

Wenn wir beispielsweise die Standardkombination aus schwarzem Text und weißem Hintergrund überprüfen, können wir feststellen, dass das Kontrastverhältnis sehr hoch ist: 21:1. Wenn wir jedoch die Hintergrundfarbe in Orange ändern, sinkt das Verhältnis auf 10,63:1.

Vergrößern und verkleinern

Für Benutzer mit eingeschränktem Sehvermögen werden Zoomeinstellungen häufig verwendet, um die Größe von Text und anderen visuellen Elementen auf einem Bildschirm zu erhöhen. Überprüfen Sie also, ob es möglich ist, Ihre E-Mail auf mindestens 200% zu zoomen, ohne die Qualität des Inhalts zu verlieren.

Unten sehen Sie ein Fragment der The Futur-E-Mail, die wir auf 200 % gezoomt haben – der gesamte E-Mail-Inhalt blieb sichtbar und kann deutlich gelesen werden.

Insgesamt

Beachten Sie beim Erstellen einer barrierefreien E-Mail die folgenden Punkte:

1. Behalten Sie eine logische Lesestruktur Ihrer E-Mail bei.
2. Verwenden Sie sauberen Code mit entsprechenden Tags, die von Hilfsgeräten benötigt werden.
3. Fügen Sie für jedes Bild in Ihrer E-Mail informativen Alternativtext ein, einschließlich Social-Media-Buttons und Ihres Logos.
4. Stellen Sie sicher, dass alle Ihre Links und Schaltflächen verwendbar sind oder einfach zu interagieren sind.
5. Halten Sie Ihre Schriftarten bei mindestens 14px, verwenden Sie die geeignete Formatierung und richten Sie Ihren Text links aus.
6. Achten Sie auf einen guten Kontrast zwischen den Hintergrund- und Vordergrundfarben.
7. Stellen Sie sicher, dass Ihre Inhalte ohne Inhaltsverlust auf mindestens 200% gezoomt werden können.

Die Implementierung von E-Mail-Zugänglichkeit ohne vorherige Erfahrung kann entmutigend sein. Wenn Sie jedoch die möglichen Auswirkungen analysieren, wird klar, dass sich diese Arbeit lohnt. Probieren Sie SendPulse aus, um saubere und zugängliche E-Mail-Vorlagen zu erstellen und an alle Ihre Abonnenten zu senden.