Cum să faci site-urile WordPress accesibile

Această postare a fost invitată scrisă de Amber Hinds, CEO al Equalize Digital, o corporație certificată B specializată în accesibilitatea WordPress. Dacă doriți să aflați mai multe despre Equalize Digital și serviciile sale, vizitați site-ul web al companiei.

Milioane de oameni din întreaga lume au o dizabilitate care afectează modul în care folosesc internetul, iar după o pandemie care a crescut nevoia de a face cumpărături online ușoare, de a comanda alimente și chiar de servicii de îngrijire medicală la distanță, accesibilitatea web este mai importantă ca niciodată.

Acest ghid pentru accesibilitatea web discută ce este accesibilitatea, de ce este importantă și cum să faci site-urile WordPress accesibile, inclusiv identificarea problemelor comune prin testare.

În acest articol, voi acoperi:

• Ce este accesibilitatea web?
• De ce este importantă accesibilitatea
• Care sunt unele probleme comune de accesibilitate?
• Testarea site-urilor web WordPress pentru accesibilitate
• Păstrarea unui site web accesibil

Ce este accesibilitatea web?

Mai simplu spus, site-urile web accesibile sunt site-uri web care pot fi utilizate de toți oamenii, inclusiv de persoanele care nu interacționează cu web-ul printr-o configurație tipică pentru tastatură și mouse și cei care au o varietate de diferențe intelectuale sau fizice.

Caracteristicile specifice trebuie să fie integrate în site-urile web pentru a le face utilizabile și ușor de înțeles pentru persoanele cu dizabilități. Dificultățile auditive, vizuale, cognitive, motorii sau de învățare necesită acomodare și modificări ale site-ului web pentru a le face utilizabile. În funcție de situația lor, persoanele cu dizabilități folosesc diverse dispozitive de asistență, cum ar fi cititoare de ecran, pentru a accesa site-urile web.

Designerii și dezvoltatorii web trebuie să se asigure că conținutul și funcționalitatea site-urilor lor web sunt perceptibile, operabile, de înțeles și robuste (POUR), ceea ce înseamnă că conținutul și funcționalitatea pot fi accesate și înțelese de toți oamenii de pe toate dispozitivele.

Câteva exemple de funcții care fac site-urile web mai accesibile includ:

• subtitrări și transcrieri pentru fișiere video și audio
• text alternativ pe imagini
• săriți peste linkuri pentru a ajuta navigarea cu tastatura
• contrast de culoare adecvat pentru a face textul mai lizibil

De ce este importantă accesibilitatea

Accesibilitatea site-ului are un impact asupra tuturor celor care folosesc web-ul. Dacă site-urile dvs. web sau ale clienților dvs. sunt accesibile, acest lucru asigură că toată lumea are acces egal la informații online, necesități, divertisment, cumpărături și multe altele, indiferent de abilitate.

Dar accesibilitatea site-ului web nu se referă doar la karma bună; are, de asemenea, efecte în lumea reală asupra clasamentului motoarelor de căutare, vânzărilor noi și vizitatorilor site-ului web, complicațiilor legale și imaginii mărcii.

Clasamentul motoarelor de căutare

Efectuarea de corecții de accesibilitate poate îmbunătăți clasarea unui site în motorul de căutare. Multe funcții de accesibilitate, cum ar fi textul alternativ pe imagini și conținutul structurat corespunzător, cu titluri, ajută atât accesibilitatea, cât și optimizarea motorului de căutare (SEO). O poziție mai înaltă pe o pagină cu rezultatele căutării poate crește vizibilitatea cu clienți noi sau clienți, ceea ce duce la creșterea traficului pe site, a conversiilor, a abonaților la blog sau la buletine informative și multe altele.

Vânzări crescute

CDC afirmă că, începând cu 2018, 1 din 4 americani au un handicap. Americanii cu dizabilități cheltuie anual peste 200 de miliarde de dolari în cheltuieli discreționare online. Funcțiile de accesibilitate permit mai multor persoane să găsească și să utilizeze site-uri web, crescând oportunitatea pentru noi vânzări, conversii și clienți repetați. Atunci când multe site-uri web nu sunt accesibile în lumea de astăzi, orice site accesibil va sta cu capul și umerii deasupra concurenței.

Este obligatoriu din punct de vedere legal

Toate site-urile web trebuie să îndeplinească standardele de accesibilitate web stabilite în Americans with Disabilities Act (ADA). Conform ADA, a fost stabilit un precedent legal care stabilește site-urile web ca locuri de cazare publică. Acest lucru înseamnă că site-urile web de afaceri, care sunt în esență vitrinele lor digitale, trebuie să fie accesibile în același mod în care clădirea unei afaceri din cărămidă și mortar trebuie făcută accesibilă.

Site-urile web ale agențiilor guvernamentale locale, de stat și federale și orice site-uri web pentru organizații și proiecte finanțate de la nivel federal trebuie, de asemenea, să îndeplinească standardele secțiunii 508. În plus, există o varietate de legi de stat și internaționale care impun ca site-urile web să fie accesibile.

Dacă un site web nu îndeplinește cerințele de accesibilitate stabilite în aceste reguli, organizația poate fi expusă riscului unui proces sau, în unele cazuri, a unei amenzi guvernamentale. Potrivit Usablenet, în 2020, în Statele Unite au fost intentate 3.550 de procese privind accesibilitatea site-urilor web. Menținerea conformității legale este o parte importantă a desfășurării afacerii, iar a avea un site web accesibil este o modalitate prin care companiile își pot îndeplini obligațiile legale.

Imaginea marcii

Companiile și organizațiile nonprofit care iau măsuri pentru a face site-urile lor WordPress mai accesibile arată că practică responsabilitatea socială și afirmă că doresc să facă din internet un loc pentru toată lumea. Un angajament organizațional față de accesibilitate arată oamenilor că sunt îngrijiți de ei într-un mod profund uman, ceea ce construiește loialitate și poate ridica imaginea mărcii.

Care sunt unele probleme comune de accesibilitate?

Compania mea, Equalize Digital, este o firmă de consultanță în materie de accesibilitate care efectuează audituri de accesibilitate pe site-uri web pentru companii, organizații nonprofit și agenții guvernamentale. În toate testele noastre, vedem multe probleme de accesibilitate repetate pe toate site-urile web. Aceste probleme comune sunt probleme relativ simple de rezolvat, dar sunt de obicei trecute cu vederea de către dezvoltatori, designeri și creatorii de conținut.

Dacă doriți să vă asigurați că site-urile web pe care le creați sau le gestionați sunt accesibile, începeți prin a verifica următoarele probleme:

Text alternativ lipsă sau de calitate scăzută

Textul alternativ este ceea ce cititorii de ecran folosesc pentru a descrie conținutul unei imagini sau scopul pentru orbi. Dacă textul alternativ este lăsat gol, un cititor de ecran fie îl va sări peste el în întregime, fie poate citi în schimb numele fișierului imaginii, ceea ce este inutil atunci când numele fișierului este un șir de numere sau nu descrie aspectul. Fără text alternativ adecvat, utilizatorii orbi și cu deficiențe de vedere nu vor avea context sau înțelegere a unei imagini.

Textul alternativ de calitate scăzută este problematic deoarece nu reușește să descrie imaginea cu acuratețe sau este prea pronunțat și poate provoca confuzie. Cuvinte și expresii precum „imagine”, „imagine”, „grafică a”, „imagine a” nu trebuie adăugate la textul alternativ, deoarece cititorul de ecran va anunța că este prezentă o imagine sau un grafic.

Dacă aveți text alternativ care depășește 125-150 de caractere, unele cititoare de ecran se vor întrerupe și vor opri citirea. Adăugarea de puncte în textul alternativ poate determina cititorii de ecran să se întrerupă, potențial confuzând ascultătorii sau făcându-i să creadă că textul alternativ s-a încheiat.

Contrast de culoare insuficient

În designul web, contrastul de culoare se referă la măsura luminozității dintre culoarea de fundal și elementele colorate precum textul, butoanele sau pictogramele. Culorile de fundal și de prim-plan trebuie să aibă un raport de 4,5:1 pentru ca textul de dimensiune standard să fie considerat suficient. Puteți testa contrastul de culoare introducând codurile hexazecimale ale ambelor culori într-un verificator gratuit de contrast de culoare.

Text ancora ambiguu

Textul ancora este un cuvânt sau un grup de cuvinte pe care se poate face clic pe o pagină web. Făcând clic pe textul ancora, vă poate duce la un site web nou, descărcați un document, deschideți o imagine sau un videoclip într-o filă nouă. Textul ancora este considerat ambiguu dacă nu are sens în afara contextului sau nu descrie scopul linkului. Câteva exemple de text de ancorare ambiguu includ „link”, „dați clic aici”, „aflați mai multe” sau „continuați”. Atunci când adăugați link-uri la conținut, este esențial ca, dacă cineva ar auzi numai linkul în mod independent (fără textul din jur), să știe unde indică linkul sau ce se va întâmpla când se face clic pe link.

Lipsesc subtitrări și transcrieri

Subtitrările preiau conținut vorbit și non-vorbit, cum ar fi efecte sonore, muzică sau râsete dintr-un videoclip și îl descriu prin text. Acestea apar pe ecran în timpul unui videoclip, astfel încât utilizatorii surzi și cu deficiențe de auz pot înțelege ce se întâmplă în videoclip. În plus, subtitrările trebuie să se potrivească cu sincronizarea videoclipului. Este important să rețineți că subtitrările trebuie să fie corecte; subtitrările generate automat trebuie verificate pentru acuratețe.

O transcriere este o înregistrare scrisă a ceea ce este spus într-un clip audio sau în timpul unui videoclip. Transcrierile oferă un mijloc secundar de înțelegere a conținutului video sau a fișierelor audio. Acestea ar trebui folosite alături de subtitrările unui videoclip, astfel încât oamenii să poată citi transcrierea în loc să vizioneze videoclipul. Acest lucru este important deoarece nu toți utilizatorii pot citi subtitrările. Transcrierile oferă, de asemenea, avantajul de a fi traduse cu ușurință în alte limbi și pot ajuta SEO.

Testarea site-urilor web WordPress pentru accesibilitate

Cel mai bun mod de a testa accesibilitatea site-urilor web este de a efectua o combinație de testare automată, manuală și de utilizator.

Testare automată a accesibilității

Testarea automată a accesibilității este efectuată cu instrumente de scanare AI. Există multe instrumente gratuite și plătite care pot oferi o varietate de funcții de scanare de accesibilitate. Atunci când alegeți un instrument automat, iată câteva lucruri de reținut:

• Dimensiunea site-ului web. Dacă aveți un site web mai mic, un instrument gratuit poate funcționa pentru dvs. Dacă aveți un site web mai mare, cum ar fi un site cu un blog sau o secțiune de comerț electronic cu mii de postări, un instrument plătit va fi probabil mai potrivit.
• De cât sprijin aveți nevoie. Dacă aveți nevoie de ajutor pentru a găsi erori de accesibilitate pe site-ul dvs., astfel încât să le puteți remedia, instrumentele gratuite pot fi o opțiune excelentă. Dacă aveți nevoie de ajutor pentru înțelegerea erorilor de accesibilitate sau doriți ca altcineva să le repare, încercați să găsiți un instrument cu opțiuni de asistență care sunt încorporate sau oferite de dezvoltatori. Asistența disponibilă este esențială dacă sunteți nou în remedierea accesibilității.
• Experiența utilizatorului. Unele instrumente automate de accesibilitate pot fi utilizate direct pe site-ul dvs. web, de exemplu, printr-o extensie de browser sau în tabloul de bord WordPress. Alte instrumente necesită să utilizați o interfață care este complet separată de site-ul dvs. web. Dacă doriți să vedeți erori de accesibilitate în timp ce lucrați pe site-ul dvs. web, alegeți un instrument care oferă raportare la fața locului. Acest lucru vă ajută să verificați continuu site-ul dvs. web pentru accesibilitate în timp ce editați conținutul de pe site.

Două instrumente gratuite populare care pot fi utilizate pe orice site web sunt WAVE și Axe. Ambele instrumente au extensii Chrome și Firefox disponibile pentru testarea adreselor URL unice, pe rând și planuri plătite care permit testarea în bloc și funcții suplimentare.

Plugin WordPress pentru verificarea accesibilității

Dacă doriți să efectuați scanări de accesibilitate în bloc și să vedeți rapoarte în tabloul de bord WordPress, pluginul WordPress Accessibility Checker este cel mai bun instrument. Puteți descărca versiunea de bază a pluginului gratuit de pe WordPress.org.

Verificatorul de accesibilitate scanează paginile și postările pentru erori de accesibilitate sau probleme potențiale și le afișează direct pe ecranul de editare pentru pagina sau postarea respectivă. Aceste rapoarte în pagină sunt utile nu doar pentru a verifica dacă site-ul web este accesibil în primul rând, ci și pentru a monitoriza accesibilitatea continuă.

Accesibility Checker execută peste 40 de verificări diferite, inclusiv pentru problemele comune identificate mai sus. Versiunea gratuită scanează postări și pagini, iar versiunea Pro include scanări complete ale site-urilor cu tipuri de postări personalizate și pagini de arhivă. Elementele marcate sau revizuite incorect pot fi respinse, permițând urmărirea remedierilor de accesibilitate pe măsură ce sunt făcute în timp. Este un instrument grozav pentru agenții, dezvoltatori și utilizatorii WordPress deopotrivă.

Testare manuală

Din păcate, scanările automate nu pot identifica fiecare problemă de accesibilitate de pe un site web - unele probleme pot fi determinate doar de o ființă umană care se confruntă cu site-ul web. După ce testați site-ul web cu un instrument automat, cum ar fi Verificatorul de accesibilitate, efectuați apoi testarea manuală pentru a vă asigura că toți oamenii îl pot folosi indiferent de dispozitivul pe care îl folosesc.

Primul pas într-un test manual de accesibilitate este de a confirma că utilizatorii îl pot naviga pe deplin doar cu o tastatură. Accesați partea frontală a site-ului web și utilizați tastele Tab și săgeți pentru a vă deplasa prin site, asigurându-vă că nu vă pierdeți locul pe măsură ce mergeți și că puteți utiliza toate părțile site-ului.

După testarea tastaturii, puteți trece la testarea cititorului de ecran. Cititoarele de ecran sunt un tip de software de tehnologie de asistență pe care oamenii nevăzători și cu deficiențe de vedere îl folosesc pentru a înțelege conținutul web. Dacă aveți un Mac, puteți utiliza software-ul VoiceOver care este încorporat în computer. Dacă nu aveți un Mac, puteți descărca cititorul de ecran gratuit, open-source NVDA sau puteți cumpăra popularul cititor de ecran JAWS. Este cea mai bună practică să testați site-ul dvs. cu două sau mai multe cititoare de ecran, deoarece nu toate cititoarele de ecran spun același lucru pentru elemente individuale.

Pentru a vă testa site-ul web cu un cititor de ecran, accesați pagina pe care doriți să o testați, apoi treceți prin pagină așa cum ați făcut-o în timpul testului de navigare cu tastatură, folosind numai tastele Tab și săgeți. Ascultați ce spune cititorul de ecran în timp ce vă deplasați prin pagină și semnalați orice incorect sau confuz. Ascultați fișierele media sau glisoarele care se redau automat și întrerup alt conținut de pe pagină.

După ce ați efectuat testele de navigare cu tastatură și cititor de ecran, trebuie să verificați toate fișierele media încorporate sau legate. Fișierele media includ videoclipuri, fișiere audio, fișiere PDF, fișiere .Doc sau .XLS, glisoare de imagine sau text și widget-uri sau iFrame terță parte. Asigurați-vă că persoanele cu dizabilități pot accesa, interacționa cu și înțelege conținutul prezentat de toate fișierele media încorporate sau legate.

Testarea utilizatorilor

După testarea automată și manuală a accesibilității, se recomandă efectuarea testării utilizatorilor. Testarea utilizatorilor implică angajarea utilizatorilor de tehnologie de asistență din lumea reală pentru a-ți testa site-ul pentru erori de accesibilitate. De obicei, unui utilizator de testare i se oferă un brief de la un dezvoltator web cu obiective specifice. Utilizatorul de testare va încerca apoi să atingă aceste obiective și apoi va oferi feedback dezvoltatorului.

Puteți angaja utilizatori individuali de testare prin programe plătite sau de voluntariat sau puteți găsi o firmă de accesibilitate care oferă servicii de testare a utilizatorilor.

Concluzie: Păstrarea unui site web accesibil

Este important de reținut că, la fel ca SEO, accesibilitatea este un proces continuu care necesită monitorizare și modificări continue. Pentru a vă asigura că site-ul dvs. web rămâne accesibil, creați un plan pentru:

• Monitorizați și testați în mod regulat erorile de accesibilitate folosind un instrument precum pluginul Accessibility Checker.
• Instruiți dezvoltatorii web, designerii și creatorii de conținut în cele mai bune practici de accesibilitate web. Dacă lansați site-uri web pentru clienți, asigurați-vă că aceștia știu cum să adauge conținut într-un mod accesibil după lansare.
• Rămâneți informat cu privire la orice instrucțiuni de accesibilitate sau modificări ale legii pe care trebuie să le urmați.

Luarea acestor pași vă va ajuta să vă asigurați că site-ul dvs. web rămâne accesibil și că toți oamenii vor avea acces egal la informații, produse și servicii de pe web, indiferent de abilitățile lor.