Digitale Barrierefreiheit für Marketer Teil 3: E-Mail, Social Content & SEO
Veröffentlicht: 2022-08-04Die Aufgabe eines Vermarkters ist mehr als nur die Pflege einer benutzerfreundlichen Website. Marketingfachleute verwenden auch verschiedene Strategien und Kanäle, um Website-Traffic zu erhalten. Es spielt keine Rolle, ob Sie die erstaunlichste Site auf dem Planeten haben – wenn sie niemand besucht, können Sie genauso gut eine dieser Angelfire-Sites von ca. 1997 haben (erinnern Sie sich an sie?), Für alles, was darauf ankommt.
Diese Serie von drei Artikeln soll Ihnen einige grundlegende Praktiken vorstellen, mit deren Umsetzung Sie sofort beginnen können, um Ihre digitalen Inhalte zugänglicher zu machen.
Unser vorheriger Beitrag über digitale Zugänglichkeit für Benutzererfahrung und Websites hat sich mit Website-Marketing-Funktionen und -Techniken beschäftigt; Dieser Beitrag geht auf externe Kanäle und Medien sowie deren Test ein, beginnend mit E-Mail. Sie können sich auch den ersten dieser dreiteiligen Serie ansehen, um einen Überblick über Barrierefreiheitsprobleme zu erhalten.
Zugängliche E-Mail
E-Mail-Marketing ist eines der wichtigsten Tools im Werkzeugkasten eines Vermarkters. Unternehmen verwenden E-Mail für Transaktions- (Think, Auftragsbestätigungen) und Werbezwecke sowie für den Kundensupport. Sie werden kaum ein digital versiertes Unternehmen finden, das seine vielen Vorteile nicht nutzt.
Obwohl praktisch alle Unternehmen E-Mails verwenden, um mit Kunden, Auftraggebern und Interessenten zu kommunizieren, stellen nicht alle sicher, dass die von ihnen versendeten E-Mails zugänglich sind.
HTML versus Klartext-E-Mails
Wenn Ihr Unternehmen Klartext-E-Mails versendet, sind diese wahrscheinlich zugänglich. Wenn Ihr Linktext nicht beschreibend ist (weitere Informationen hierzu finden Sie im vorherigen Beitrag), kann es für eine Person mit einer Behinderung etwas schwieriger sein, den Kern der Nachricht zu verstehen, es ist keine unmögliche Barriere.
Das Problem ist, dass die meisten Vermarkter HTML-E-Mails lieben . Und was ist nicht zu lieben? Sie können sie so gestalten, dass sie zu Ihrer Marke passen, sie mit herrlichen Bildern und auffälligen GIFs füllen und eine attraktivere E-Mail erstellen, als Sie mit einer reinen Text-E-Mail erreichen könnten. Da Cookies von Drittanbietern der Vergangenheit angehören, erleben E-Mails außerdem schnell ein Wiederaufleben als großer digitaler Marketingtrend.
Darum geht es hier nicht. Das Problem ist, dass, wenn Sie anfangen, Ihre E-Mails zu verschönern und die Zugänglichkeit nicht berücksichtigen, einige Benutzer möglicherweise nicht in der Lage sind, ein umfassendes Verständnis zu erlangen (oder im schlimmsten Fall nichts davon verstehen können).
HTML-E-Mails ähneln Webseiten in dem Sinne, dass sie Header- und Bild-Tags und Stile verwenden, um sie auf einer E-Mail-Plattform darzustellen. Klartext-E-Mails sind genau das: Klartext. Damit HTML-E-Mails barrierefrei sind, müssen Sie die gleichen Richtlinien befolgen wie für Websites.
Das Problem mit tabellenbasierten Layouts
Die meisten HTML-E-Mails sind mithilfe von Tabellen-Tags strukturiert, da sie das konsistenteste Aussehen für E-Mails bieten, die in mehreren E-Mail-Clients angezeigt werden. Aber das Tabellen-Tag war eigentlich nicht dafür gedacht; Wie viele andere Webdesign-Techniken haben Webdesigner sie für ihre eigenen Zwecke missbraucht. Dies stellt jedoch ein Problem für Benutzer von Screenreadern dar, da ein Screenreader den Inhalt in Tabellen immer noch als einzelne Zellen liest, was zu einer unzusammenhängenden Benutzererfahrung führt.
Sie können dies jedoch umgehen, indem Sie Ihrem HTML-Code ein kleines Code-Snippet hinzufügen. Fügen Sie einfach role=“presentation“ hinzu, um diese Benutzer darauf hinzuweisen, dass es sich um Präsentationstabellen und nicht um eine Datentabelle handelt.
Die Präsentationsrolle verbirgt die Tabellenstruktur vor Screenreadern, während der Inhalt in der Tabelle unbeeinflusst bleibt. Für einen Screenreader-Benutzer sieht es so aus, als gäbe es von vornherein keine Tabelle.
Seien Sie nicht geizig mit Ihren Tags
Nur weil Sie eine E-Mail erstellen, heißt das nicht, dass die Regeln für ordnungsgemäßen Code aus dem Fenster verschwinden. Stellen Sie sicher, dass Ihre Überschriften korrekt verwendet werden (verwenden Sie z. B. H1 für den Titel, H2/H3 für Unterüberschriften usw.), damit jeder, unabhängig von seinen visuellen Fähigkeiten, in der Lage ist, das Wesentliche Ihres Inhalts in einer logischen Lesart zu erfassen bestellen. Nutzen Sie auch hier Titel-Tags, um zusätzlichen Kontext bereitzustellen.
Alternativtext ist auch hier wichtig!
Wenn Ihr E-Mail-Client erfordert, dass ein Benutzer zum Herunterladen von Bildern auf einen Klick klickt, haben Sie möglicherweise Folgendes erlebt: Sie öffnen eine E-Mail mit vielen leeren Quadraten und nur wenig Text, um zu erklären, was vor sich geht. Sobald Sie auf „Bilder herunterladen“ klicken und die Grafiken erscheinen, fügen sich die Puzzleteile an ihren Platz, aber bis zu diesem Moment sind Sie völlig verwirrt.
Leider wird dies eine tägliche (oder stündliche) Erfahrung für Screenreader-Benutzer sein, wenn die Vermarkter es versäumen, Alt-Text für die visuellen Elemente einzufügen. Tun Sie ihnen also einen Gefallen und fügen Sie es für E-Mail-Bilder hinzu. Verwenden Sie für dekorative Bilder das leere alt-Attribut.
Best Practices für mobile Zugänglichkeit
Da die Menschen ihre E-Mails zunehmend auf ihren mobilen Geräten lesen, ist es immer wichtiger geworden, diese Überlegung im Hinterkopf zu behalten. Praktischerweise stimmen die Richtlinien für ein besseres mobiles Erlebnis mit der Barrierefreiheit überein. Zum Beispiel:
- Streben Sie danach, Ihren Text über 14 Pixel Schriftgröße zu halten – wenn die Leute Ihre Nachricht auf dem Handy nicht lesen können, werden sie sie überhaupt nicht lesen
- Halten Sie Ihren Farbkontrast an anerkannten Richtlinien fest, was es Menschen mit allen visuellen Fähigkeiten erleichtert, Ihre Inhalte zu konsumieren
- Vermeiden Sie zentrierte Absätze (viel schwerer zu lesen, besonders auf einem kleinen Gerät)
- Gestalten Sie den Linktext informativ und kurz
Ein inklusives Multimedia-Erlebnis
Multimedia wie Videos und Podcasts sind großartige Vorteile für Vermarkter, um die Markenbekanntheit zu steigern, Produktinteresse zu wecken und mit ihrer Zielgruppe in Kontakt zu treten. Die gute Nachricht ist, dass es a) ziemlich einfach ist, solche Inhalte zugänglich zu machen, und b) wenn Sie sie zugänglich machen, kann dies die Erfahrung für alle verbessern.
Zugängliche Videos
Eine sehbehinderte Person kann nicht vollständig sehen, was auf dem Bildschirm passiert, während jemand mit Hörproblemen den Dialog nicht hören kann. Sie können Untertitel hinzufügen, um gehörlose oder schwerhörige Zuschauer zu berücksichtigen. YouTube generiert automatisch Untertitel, aber sie haben nicht die beste Qualität – es ist normalerweise besser, sich bei einem langen Video einen Untertitelservice zu gönnen oder die automatisch generierten Untertitel manuell zu korrigieren, wenn es kurz ist. Ein netter Vorteil von Untertiteln ist, dass sie Menschen helfen können, die perfekt sehen können. Warst du jemals in einem Wartezimmer oder auf einem Flughafen und hättest dir gewünscht, du könntest hören, was die Leute auf einem stummgeschalteten Fernseher sagen? Oder vielleicht postet ein Freund ein Video in den sozialen Medien, das Sie unbedingt ansehen möchten, aber Sie sind an einem öffentlichen Ort ohne Kopfhörer. Untertitelung löst diese beiden Probleme und macht den Inhalt für Menschen mit Sehbehinderungen zugänglich.
Menschen mit Sehbehinderung können den Dialog hören, verpassen jedoch möglicherweise wichtige Bereiche eines Videos, wenn es für Fälle, in denen niemand spricht, keine Erzählung gibt. Hier kommen Audiodeskriptionen ins Spiel. Audiodeskriptionen sind eine Erzählung dessen, was auf dem Bildschirm passiert. Sehen Sie sich das folgende Video für ein Beispiel an:
Video wird nicht abgespielt? Auf YouTube ansehen.
Als Netflix Audiodeskriptionen auf den Markt brachte, waren sie so erfolgreich, dass sie beschlossen, einen Nur-Audio-Modus zu testen, der es den Benutzern ermöglichen würde, die Datennutzung zu sparen, während sie unterwegs sind.
Transkripte für Audioinhalte
Transkripte sind sehr hilfreich für Menschen mit allen Arten von Behinderungen. Screenreader-Benutzer und Menschen mit Hörproblemen können sie durchblättern, ohne das gesamte Video durchgehen zu müssen (eine Funktion, die auch Menschen ohne Behinderungen nutzen können!).
Einige Assets sind vollständig audiobasiert. Ein Podcast zum Beispiel wäre für jemanden, der ihn nicht hören kann, völlig nutzlos; ein Transkript macht sie zugänglich. Das DMI bietet Transkripte für jeden Podcast, wie diese Episode über Making Live Theatre Work Online.
Der einfachste Weg, ein Transkript zu Ihrer Website hinzuzufügen, ist als herunterladbare Textdatei und wenn Sie den Text auch auf der Seite anzeigen, hilft dies Ihren SEO-Bemühungen
PDFs (Portable Document Formate)
Inklusivität ist nicht der einzige Grund, warum Sie sicherstellen sollten, dass Ihr PDF barrierefrei ist; es ist auch vorteilhaft für SEO. Wenn ein Screenreader sie lesen kann, kann ein Webcrawler sie crawlen und wertvolle Signale über den Inhalt Ihrer Website an Google zurücksenden.
Manche Software ist besser dafür geeignet, Dokumente in barrierefreie PDFs umzuwandeln als andere. Microsoft hat besonders auf die Zugänglichkeit geachtet, während andere Unternehmen sie zurückgestellt haben, und das zeigt sich in dem Aufwand, der erforderlich ist, um barrierefreie PDFs zu erstellen.
Microsoft-Programme
Microsoft Word hat eine Option „ PDF erstellen “ unter der Überschrift des Acrobat- Menüs; Dadurch wird Ihre Datei automatisch in ein barrierefreies PDF konvertiert. Sie können dieselbe Option zum Konvertieren von PowerPoint-Präsentationen in PDFs verwenden. (Beachten Sie, dass Sie immer Alt-Text zu Bildern hinzufügen sollten, bevor Sie Ihre Datei in eine PDF-Datei konvertieren.) Verwenden Sie die native Barrierefreiheitsprüfung (unter dem Menüpunkt „ Überprüfen “), bevor Sie Ihre Dateien in PDF-Dateien umwandeln.
Mit Adobe Acrobat barrierefreie PDFs erstellen
Das Konvertieren anderer Dateiformate in barrierefreie PDFs erfordert etwas mehr Aufwand. Beispielsweise erfordern Designdateien (wie die mit Adobe-Software erstellten) einige Manipulationen, bevor und nachdem Sie die Datei in eine PDF-Datei umgewandelt haben.
Adobe Acrobat Pro verfügt über eine native Barrierefreiheitsprüffunktion, die dabei hilft, einige Fehler aufzudecken, aber die Arbeit, die erforderlich ist, um den Prozess mit den Acrobat-Barrierefreiheitsfunktionen abzuschließen, kann eine Herausforderung darstellen und sollte am besten den Profis überlassen werden.
Prüfung von PDFs auf Barrierefreiheit
Es ist ratsam, die PDF-Barrierefreiheit mit einem Screenreader oder mit einem Tool wie JAWS Inspect zu testen. Unabhängig davon, was Ihnen ein nativer Barrierefreiheitsprüfer über ein PDF sagt, ist die Offenlegung Ihrer Datei für einen echten Benutzer oder Proxy der beste Weg, um ihre Barrierefreiheit zu bestätigen.
SO (Suchmaschinenoptimierung) und Barrierefreiheit
Was gut für SEO ist, ist auch gut für die Barrierefreiheit. Screenreader ähneln Webcrawlern: Beide können nur Inhalte auf einer Website lesen, die ihnen zur Verfügung gestellt wird. Das bedeutet, dass unzugängliche PDFs, Bilder ohne Alt-Text, Multimedia ohne Transkript usw. praktisch unsichtbar sind. Sie können nur den Dateinamen lesen. Ihre Website könnte aufgrund ihrer unzugänglichen Elemente einige erstaunliche Möglichkeiten zum Ranking verpassen.
Es gibt andere bewährte SEO-Praktiken, die mit den Zugänglichkeitsrichtlinien übereinstimmen, wie z. B. die Verwendung korrekter und sequenzieller Überschriftenstrukturen und beschreibender Linktexte. Weitere Informationen zu diesem Thema finden Sie in unserem Blogbeitrag darüber, wie SEO bei der Barrierefreiheit hilft und umgekehrt.
Testen Sie Ihre Marketingmaterialien auf Zugänglichkeit
Das Testen der Barrierefreiheit ist ebenso wichtig wie Ihre Bemühungen, Ihre Assets überhaupt zugänglich zu machen. Obwohl es bewundernswert ist, Barrierefreiheit anzustreben, haben Sie erst die halbe Miete gekämpft, bis Sie überprüft haben, dass Ihre Inhalte tatsächlich barrierefrei sind.
Darüber hinaus ist das Testen und Dokumentieren Ihrer Ergebnisse für Ihr Unternehmen von Vorteil, falls Sie jemals Ziel eines Rechtsstreits werden, und hilft Ihnen dabei, Trends zu erkennen, um Probleme mit der Barrierefreiheit an der Quelle zu beseitigen.
Auf der TGPi-Website finden Sie alle Einzelheiten zu ihren Testwerkzeugen.