Cum să faceți experiențele dvs. post-clic accesibile tuturor, respectând standardele de conformitate ADA și WCAG

Când creați pagini de destinație după clic, câți agenți de publicitate se gândesc la accesibilitatea web?

Dacă este prima dată când vă gândiți la accesibilitate, este posibil să pierdeți deja conversiile. Faptul este că unul din cinci utilizatori online necesită cazare pentru a utiliza o pagină web. Aceste statistici de la CDC și Fundația Epilepsie subliniază necesitatea ca paginile de destinație după clic să fie accesibile tuturor:

Asigurarea faptului că paginile dvs. post-clic respectă ADA și WCAG este modalitatea de a asigura accesibilitatea tuturor.

În postarea de astăzi, explorăm ce presupun conformitatea ADA și WCAG și de ce este important pentru agenții de publicitate să implementeze aceste standarde de accesibilitate pe paginile lor.

Ce presupune conformitatea ADA online?

Legea americanilor cu dizabilități (ADA) a fost instituită în 1990 într-un efort de a pune capăt discriminării bazate pe abilități diferite. Cerințele specifice pentru respectarea conformității tind să fie puțin vagi și confuze, deoarece ADA nu abordează în mod explicit conformitatea online.

Cu toate acestea, se pot consulta cele mai cuprinzătoare linii directoare pentru construirea și întreținerea site-urilor web accesibile pentru orientare - Ghidul de accesibilitate a conținutului web (WCAG), publicat de W3C.

Ce este WCAG?

WCAG sunt linii directoare care asigură accesibilitatea fiecărei pagini web a persoanelor cu o gamă diversă de capacități auditive, de mișcare, de vedere și cognitive.

Accesibilitatea web include crearea de site-uri web, instrumente și tehnologii, astfel încât persoanele cu dizabilități să le poată utiliza. Mai precis, vizitatorii pot percepe, înțelege, naviga și interacționa cu o pagină și pot contribui la aceasta.

WCAG are trei versiuni:

• WCAG 1.0 a fost elaborat în 1999
• WCAG 2.0 a fost publicat în 2008
• WCAG 2.1 a fost creat în iunie 2018

Versiunea 2.1 include 17 noi criterii de succes (mai multe despre cele de mai jos) dintre care problemele de accesibilitate sunt clasificate în patru grupuri distincte în conformitate cu orientările WCAG. Aceste probleme pot fi rezumate cu acronimul POUR:

• Perceptibil: Toți utilizatorii pot percepe conținutul de pe pagină?
• Operabil: Toți utilizatorii pot interacționa cu pagina?
• De înțeles: toți utilizatorii pot înțelege conținutul de pe pagină?
• Robust: Conținutul poate fi interpretat de o mare varietate de programe și dispozitive, inclusiv cititoare de ecran?

Orientările WCAG descompun problemele și recomandările de accesibilitate în trei niveluri:

• Nivelul A: Acesta este cel mai urgent nivel și include probleme care pot limita sever capacitatea unui vizitator cu handicap de a naviga sau utiliza pagina.
• Nivelul AA: Nivelul este considerat standard pentru majoritatea site-urilor comerciale. Se adresează domeniilor în care este necesară îmbunătățirea pentru a oferi utilizatorilor cu dizabilități experiența completă a unei pagini web.
• Nivelul AAA: Acesta este cel mai înalt standard, include reglarea fină a problemelor pe care le abordează atât nivelul A, cât și AAA. Cu toate acestea, conformitatea AAA este probabil dincolo de acoperirea majorității paginilor web.

Cum puteți face paginile de destinație post-clic accesibile

Iată nouă modalități prin care vă puteți asigura că paginile dvs. post-clic respectă standardele de accesibilitate:

1. Asigurați-vă că tastatura paginii este prietenoasă: vizitatorii ar trebui să poată naviga în pagina dvs. post-clic chiar dacă nu au mouse, folosind doar tasta „Tab” a tastaturii. Acest lucru ajută publicul care utilizează tehnologii de asistență să navigheze și să deruleze pagina și să facă clic pe butonul CTA.

2. Faceți accesibil întregul conținut: Multe pagini post-clic folosesc conținut dinamic - conținut care se modifică pe baza etichetelor prestabilite. Aceasta poate deveni o problemă dacă pagina nu informează instrumentele de asistență asupra modificării, deoarece mulți cititori de ecran vor „citi” doar conținutul paginii așa cum apare la prima încărcare. Când utilizați conținut dinamic, asigurați-vă că etichetați conținutul dinamic ca regiune live, acest lucru permite cititorilor de ecran și dispozitivelor similare să înțeleagă conținutul pe măsură ce se schimbă.

3. Includeți text alternativ cu toate imaginile: adăugarea de text alternativ la imagini garantează că textul apare ca înlocuitor pentru imagine dacă nu se încarcă, descriind și oferind context despre imagine.

4. Adăugați contrast la pagină: acesta este un pas necesar pentru a vă asigura că copiați și toate elementele paginii ies în evidență din fundal și sunt vizibile pentru utilizatorii cu dizabilități vizuale. În mod ideal, ar trebui să setați o culoare închisă pe una deschisă, asigurându-vă că acestea nu se îmbină între ele:

5. Folosiți anteturi pentru a structura conținutul: H1, H2 și H3 vă ajută să vă structurați copia și să facilitați interpretarea utilizatorilor.

6. Etichetați câmpurile formularului: confirmați că fiecare câmp formular din pagina dvs. este etichetat în mod clar, deoarece acest lucru permite unui utilizator cu un cititor de ecran să înțeleagă cum poate completa formularul. Pagina Amplitude conține câmpuri de formular etichetate:

7. Creați pagini receptive: paginile receptive reformatează și restructurează pe orice dispozitiv, indiferent de dimensiunea ecranului. Paginile variază de la ecrane mai mici de telefoane mobile, tablete și laptopuri mici, până la ecranul standard pentru desktop și monitoare panoramice chiar mai mari - totul oferind în același timp flexibilitate și o mare utilizare pentru utilizatorii de pe toate dispozitivele.

8. Evitați redarea automată a conținutului media și a glisoarelor: redarea automată a videoclipurilor poate frustra utilizatorii care folosesc cititoare de ecran, deoarece poate fi dificil să le dezactivați sau să le întrerupeți. În mod similar, glisoarele și caruselele pot determina utilizatorii să aibă probleme cu înțelegerea.

9. Creați o copie accesibilă: stați departe de acronime și jargonul tehnic, astfel încât toți utilizatorii să înțeleagă ceea ce oferiți.

Cum puteți verifica dacă pagina dvs. este compatibilă ADA și WCAG

Multe resurse online vă permit să verificați dacă pagina dvs. este conformă. Tot ce este necesar este să introduceți adresa URL și adresa dvs. de e-mail.

Biroul de accesibilitate la internet

BOIA permite agenților de publicitate să verifice dacă paginile lor sunt conforme cu standardele de accesibilitate:

AudioEye

AudioEye scanează pagina dvs. gratuit și vede cum se măsoară în ceea ce privește accesibilitatea:

Siteimprove

Siteimprove verifică accesibilitatea paginii dvs. și oferă teste automate care respectă standardele WCAG:

De asemenea, puteți descărca următoarele extensii Chrome pentru a verifica accesibilitatea.

Instrument de evaluare a valurilor

Instrumentul de evaluare Wave oferă feedback vizual despre accesibilitatea conținutului dvs. web prin injectarea de pictograme și indicatori în pagina dvs. Facilitează evaluarea umană și educă despre problemele de accesibilitate. Instrumentul oferă detalii despre o serie de probleme, elemente structurale, erori de contrast, alerte și text alternativ:

UserWay

Agenții de publicitate pot descărca widgetul UserWay pentru a evalua soluțiile de accesibilitate a paginii fără a refactura codul existent - asigurând un cadru cuprinzător de conformitate juridică și de reglementare care acoperă ADA, secțiunea 508 și WCAG 2.1 AA.

Widgetul este disponibil pentru toate platformele CMS de top, precum și pentru site-urile HTML / CSS / JS. Instrumentul oferă caracteristici critice de accesibilitate și o selecție largă de funcții pe care utilizatorii le pot combina și potrivi pentru a-și satisface nevoile individuale de accesibilitate:

Round Table Pizza are widgetul UserWay pentru a asigura accesibilitatea. Mai întâi, cu linia ghid de citire, apoi inversând culorile de pe ecran:

ChromeVox

ChromeVox este un cititor de ecran care aduce viteza, simplitatea și securitatea Chromebookurilor utilizatorilor cu deficiențe de vedere. ChromeVox este preinstalat pe Chromebookuri, dar poate fi descărcat ca o extensie.

Extensia evidențiază fiecare secțiune de pagină și o citește cu voce tare pentru utilizator:

Ce puteți face în Instapage pentru a respecta conformitatea

Instapage recomandă și facilitează tuturor utilizatorilor să respecte standardele de accesibilitate a site-ului web și să creeze pagini adaptate tuturor publicurilor. Aceasta include:

• Oferind utilizatorilor o modalitate simplă de a adăuga text alternativ la toate imaginile din pagină
• Accesibilitatea tastaturii paginilor
• Permițând cititorilor de ecran să recunoască toate intrările formularului și să trimită butonul
• Adăugarea de etichete HTML adecvate
• Adăugarea atributului de limbă la pagini prin trimiterea unei cereri către echipa de asistență

Stabilirea limbajului unei pagini cu atributul lang este o cerință a WCAG și, prin aceasta, beneficiază utilizatorul în două moduri:

1. permite serviciilor de traducere precum Google Chrome să funcționeze corect
2. atributul le spune cititorilor de ecran cum să pronunțe corect conținutul paginii

Faceți paginile post-clic accesibile tuturor

Pentru a garanta că toți utilizatorii care vizitează paginile dvs. post-clic au șanse egale de conversie, este important ca paginile să fie accesibile tuturor.

Pentru a explora mai multe despre crearea paginilor de destinație accesibile, personalizate după clic, la scară largă, solicitați astăzi o demonstrație Instapage Enterprise.