Erstellen Sie zugängliche E -Mails: So machen Sie Ihren Code zugänglicher

Anwesend

und so weiter. Stellen Sie in ähnlicher Weise sicher, dass eine Körperkopie in einem untergebracht ist Etikett. Wenn Sie Ihre E -Mail durchlaufen, legen Bildschirmleser den Schwerpunkt auf bestimmte Header und richten Sie diese ein Und Tags erleichtert die Navigation Ihrer E -Mail.

5. AUFGAUEN SIE IHRE KOPIE, wenn möglich

Wenn es um Ihren Körpertext geht, kann es verlockend sein, sich auszurichten. Wenn es jedoch um Zugänglichkeit geht, Das ist ein großes Nichts!

Wenn Sie Ihren Text zentrieren, ändert sich die Startkante für jede Zeile, die Ihre Abonnenten dazu zwingt, härter zu arbeiten, um den Beginn jeder Zeile zu finden. Das ist eine Herausforderung für Menschen mit Legasthenie und anderen Lesebehinderungen.

Wenn Sie eine Kopie haben, die länger als zwei Zeilen ist, werden Sie diese Kopie links ausrichten. Dies ist besonders wichtig für Mobilgeräte, da die enge Breite häufig mehr Textlinien erzeugt, als Sie vielleicht erkennen. Möglicherweise müssen Sie Ihren Text auf Mobilgeräte verantwortlich ausrichten.

6. Überprüfen Sie den Kontrast Ihrer Kopie

Überprüfen Sie das Kontrastverhältnis Ihrer Textfarben mit den Hintergrundfarben Ihrer E -Mail. Möglicherweise haben Sie Abonnenten mit Farbdefiziten. Wenn Ihre Farben nicht genügend Kontrast für sie bieten, können sie Ihre E -Mail möglicherweise nicht lesen. Es gibt zwei Möglichkeiten, wie Sie Ihr Kontrastverhältnis überprüfen können:

Wenn Sie Ihre Farbcodes manuell eingeben müssen https://contrast-hatio.com/.

Ausweichen zugänglichen Codierungsfehlern

Natürlich machen wir alle Fehler. Hier ist eine kurze Abkürzung, damit Sie Ihren Code einfach beheben können:

Häufiger Zugangsfehler	Repariere es durch…
All-Image-E-Mails	Fügen Sie bei Bedarf Bilder im Code Ihrer E -Mail hinzu
Kein ALT -Text	Hinzufügen des beschreibenden ALT -Textes zu jedem Bild.
Schlechter Farbkontrast oder verschwinden Text im dunklen Modus	Auswahl eines Farbschemas mit hohem Kontrast. Denken Sie gegenüber den Seiten des Farbrads.
Keine Textausrichtung	Linksausrichtung Ihres Kopiertextes. Dies erleichtert die Bildschirmleser (und TBH, alle) viel.
Unorganisierter Code	Hinzufügen von Rollen = “Präsentation” zu Ihren Tabellen und semantische Elemente wie Anwesend oder um eine Hierarchie zu erstellen, kann Ihr Bildschirmleser lesen. (Außerdem ist es sauberer Code für Sie!)

Endlose Einnahmen freischalten

Schauen wir uns an, wie viel E-Mail-gesteuerte Einnahmen Sie auf dem Tisch lassen könnten.

Berechnen Sie den ROI

Codierung für den Dunklen Modus

Der Marktanteil von Lackmus zeigt, dass 35% der E -Mails geöffnet sind in Dunkler Modusmachen es zu einem potenziell bedeutenden Teil Ihrer Abonnenten. Seit seiner Einführung im Jahr 2018 wurden einige Kopfschmerzen für E -Mail -Vermarkter erstellt – insbesondere in Bezug auf die Zugänglichkeit.

Dies liegt daran, dass einige E -Mail -Clients Ihre E -Mail genau so lassen, dass einige E -Mail -Clients Ihre Farben komplett umkehren und einige nur teilweise tun.

Um sicherzustellen, dass alle Dark -Modus -Stile für Benutzer zugänglich bleiben – insbesondere, dass Ihr Farbkontrast funktioniert und für Benutzer mit Farbblindheit oder Low Vision lesbar ist, können Sie zwei verschiedene Methoden verwenden, um zu steuern, wie Ihre E -Mail aussieht:

1. @media (bevorzugt Farbscheme: Dunkel)

Diese Methode funktioniert in ähnlicher Weise wie die Anwendung eines Stilblocks in einer @media -Abfrage für Ihre mobile Reaktionsansicht, mit Ausnahme dieses CSS -Blocks zielt auf jede Benutzeroberfläche ab, die auf den Dunklen Modus gesetzt ist. @Media (bevorzugt Farbscheme: Dark) ermöglicht es Ihnen, die robustesten benutzerdefinierten Dark-Modus-Themen zu erstellen, bei denen Sie alles aus dunkelmodusspezifischen Bild-Swaps, Schwebeffekten und Hintergrundbildern implementieren können. Grundsätzlich alles, was Sie mit herkömmlichem CSS tun können. Für diese Methode müssen Sie hinzufügen Dark -Modus -Meta -Tags und Stile an die Ihrer E -Mails, um in Apple Mail zu arbeiten.

1. [data-ogsc]/[data-ogsb]

S/o bis Mark Robbins Um uns zu zeigen, wie man die Outlook -App angeht. Diese Methode ermöglicht den Bildtausch auf Outlook.com. Um es zu tun, duplizieren Sie die @media (bevorzugen Farbschuppen: Dark) -Stile, die Sie bereits angewendet haben, und fügen Sie die entsprechenden hinzu [data-ogsc] Präfixe für jede CSS -Regel.

Codieren zugänglich, interaktive E -Mails

Interaktive E -Mails sind einige der unterhaltsamsten und herausforderndsten zu erstellen. Das Hinzufügen von Elementen wie Umfragen, Umfragen, Hotspots, Quiz, Angeboten und Bewertungen bietet Ihren Abonnenten die Möglichkeit, sich direkt mit Ihrer E -Mail zu engagieren. Bei den meisten dieser Interaktivitätsarten benötigen Sie jedoch eine Fallback -Option oder eine generische Version, um sie zugänglich zu machen.

Aber eines unserer bevorzugten interaktiven interaktiven Elemente kann eigentlich helfen Ihre Zugänglichkeitsbemühungen: Schwebeffekte.

Codieren zugänglich, interaktive E -Mails

Interaktive E -Mails sind einige der unterhaltsamsten und herausforderndsten zu erstellen. Das Hinzufügen von Elementen wie Umfragen, Umfragen, Hotspots, Quiz, Angeboten und Bewertungen bietet Ihren Abonnenten die Möglichkeit, sich direkt mit Ihrer E -Mail zu engagieren. Bei den meisten dieser Interaktivitätsarten benötigen Sie jedoch eine Fallback -Option oder eine generische Version, um sie zugänglich zu machen.

Aber eines unserer bevorzugten interaktiven interaktiven Elemente kann eigentlich helfen Ihre Zugänglichkeitsbemühungen: Schwebeffekte.

Bei Lackmus verwenden wir Schwebeffekte Auf unseren CTAs, Links und Bildern, um die Klickbarkeit anzuzeigen. Schwebeffekte sind ein einfaches interaktives Element, mit dem Ihre E -Mails ansprechender und verbessert werden können Die Erfahrung Ihrer Abonnenten erleichtert sie einfacher zu interagieren.

Hier erfahren Sie, wie es geht:

CSS einbetten

.txt-color: hover {color: #8ddaeb! Wichtig; }

HTML – Text -Schwebefarbe -Farbänderung

Ändern Sie die Farbe beim Schweben

Obwohl Schwebeffekte nur in AOL, Apple Mail, Google Mail und Yahoo! Mail, sie sind ein beliebter Effekt und es lohnt sich, in Ihrem E -Mail -Code implementiert zu werden. Sie können ein Bild verblassen, die Farbe Ihrer CTA-Taste ändern, eine Popup-Registerkarte hinzufügen und vieles mehr.

Erstellen Sie E -Mails, die jeder erleben kann

Maximieren Sie die Auswirkungen Ihrer E -Mail, indem Sie zugängliche Inhalte für alle entwerfen. Barrierefreiheitsprüfungen sind immer mit Lackmus zu Ihren Fingerspitzen.

Erstellen Sie zugängliche E -Mails

Zugriffscodierung mit E -Mail -Personalisierung

Wir betrachten die Zugänglichkeit oft als einen „zusätzlichen“ Aspekt der Codierung, aber es ist wirklich die Grundlage für die Personalisierung. Sie können keine maßgeschneiderten Erlebnisse für Ihre Abonnenten erstellen, wenn sie nicht zu Beginn nicht lesen oder auf Ihre E -Mail klicken können.

„Im E -Mail -Marketing sprechen wir viel über 1: 1 Personalisierung, aber die wahre 1: 1 -Kommunikation ist unmöglich, wenn Benutzer nicht auf Ihre Inhalte zugreifen können“ Lauren CastadyAssociative Creative Director bei Oracle Digital Experience Agency.

Merge -Tags ziehen Daten aus Ihrem ESP oder Ihrer Datenbank ein, um Wörter, Designs oder Bilder in Ihrer E -Mail zu personalisieren. Viele E -Mail -Vermarkter wissen jedoch nicht, dass Merge -Tags im Alt -Text funktionieren. Daher können Sie Ihre Bilder weiterhin Personalisierung in Ihre Beschreibungen hinzufügen. Zum Beispiel, wenn Sie einen „Happy Birthday“ senden [NAME]! ” Mit E -Mail können Sie eine zusätzliche Nachricht für alle hinzufügen, die diese Bilder nicht sehen können.

„Wenn Sie ein personalisiertes Bild mit dem Namen eines Menschen verwenden, wie ein Geburtstagstorte, verpassen Sie nicht den Alt -Text. Sie können entweder ein Merge -Tag für eine zusätzliche Personalisierungsebene hinzufügen oder den ALT -Text generisch genug machen, damit es der Nachricht entspricht, ohne die Erfahrung zu verlieren. Es dauert ein bisschen mehr Codierung, aber Sie können es so lange tun, wie Sie diese Daten in Ihrem ESB -ESSCH haben.“

Hier sind einige Beispiele, die Sie versuchen sollten:

Generischer Alt -Text mit einem flexiblen Fallback -Personalisierungsparameter im Bild

Personalisierter ALT -Text mit einem flexiblen Fallback -Personalisierungsparameter im Bild

Sich mit 1: 1 Erfahrungen beschäftigen

Liefern Sie personalisierte Inhalte im Maßstab. Verwenden Sie Live -Umfragen, dynamische Inhalte und erweitertes Ziel, um die Ergebnisse zu erzielen.

Personalisieren Sie jetzt

Tools für zugängliche und integrative Codierung

Lackmus 'Barrierefreiheitsprüfer, die direkt in Lackmus Builder und Lackmus Previews eingebaut ist, gibt Ihnen die Sichtbarkeit in wichtige Richtlinien für die Barrierefreiheit, um den Anforderungen der behinderten Community gerecht zu werden.

1. Automatische Barrierefreiheitsüberprüfungen

Scannen Sie Ihre E -Mail nach mehr als 40 Zugänglichkeitsbereichen mit detaillierten Berichten und Anleitungen zu allen gefundenen Themen. Mit Lackmus ' E -Mail -ErbauerSie können Ihren Code während der Arbeit überprüfen, um sicherzustellen, dass er den Anforderungen Ihrer Abonnenten entspricht.

2. Filter der Sehbehinderung

Stellen Sie sicher, dass Ihre E -Mail mit vier verschiedenen Sehbehinderungsfiltern richtig aussieht und verschiedene Arten von Farbblindheit nachahmt, sodass Sie Designelemente wie Farbkontrast, negativer Raum und Schriftgröße überprüfen können.

3.. NVDA -Bildschirmleser Vorschau

Unsere NVDA -Bildschirmleser -Integration unterstützt über 80 Sprachen, sodass Sie sicherstellen können, dass Ihre E -Mail gut aussieht Und klingt gut.

Diese Tools sind in jedem einzelnen Lackmustplan verfügbar, da wir der Ansicht sind, dass es ein wichtiger Bestandteil der Verbesserung von E -Mail -Marketing für alle ist, dass es ein wichtigerer Bestandteil ist.

Machen Sie noch heute einen Unterschied

Maximieren Sie die Auswirkungen Ihrer E -Mail mit Lackmus, um die Zugänglichkeit und Inklusivität für alle Abonnenten sicherzustellen – unabhängig von ihren Fähigkeiten.

Erstellen Sie inklusive E -Mails

Kayla Voigt ist ein B2B -freiberuflicher Schriftsteller.

Sie könnten auch mögen:

Blog

Der ROI des E -Mail -Marketings [Infographic]

Wir haben Hunderte von Marken über ihre E -Mail -Marketingpraktiken sowie die Renditen, die sie aus dem E -Mail -Kanal erzielen, untersucht. Das Ergebnis: Einzigartige Einblicke in die Faktoren, die zu höheren E -Mail -Marketingrenditen führen – und umsetzbare Ratschläge, wie Sie den E -Mail -ROI auch für Ihre Marke erhöhen können.

TwitterFacebookLinkedinyoutube-PlayinStagramSearch-Umschlag

Create your very own Auto Publish News/Blog Site and Earn Passive Income in Just 4 Easy Steps