Cum să faci e-mail pentru toată lumea în 3 pași simpli: înregistrare webinar + întrebări și răspunsuri

Accesibilitatea e-mailului a fost votată drept una dintre cele mai populare tendințe de design de e-mail din 2019 și este acum o prioritate pentru majoritatea mărcilor. Dar este și adevărat că mulți specialiști în marketing nu știu cum să înceapă să își facă e-mailurile mai incluzive.

Implementarea celor mai bune practici de accesibilitate este mai ușoară decât credeți. În acest webinar, experții în accesibilitate de la Litmus, Jason Rodriguez și Alice Li, parcurg statisticile și cercetările care demonstrează că merită investiția în accesibilitate și împărtășesc cei 3 pași pe care va trebui să-i faceți pentru a crea un e-mail mai bun pentru toată lumea.

Nu ați avut ocazia să urmăriți webinarul în direct? Nu-ți face griji. Puteți accesa oricând înregistrarea completă și puteți citi întrebările și răspunsurile de mai jos.

Întrebări și răspunsuri

Mulțumim tuturor celor care au intervenit în timpul webinarului cu o întrebare! Iată o recapitulare a răspunsurilor noastre la cele mai populare întrebări, împreună cu părerea noastră asupra unora dintre întrebările la care nu am ajuns în timpul webinarului live. Aveți întrebări suplimentare? Vă rugăm să le lăsați în comentarii.

Cum țineți cont de limitările cognitive?

Bettina : Există o mulțime de tipuri diferite de dizabilități cognitive, de la dificultăți de memorare a lucrurilor sau de a acorda atenție dislexiei sau autismului. Fiecare dintre aceste condiții este unică, dar urmați sfaturile din secțiunea de copywriting și design a acestui webinar vă va ajuta să vă faceți e-mailurile mai accesibile persoanelor cu limitări cognitive. De exemplu, păstrați copia de e-mail clară și concisă și evitați utilizarea cuvintelor dificile sau a jargonului. Păstrați-vă layout-urile simple și dezvoltați o ierarhie vizuală clară care facilitează scanarea e-mail-ului abonaților dvs. și să înțeleagă rapid ce este important (și ce nu).

Care este cel mai folosit cititor de ecran? Cum testezi pentru asta?

Alice: Cele mai populare două cititoare de ecran sunt NVDA și JAWS . NVDA este un instrument gratuit, open-source, dezvoltat de NV Access — sunt o organizație uimitoare care își dedică munca pentru a face tehnologia mai accesibilă pentru persoanele cu deficiențe de vedere. JAWS este un instrument popular de citire a ecranului, bazat pe abonament.

Dacă nu doriți să instalați software pentru a înțelege cum ar suna e-mailul dvs. pe un cititor de ecran, puteți utiliza Litmus pentru asta! Am integrat recent NVDA în Litmus, astfel încât acum puteți asculta o previzualizare audio a e-mailului dvs. chiar în Litmus Checklist. Aflați mai multe .

În plus, toate sistemele de operare moderne oferă un anumit tip de suport nativ pentru citirea ecranului. Pe Mac, de exemplu, acesta este VoiceOver .

Care sunt unele mărci care fac o treabă grozavă optimizându-și e-mailurile pentru accesibilitate? Mi-ar plăcea puțină inspirație!

Jason : Unul dintre preferatele mele este deque . Ei fac multe cursuri de accesibilitate, au un blog uimitor și e-mailuri grozave! E-mailurile lor nu respectă doar cele mai bune practici de accesibilitate, ci oferă și conținut grozav care vă ajută să aflați despre acest subiect. Ar trebui să vă înscrieți pentru buletinul lor informativ !

Cu riscul de a suna vanitos, am fost foarte impresionat de munca pe care Alice și echipa de e-mail au făcut-o în buletinul informativ Litmus . Nu numai că este frumos proiectat, dar au depus multă muncă pentru a-l face accesibil pe baza celor mai bune practici discutate în Ghidul final pentru accesibilitatea prin e-mail.

Aveți o perspectivă asupra modului în care instrumente precum „Alexa” sau „Siri” diferă de alte cititoare de ecran? Sau caracteristica „citește cu voce tare” a Outlook?

Jason : Într-un episod recent al podcast-ului Delivering, m-am aprofundat în asistenții vocali. Am descoperit că Alexa este singurul care vă citește cu adevărat e-mailul, dar va citi doar textul HTML, ignorând orice atribute alt, tabele sau orice alte elemente HTML. Este diferit de modul în care un cititor de ecran ar gestiona e-mailul. Asistenții vocali sunt orientați spre comoditate, nu neapărat către accesibilitate, așa că nu funcționează la fel ca un cititor de ecran complet, cum face NVDA, de exemplu. În multe cazuri, mai aveți nevoie de telefon sau laptop pentru a naviga prin conținut, asistentul vocal vă sprijină doar. Pentru o descriere completă a modului în care Alexa, Google Home, Siri și Cortana gestionează e-mailul, conectați-vă la acest episod podcast.  

Ce zici de GIF-urile animate? Le folosesti sau nu? Cauza ele probleme cititorilor?

Alice : Le poți folosi, dar ai grijă cum. Animațiile pot declanșa crize epileptice fotosensibile, așa că nu veți dori niciodată să includeți un GIF prea șocant sau intermitent. De asemenea, nu doriți să includeți informații cruciale, cum ar fi copia, în GIF-urile dvs. Copiile ascunse în GIF-ul dvs. nu sunt accesibile cititorilor de ecran și nu se vor afișa în clienții de e-mail unde imaginile sunt dezactivate, astfel încât riscați să pierdeți părți esențiale ale mesajelor dvs.

Unde pot găsi exemple de șabloane de e-mail accesibile?

Jason : Există atât de multe șabloane gratuite, dar nu multe dintre ele sunt optimizate având în vedere accesibilitatea! De aceea, am creat recent patru șabloane noi care urmează cele mai bune practici de accesibilitate – și sunt disponibile pentru dvs. gratuit în Comunitatea Litmus . Consultați șabloanele noastre dacă doriți să construiți...

• Buletine informative accesibile
• Note personale accesibile
• E-mailuri tranzacționale accesibile
• Anunțuri accesibile despre produse

Cum afectează utilizarea emoji-urilor accesibilitatea?

Jason: Deși majoritatea cititorilor de ecran înțeleg emoji-urile și le pot citi, s-ar putea să nu fie experiența optimă pentru utilizatori. Să ascultăm NVDA citind acest exemplu de subiect cu un emoji:

Cea mai mare vânzare a anului

Puteți auzi cât de neconjuns sună un emoji lângă text. Deși emoji-urile sunt obișnuite acum, iar utilizatorii de tehnologie de asistență sunt probabil obișnuiți să le audă, în funcție de emoji, acesta poate suna în continuare ciudat. Ca orice alt element sau copie dintr-un e-mail, cel mai bun mod de a vedea dacă funcționează sau nu este să-l testați și să ascultați e-mailul dvs. folosind un instrument precum NVDA sau Litmus Accessibility Checker.

Trebuie să aplic și „rol=prezentare” DIV-urilor?

Alice : Nu! role=”prezentare” are doar scopul de a le spune cititorilor de ecran să ignore semnificația semantică a etichetelor, așa că tabelele au nevoie de ele, deoarece datele tabulare, cum ar fi graficele, necesită toate informațiile despre coloane și rânduri pentru ca oamenii să le navigheze și să le înțeleagă corect. În e-mail, dezvoltatorii se bazează adesea pe tabele pentru prezentare în loc de datele tabulare, motiv pentru care tabelele necesită acest lucru. DIV-urile, pe de altă parte, nu au un sens semantic care ar trebui să fie înlocuit pentru cititorii de ecran.

Pentru clienții care insistă să folosească e-mailuri bazate pe imagini, există cele mai bune practici pe care ar trebui să le respectăm?

Bettina : Acesta este unul greu! Există nenumărate motive pentru care trimiterea de e-mailuri cu toate imaginile este o idee oribilă. Deci, ca prim pas, fă tot ce poți pentru a-ți convinge clientul că această abordare vine cu o experiență de abonat oribilă. Postarea noastră de blog despre De ce nu ar trebui să trimiteți e-mailuri numai cu imagini conține o mulțime de informații și sfaturi care vă vor ajuta să vă prezentați cazul.

Dacă nu există nicio modalitate de a-ți aduce clientul pe drumul cel bun, atunci tot ce poți face este să-ți optimizezi vizualizarea dezactivată a imaginii cu text ALT ( puți chiar să stilezi acel text ALT ) și să folosești butoane fără marcaj, astfel încât cel puțin CTA-urile tale. încă mai funcționează când imaginile sunt dezactivate.

Utilizarea fonturilor web afectează accesibilitatea?

Alice : Din punct de vedere al codului, nu ar trebui. Din punct de vedere al designului, înseamnă că ar trebui să vă asigurați întotdeauna că atât fontul web, cât și back-ul de siguranță pentru web îndeplinesc standardele de raport de contrast pentru a fi lizibile. De exemplu, dacă fontul dvs. web este mai gros decât alternativ, asigurați-vă că acesta trece și scorurile raportului de contrast, deoarece alternativa este ceea ce utilizatorii, de exemplu, Gmail, ar putea vedea în schimb.

Singura modificare pe care nu am făcut-o în șablonul nostru de cod este folosirea elementului semantic pentru titluri sau paragrafe. În prezent stilizăm celula tabelului pentru text. Ce probleme poate prezenta aceasta pentru accesibilitate?

Alice : Presupun că tabelul care împachetează textul are deja rolul setat la „prezentare” sau „niciuna” pentru a reduce orice zgomot inutil de cititor de ecran. Deci, în afară de această problemă, neutilizarea corectă a etichetelor de titlu/paragraf ar prezenta o problemă de navigare pentru dispozitivele de asistență, deoarece unele tehnologii permit utilizatorilor să sară de la titlu la titlu (și paragrafele aferente acestuia) ca și cum ar fi un cuprins.

Caracterele speciale, cum ar fi apostrofe ondulate, ghilimele, ampersand etc., pot fi citite de cititoarele de ecran?

Alice : Depinde. Ampersand sunt adesea citite ca „și”. Ghilimelele și apostrofele ondulate sunt ignorate ca și cum ar putea cineva să nu le pronunțe în timp ce citește ceva cu voce tare. Alte caractere speciale sunt considerate de la caz la caz, cum ar fi punctele marcatoare sunt citite ca „marcatoare”. În general, aș recomanda să testați întotdeauna pentru a fi sigur.

Aveți sugestii despre formatarea textului numai pentru accesibilitate? Folosesc mai multe pauze „=" sau „-” între secțiuni. Cum sunt tratate acestea?

Alice : liniuțele și liniuțele de subliniere nu au tendința de a fi citite, așa că sunt în regulă. Cu toate acestea, cititorii de ecran vor citi semnul „egal”, așa că aș recomanda să-l evitați.