Dostępność cyfrowa dla marketerów Część 3: E-mail, treści społecznościowe i SEO
Opublikowany: 2022-08-04Praca marketera to coś więcej niż utrzymywanie przyjaznej dla użytkownika strony internetowej. Specjaliści od marketingu wykorzystują również różne strategie i kanały do pozyskiwania ruchu na stronie. Nie ma znaczenia, czy masz najbardziej niesamowite miejsce na świecie – jeśli nikt go nie odwiedzi, równie dobrze możesz mieć jedno z tych miejsc Angelfire z około 1997 roku (pamiętasz je?), mimo wszystko, co ma znaczenie.
Ta seria trzech artykułów ma na celu zapoznanie Cię z podstawowymi praktykami, które możesz zacząć wdrażać od razu, aby uczynić Twoje treści cyfrowe bardziej dostępnymi.
Nasz poprzedni post na temat dostępności cyfrowej dla doświadczenia użytkownika i witryn internetowych dotyczył funkcji i technik marketingowych w witrynach internetowych; ten post będzie dotyczył zewnętrznych kanałów i mediów, a także sposobu ich testowania, zaczynając od poczty e-mail. Możesz również rzucić okiem na pierwszą z tej trzyczęściowej serii, aby zapoznać się z przeglądem problemów związanych z dostępnością.
Dostępna poczta e-mail
E-mail marketing jest jednym z najważniejszych narzędzi w zestawie narzędzi marketera. Firmy używają poczty e-mail do celów transakcyjnych (pomyśl, potwierdzenia zamówień) i promocyjnych, a także do obsługi klienta. Trudno byłoby dziś znaleźć firmę znającą się na technologii cyfrowej, która nie korzysta z wielu jej zalet.
Jednak chociaż praktycznie wszystkie organizacje używają poczty e-mail do komunikowania się z klientami, klientami i potencjalnymi klientami, nie wszystkie z nich zapewniają dostępność wysyłanych wiadomości e-mail.
HTML a zwykły tekst e-maili
Jeśli Twoja firma wysyła wiadomości e-mail w postaci zwykłego tekstu, prawdopodobnie są one dostępne. Jeśli tekst linku nie jest opisowy (zobacz poprzedni post, aby uzyskać więcej informacji na ten temat), osobie niepełnosprawnej może być nieco trudniej zrozumieć istotę wiadomości, nie jest to bariera niemożliwa.
Problem w tym, że większość marketerów uwielbia e-maile w formacie HTML. A czego nie kochać? Możesz je stylizować tak, aby pasowały do Twojej marki, wypełniać je wspaniałymi obrazami i przyciągającymi wzrok GIF-ami oraz stworzyć bardziej atrakcyjną wiadomość e-mail niż to, co można osiągnąć za pomocą waniliowej wiadomości e-mail w postaci zwykłego tekstu. Ponadto, teraz, gdy pliki cookie stron trzecich odchodzą w przeszłość, poczta e-mail szybko odradza się jako duży trend w marketingu cyfrowym.
Nie o to tutaj chodzi. Problem polega na tym, że kiedy zaczynasz upiększać swoje e-maile i nie bierzesz pod uwagę ułatwień dostępu, niektórzy użytkownicy mogą nie być w stanie uzyskać pełnego zrozumienia (lub, w najgorszym przypadku, nie być w stanie zrozumieć żadnego z nich).
Wiadomości e-mail w formacie HTML są podobne do stron internetowych w tym sensie, że używają tagów nagłówka i obrazu oraz stylów do renderowania na platformie poczty e-mail. E-maile w postaci zwykłego tekstu są po prostu zwykłym tekstem. Aby wiadomości e-mail w formacie HTML były dostępne, musisz przestrzegać tych samych wskazówek, co w przypadku witryn internetowych.
Problem z układami tabelarycznymi
Większość wiadomości e-mail w formacie HTML jest ustrukturyzowana przy użyciu znaczników tabeli, ponieważ zapewniały najbardziej spójny wygląd wiadomości e-mail wyświetlanych w wielu klientach poczty e-mail. Ale znacznik tabeli nie był właściwie przeznaczony do użycia w ten sposób; podobnie jak wiele innych technik projektowania stron internetowych, projektanci stron internetowych przejęli je do własnych celów. Stanowi to jednak problem dla użytkowników czytników ekranu, ponieważ czytnik ekranu nadal będzie odczytywał zawartość w tabelach jako pojedyncze komórki, co zapewnia rozłączne środowisko użytkownika.
Możesz to jednak obejść, dodając mały fragment kodu do kodu HTML. Po prostu dodaj rolę = „prezentacja” , aby ostrzec tych użytkowników, że są to tabele prezentacji, a nie tabela danych.
Rola prezentacji ukrywa strukturę tabeli przed czytnikami ekranu, pozostawiając nienaruszoną zawartość wewnątrz tabeli. Dla użytkownika czytnika ekranu będzie to wyglądać tak, jakby na początku nie było tabeli.
Nie bądź skąpy w swoich tagach
Tylko dlatego, że tworzysz wiadomość e-mail, nie oznacza to, że reguły dla uporządkowanego kodu wychodzą z okna. Upewnij się, że Twoje nagłówki są używane poprawnie (np. użyj H1 do tytułu, H2/H3 do podnagłówków itp.), aby każdy, niezależnie od swoich zdolności wizualnych, mógł zrozumieć istotę treści w logicznym odczytaniu zamówienie. Skorzystaj również z tagów tytułowych, aby zapewnić dodatkowy kontekst.
Tekst alternatywny też ma znaczenie!
Jeśli Twój klient poczty e-mail wymaga, aby użytkownik kliknął w celu pobrania obrazów, mogłeś doświadczyć następujących sytuacji: Otwierasz wiadomość e-mail z dużą ilością pustych kwadratów i tylko fragmentami tekstu wyjaśniającymi, co się dzieje. Gdy tylko klikniesz „Pobierz obrazy” i pojawią się wizualizacje, elementy układanki układają się na swoje miejsce, ale do tego momentu jesteś całkowicie zdezorientowany.
Niestety, będzie to codzienne (lub co godzinę) doświadczenie dla użytkowników czytników ekranu, jeśli marketerzy nie dodadzą tekstu alternatywnego do elementów wizualnych. Więc zrób im przysługę i dołącz ją do obrazów e-mail. W przypadku obrazów dekoracyjnych użyj pustego atrybutu alt.
Sprawdzone metody dostępności mobilnej
Ponieważ ludzie coraz częściej czytają wiadomości e-mail na urządzeniach mobilnych, coraz ważniejsze stało się projektowanie z uwzględnieniem tego aspektu. Dogodnie wytyczne dotyczące lepszego korzystania z urządzeń mobilnych pokrywają się z ułatwieniami dostępu. Na przykład:
- Staraj się, aby tekst był większy niż czcionka 14px – jeśli ludzie nie mogą przeczytać Twojej wiadomości na telefonie komórkowym, w ogóle jej nie przeczytają
- Zachowaj kontrast kolorów z przyjętymi wytycznymi, co ułatwi korzystanie z Twoich treści osobom o wszystkich zdolnościach wizualnych
- Unikaj akapitów wyrównanych do środka (znacznie trudniejszych do odczytania, zwłaszcza na małym urządzeniu)
- Spraw, aby tekst linku zawierał informacje i był krótki
Integracyjne doświadczenie multimedialne
Multimedia, takie jak filmy i podcasty, to świetne zasoby dla marketerów, które pomagają zwiększyć świadomość marki, generować zainteresowanie produktem i nawiązać kontakt z odbiorcami docelowymi. Dobrą wiadomością jest to, że a) łatwo jest udostępnić takie treści, a b) gdy je udostępnisz, może to poprawić wrażenia dla wszystkich.
Dostępne filmy
Osoba niedowidząca nie będzie w stanie w pełni zobaczyć, co dzieje się na ekranie, podczas gdy osoba z wadami słuchu nie będzie w stanie usłyszeć dialogów. Możesz dodać napisy, aby dostosować się do widzów niesłyszących lub niedosłyszących. YouTube automatycznie wygeneruje napisy, ale nie są one najlepszej jakości — zwykle lepiej jest zaszaleć na usłudze napisów, jeśli jest to długi film, lub ręcznie poprawić automatycznie wygenerowane napisy, jeśli są krótkie. Jedną z zalet napisów jest to, że mogą pomóc osobom, które doskonale widzą. Czy byłeś kiedyś w poczekalni lub na lotnisku i chciałbyś usłyszeć, co mówią ludzie na wyciszonym telewizorze? A może znajomy publikuje wideo w mediach społecznościowych, które marzysz o obejrzeniu, ale jesteś w miejscu publicznym bez słuchawek. Napisy rozwiązują oba te problemy i sprawiają, że treść jest dostępna dla osób z niepełnosprawnością wzroku.
Osoby niedowidzące będą mogły usłyszeć dialog, ale mogą przegapić kluczowe obszary filmu, jeśli nie ma narracji w przypadkach, w których nikt nie mówi. Tutaj przydają się opisy audio. Opisy audio to narracja tego, co dzieje się na ekranie. Obejrzyj poniższy film, aby zobaczyć przykład:
Film się nie odtwarza? Zobacz go na YouTube.
Kiedy Netflix uruchomił audiodeskrypcje, które stały się takim hitem, zdecydowali się przetestować tryb tylko dźwiękowy, który pozwoli użytkownikom zaoszczędzić na zużyciu danych podczas bingeing w podróży.
Transkrypcje treści audio
Transkrypcje są bardzo pomocne dla osób z różnymi rodzajami niepełnosprawności. Użytkownicy czytników ekranu i osoby z wadami słuchu mogą przez nie przeskakiwać bez konieczności przechodzenia przez cały film (z tej funkcji mogą również skorzystać osoby sprawne!).
Niektóre zasoby są w całości oparte na dźwięku. Na przykład podcast byłby całkowicie bezużyteczny dla kogoś, kto nie byłby w stanie go usłyszeć; dzięki transkrypcji jest dostępny. DMI udostępnia transkrypcje każdego podcastu, takiego jak ten odcinek Making Live Theater Work Online.
Najłatwiejszym sposobem dodania transkrypcji do witryny jest plik tekstowy do pobrania, a jeśli wyświetlasz również tekst na stronie, który pomoże Ci w działaniach SEO
PDF (przenośne formaty dokumentów)
Włączność nie jest jedynym powodem, dla którego powinieneś zadbać o to, aby Twój plik PDF był dostępny; jest to również korzystne dla SEO. Jeśli czytnik ekranu może go odczytać, robot indeksujący może go zindeksować, wysyłając do Google cenne sygnały dotyczące treści Twojej witryny.
Niektóre programy są lepiej przystosowane do konwersji dokumentów na dostępne pliki PDF niż inne. Firma Microsoft zwracała szczególną uwagę na dostępność, podczas gdy inne firmy obniżyły jej priorytety, co pokazuje poziom wysiłku wymaganego do tworzenia dostępnych plików PDF.
Programy Microsoft
Microsoft Word ma opcję Utwórz PDF pod nagłówkiem menu Acrobat ; spowoduje to automatyczną konwersję pliku do dostępnego pliku PDF. Możesz użyć tej samej opcji do konwertowania prezentacji PowerPoint na pliki PDF. (Pamiętaj, że zawsze powinieneś dodać tekst alternatywny do obrazów przed konwersją pliku do formatu PDF.) Przed przekształceniem plików do formatu PDF użyj natywnego narzędzia Sprawdzanie ułatwień dostępu (znajdującego się w pozycji menu Recenzja ).
Używanie Adobe Acrobat do tworzenia dostępnych plików PDF
Konwertowanie innych formatów plików na dostępne pliki PDF wymaga nieco więcej wysiłku. Na przykład pliki projektowe (takie jak te utworzone w oprogramowaniu Adobe) będą wymagać pewnej manipulacji przed i po przekształceniu pliku w plik PDF.
Adobe Acrobat Pro ma natywną funkcję sprawdzania ułatwień dostępu, która pomoże wykryć niektóre błędy, ale praca potrzebna do ukończenia procesu przy użyciu funkcji ułatwień dostępu programu Acrobat może być trudna i najlepiej pozostawić ją profesjonalistom.
Testowanie plików PDF pod kątem dostępności
Dobrze jest przetestować dostępność plików PDF za pomocą czytnika ekranu lub narzędzia takiego jak JAWS Inspect. Niezależnie od tego, co natywny moduł sprawdzania dostępności powie Ci o pliku PDF, wystawienie pliku rzeczywistemu użytkownikowi lub serwerowi proxy jest najlepszym sposobem potwierdzenia jego dostępności.
SO (optymalizacja pod kątem wyszukiwarek) i dostępność
To, co jest dobre dla SEO, jest również dobre dla dostępności. Czytniki ekranu są podobne do robotów indeksujących: oba mogą odczytywać tylko zawartość witryny, która jest im udostępniana. Oznacza to, że niedostępne pliki PDF, obrazy bez tekstu alternatywnego, multimedia bez transkrypcji itp. są skutecznie niewidoczne. Będą mogli tylko odczytać nazwę pliku. Twoja witryna może tracić niesamowite możliwości rankingu tylko z powodu niedostępnych elementów.
Istnieją inne najlepsze praktyki SEO, które są zbieżne z wytycznymi dotyczącymi ułatwień dostępu, takie jak stosowanie odpowiednich i sekwencyjnych struktur nagłówków oraz opisowego tekstu linków. Aby uzyskać więcej informacji na ten temat, zapoznaj się z naszym wpisem na blogu o tym, jak SEO pomaga w ułatwieniu dostępu i na odwrót.
Testowanie materiałów marketingowych pod kątem dostępności
Testowanie dostępności jest tak samo ważne, jak starania, aby Twoje zasoby były dostępne w pierwszej kolejności. Chociaż dążenie do ułatwienia dostępu jest godne podziwu, dopóki nie upewnisz się, że Twoje treści są rzeczywiście dostępne, stoczyłeś tylko połowę bitwy.
Co więcej, testowanie i dokumentowanie wyników będzie korzystne dla Twojej firmy, jeśli kiedykolwiek staniesz się celem procesu sądowego i pomoże Ci zidentyfikować trendy w celu powstrzymania problemów z dostępnością u źródła.
Możesz sprawdzić stronę TGPi, aby uzyskać szczegółowe informacje na temat ich narzędzi testowych.