Accesibilitatea digitală pentru marketeri Partea 2: Experiența utilizatorului și site-uri web
Publicat: 2022-06-16În prima postare din această serie despre accesibilitatea digitală, am atins „ce și de ce” ale accesibilității pentru marketeri. Acum este timpul pentru „cum”.
Rețineți că ne-am limitat în mod intenționat recomandările la acele elemente care sunt destul de ușor de implementat și sunt relevante pentru marketeri. Această serie nu este în niciun caz o listă cuprinzătoare a tuturor standardelor de care companiile trebuie să fie conștiente atunci când vine vorba de conținut accesibil. Dacă doriți să aflați detaliile regulilor de accesibilitate și criteriile WCAG, consultați programul de e-learning TGPi. Este o opțiune pe care o puteți folosi pentru a vă menține abilitățile proaspete sau pentru a fi la curent cu tehnicile de accesibilitate și cele mai bune practici.
Să trecem la recomandări!
Accesibilitate și experiență utilizator
O experiență de utilizator fluidă și fără efort este North Star pentru fiecare agent de marketing. Ușurința cu care un individ poate îndeplini o sarcină critică și cât de bine conținutul îndeplinește așteptările au o influență puternică asupra ei și va face sau distruge eforturile dvs. de marketing.
Are sens, nu? Dacă doriți să cumpărați ceva online și întâmpinați o problemă în încercarea de a introduce informațiile cardului dvs. de credit sau articolul dorit este epuizat, calitatea experienței dvs. de utilizator va scădea. În primul rând, pentru că nu ai reușit să realizezi ceea ce ți-ai propus și, în al doilea rând, pentru că te așteptai să reușești, dar asta nu era în cărți. Acest dublu zgomot s-ar asigura aproape sigur că nu te vei întoarce pe acel site web!
În calitate de agent de marketing, sunteți bine adaptat la importanța unei experiențe superioare de utilizator. S-ar putea chiar să îl testați (bine pentru dvs.!) sau să aveți analitice pentru a o măsura. Aceste măsuri sunt esențiale pentru optimizarea canalului de marketing. Cu toate acestea, ceea ce este posibil să nu faceți este să testați experiența utilizatorului pentru accesibilitate. (Dacă nu ești, nicio judecată! Asta intenționează să schimbe această serie de postări.)
Călătoriile utilizatorului
O călătorie a utilizatorului (cunoscută și ca flux de utilizator sau cale de utilizator) este o secvență de acțiuni pe care un utilizator le face pe site-ul dvs. O călătorie critică a utilizatorului se aliniază cu obiectivul principal al site-ului dvs., cum ar fi finalizarea unei achiziții, trimiterea unui formular, vizionarea unui videoclip, citirea unei postări etc.
Ar trebui să acordați întotdeauna prioritate remedierii accesibilității pentru călătoriile tale esențiale ale utilizatorilor din mai multe motive.
În primul rând, deși este posibil să aveți conținut uimitor pe site-ul dvs., dacă un utilizator nu își poate îndeplini obiectivul principal de a vă vizita site-ul, acesta este un client pe care l-ați pierdut pentru totdeauna.
În al doilea rând, mulți oameni cu dizabilități sunt, din păcate, obișnuiți să întâmpine provocări atunci când fac lucruri pe care ceilalți le consideră de la sine înțelese. În general, se așteaptă la ei, deoarece o mare parte din lume nu a fost creată având în vedere dizabilitățile lor specifice.
În medie, preocupările minore de accesibilitate privind conținutul tangenţial nu sunt de natură să le frustreze până la punctul de a iniția acțiuni în justiție. Dar dacă nu sunt capabili să facă singurul lucru pe care au ajuns să-l realizeze pe site-ul dvs., vă deschideți la un mare risc legal, mai ales dacă sunteți un brand din SUA.
Testarea căilor critice ale utilizatorilor
Deci, cum vă testați fluxurile critice de utilizatori pentru accesibilitate? Dacă optați pentru ruta manuală, puteți efectua teste de utilizator cu persoane cu dizabilități sau puteți inspecta codul pentru fiecare pas folosind un instrument precum ARC Toolkit al TPGi (mai multe despre asta mai târziu) pentru a identifica eșecurile WCAG.
În timp ce testarea manuală este în cele din urmă mai cuprinzătoare, dacă doriți să identificați imediat erorile de accesibilitate în căile dvs. critice ale utilizatorului, puteți utiliza caracteristica Fluxuri de utilizatori a ARC Monitoring pentru a scana automat fiecare componentă pentru accesibilitate. Puteți include toate componentele și interacțiunile dinamice ale călătoriei utilizatorului, de la imagini la casete de dialog, pentru scanare și veți putea urmări erorile în timp pentru a vă îmbunătăți procesele interne de remediere.
Puteți asocia informațiile pe care le obțineți din Monitorizarea fluxurilor de utilizatori de la ARC cu celelalte instrumente de analiză, cum ar fi Canalul și Obiectivele Google Analytics, pentru a identifica barierele care îi împiedică pe utilizatori să finalizeze acțiunea dorită.
Site-uri web accesibile
Un site web este magazinul sau biroul digital al afacerii tale. Poate fi prima (sau singura) impresie pe care un potențial client o are despre compania dvs., așa că veți dori să o faceți cât mai atrăgătoare posibil. Poate aveți câteva videoclipuri sau o mulțime de imagini pentru a sparge monotonia sau pagini pe pagini cu conținut valoros de blog. Toate acestea sunt active extraordinare pe care marketerii le pot folosi pentru a convinge oamenii să-și cumpere produsele.
Asigurarea că tot acest conținut este accesibil poate părea descurajantă, dar multe dintre cele mai bune practici pentru conținut accesibil nu se pot distinge de cele mai bune practici de marketing. Citiți mai departe pentru a afla mai multe:
Text link descriptiv
Fiecare expert în marketing știe că claritatea este esențială pentru o comunicare excelentă. Dacă îți înfrumusețezi exemplarul cu cuvinte pufoase și care sună important (dar în cele din urmă fără sens), mesajul tău se va pierde. În același mod, dacă sunteți prea crunt cu explicațiile dvs., este posibil ca un client să nu aibă suficiente informații pentru a înțelege ceea ce îi spuneți.
Conținutul de înaltă calitate reprezintă un echilibru între aceste două extreme și, fără a fi surprinzător, linkul sau textul de ancorare urmează aceleași reguli. Cel mai bun text de link oferă utilizatorului o idee despre ce să se aștepte după ce face clic. Textul link-ului descriptiv este deosebit de esențial pentru copia dvs. de îndemn. Ce pregătește mai bine utilizatorul cu privire la ceea ce va întâlni când va face clic pe: „Faceți clic aici” sau „Descărcați documentul nostru alb”? Evident, acesta din urmă! (Dacă ați ales-o pe prima, poate doriți să luați în considerare o nouă cale de carieră.)
Nu este nevoie să vă consacrați CTA cu cuvinte înțelese („Descărcați cea mai mare carte albă din lume despre magia lui Harry Houdini!”), dar este esențial ca oamenii să știe în ce se bagă.
De ce este atât de important textul linkului pentru accesibilitate? În primul rând, îi ajută foarte mult pe oamenii orbi sau pe cei cu vedere slabă cu accesarea conținutului paginii. (Acest lucru este valabil și pentru persoanele cu vedere perfectă.) Utilizatorii cu deficiențe de vedere folosesc o serie de tehnologii de asistență pentru a accesa conținut digital, cum ar fi instrumente de mărire a ecranului pentru persoanele cu vedere slabă și cititoare de ecran pentru persoanele nevăzătoare. După cum sugerează și numele, un cititor de ecran citește literalmente ceea ce este pe ecran.
Cu toate acestea, cititoarele de ecran precum JAWS permit utilizatorilor să sară peste tot în jurul ecranului, citind diferite componente în loc să parcurgă tot HTML de sus în jos. Când un utilizator trece de la componentă la componentă, cititorul de ecran citește doar textul ancora pentru linkuri, nu copia din jur. Asta înseamnă că dacă toate linkurile tale sunt aceeași copie „clic aici”, un utilizator de cititor de ecran nu va avea idee ce se va întâmpla dacă urmează acel link; sunt forțați să exploreze conținutul din jur pentru a înțelege la ce se referă acel link.
Mai mult, cititoarele de ecran permit utilizatorilor să deschidă o „listă de linkuri”, care le oferă acces rapid la toate linkurile de pe o pagină web. Acesta este un scenariu obișnuit în care textul linkului va fi citit din contextul înconjurător și în care lucruri precum „dați clic aici” devin o problemă reală.
Alt text pentru imagini
Text alternativ, sau „text alternativ”, descrie imaginile site-ului dvs., astfel încât un utilizator de cititor de ecran să poată avea o idee mai cuprinzătoare despre conținutul fiecărei pagini web. Dacă ați ales imagini care funcționează ca o explicație vizuală, persoanele care nu le pot vedea vor fi pierdute dacă renunțați la textul alternativ.
Cu toate acestea, dacă ați inclus imagini din motive pur estetice (poate că vă plac cu adevărat imaginile cu oameni aplecați peste computere) și aveți mai multe dintre ele, este posibil să nu doriți să adăugați text alternativ pentru toate. Cititoarele de ecran vor citi tot textul alternativ pentru fiecare imagine, care, dacă textul nu adaugă în mod activ valoare experienței, poate fi enervant. Dacă o imagine poate fi considerată decorativă și nu adaugă nicio semnificație/înțelegere suplimentară a conținutului paginii, atunci ar trebui să fie ascunsă tehnologiei de asistență prin furnizarea unui atribut alt gol.
Site-uri web bine structurate
Utilizați etichetele de titlu în mod corespunzător, astfel încât atât cititorii cu deficiențe de vedere, cât și cei nedeficienți să poată parcurge pagina și să înțeleagă de bază conținutul și să îl navigheze cu ușurință. Urmați cele mai bune practici pentru anteturi, cum ar fi începerea fiecărei pagini cu un H1 care descrie conținutul paginii, apoi folosirea H2 și H3 ca subtitluri. Utilizați etichetele de titlu în mod intenționat; nu le eșalonați la întâmplare fără să vă gândiți la structură.
Deși puteți diferenția titlurile prin mijloace vizuale prin stilul CSS, utilizatorii de cititoare de ecran nu au luxul de a vedea aceste distincții. Este deosebit de esențial să utilizați aspecte de pagină bine formatate pentru a vă asigura că utilizatorii cu dificultăți de vedere pot consuma cu ușurință conținutul dvs.
Păstrați paragrafele dense la minimum, folosiți propoziții mai scurte când puteți și evitați să folosiți jargonul sau argoul. O copie mai clară și mai concisă va ajuta utilizatorii cu deficiențe cognitive să vă înțeleagă mai bine conținutul și, de asemenea, va ajuta la minimizarea confuziei pentru toți cititorii.
Poate ați auzit că atenția oamenilor este acum mai scurtă decât cea a unui pește de aur? Când aveți îndoieli, descompuneți-l; faceți-l cât mai simplu posibil.
Rapoarte de contrast de culoare
Să sperăm că ghidul de stil al organizației tale nu a fost conceput de Moș Crăciun, deoarece folosirea roșului și a verdelui pentru culori complementare nu le va face utilizatorilor nicio favoare. Contrastul de culoare este un element esențial al designului accesibil. Persoanelor cu vedere slabă le este greu să diferențieze culorile prea asemănătoare, iar pentru utilizatorii daltonici, multe culori nu se pot distinge.
Puteți încerca instrumentul gratuit Color Contrast Analyzer de la TGPi, care va elimina ghiciurile în determinarea unor rapoarte suficiente de culoare. Utilizați selectorul de culori pentru a alege culorile de prim plan și de fundal, iar CCA vă va spune dacă contrastul este adecvat.
Formulare accesibile
Practic, fiecare site folosește un formular pentru a permite utilizatorilor să finalizeze o sarcină. Indiferent dacă afacerea dvs. este comerț electronic, bazată pe servicii sau chiar doar o vitrină online, cel mai probabil va include un formular. Cu toate acestea, formularele pot fi dificile pentru persoanele cu dizabilități. Există mai multe considerații tehnice (a se citi: cele pe care dezvoltatorii trebuie să le implementeze), precum și non-tehnice, pe care agenții de marketing fără cunoștințe de codificare le pot urma cu ușurință. Iată cele mai bune practici non-tehnice:
- Păstrați formularele scurte și simple - Obțineți informații de contact ale clienților și apoi construiți o relație pentru a-i implica și pentru a obține mai multe cunoștințe suplimentare
- Furnizați instrucțiuni clare și etichete vizibile – Nimănui nu îi place un formular confuz
- Validați intrările (anulați modificările/confirmați) - Notificați utilizatorii cu privire la orice probleme și cum să le remediați
- Notificare utilizator (succes/eșec) – Informați utilizatorii dacă trimiterea formularului a avut succes sau nu
- Adoptă mai multe pagini sau progresivă – Dacă trebuie să ai o formă mai complicată, țintește-te spre o formă cu mai multe pagini sau progresivă care să nu copleșească utilizatorii
- Eliminați limitele de timp sau oferiți opțiuni - Limitele de timp pot fi utile pentru a-i constrânge pe cumpărători să cumpere, dar adaugă stres nejustificat persoanelor cu probleme severe de anxietate
Firimituri de pâine
Breadcrumb-urile sunt o formă de navigare pe site-ul dvs. care vă permite să vedeți cum se încadrează pagina pe care o navigați în prezent în imaginea mai mare. Sunt de obicei link-uri care duc la pagini de nivel superior.
Un exemplu de traseu pe un site de comerț electronic care vinde îmbrăcăminte ar putea fi
Femei > Jachete > Lână > Paltoane.
Breadcrumb-urile sunt utile pentru găsirea drumului și permit utilizatorilor să navigheze cu ușurință înapoi la paginile de nivel superior fără a-și începe călătoria de la zero.
Ele sunt deosebit de critice pentru persoanele cu dizabilități din mai multe motive. În primul rând, utilizatorii cu dizabilități cognitive vor beneficia întotdeauna de o experiență ușor de utilizat, care minimizează ambiguitatea. Pesmeturile sunt deosebit de critice dacă site-ul dvs. este extins și complicat. Breadcrumb-urile orientează imediat utilizatorii cititorului de ecran, făcând navigarea pe site mai puțin dificilă.
Deși breadcrumb-urile sunt în mod clar utile pentru utilizatorii cu dizabilități, la fel ca multe dintre cele mai bune practici de accesibilitate, ele îmbunătățesc experiența pentru toți utilizatorii.
Chatbot și integrări terțe
Multe site-uri web folosesc integrări de la terți pentru site-urile lor web, cum ar fi chatbot-uri, modal pop-up, pagini de destinație dinamice etc. Este o realitate nefericită că software-ul terților este adesea inaccesibil, o situație agravată de incapacitatea unei companii de a-l remedia.
Dacă organizația dvs. alege să integreze o aplicație terță parte pe site-ul dvs. web, asigurați-vă că solicitați un expert să o evalueze înainte de a o adăuga. Deși este posibil să nu puteți reconcilia multe dintre eșecurile de accesibilitate, veți înțelege cel puțin nivelul de risc pe care îl asumați. De asemenea, puteți solicita o declarație de accesibilitate sau o garanție de la furnizor pentru a integra un contract (deși ar trebui să testați produsul pentru a verifica acuratețea acestuia înainte de implementare).
Ca o notă secundară, întrebați întotdeauna furnizorii dvs. despre accesibilitatea produselor lor. Cu cât sunt mai mulți clienți care solicită produse accesibile, cu atât sunt mai mari șansele furnizorilor să asculte și să înceapă să încorporeze caracteristici de accesibilitate în versiunile lor de produse.