Procesele privind accesibilitatea site-urilor web sunt în creștere: cum pot site-urile WordPress să devină conforme cu ADA

Cât de familiar ești cu Legea americanilor cu dizabilități (ADA)? Din păcate, în fiecare an, mai mulți proprietari de site-uri web învață pe calea grea atunci când sunt dați în judecată pentru nerespectarea ADA. ADA a fost înființată pentru a se asigura că persoanelor cu dizabilități li se oferă acces echitabil și egal la locuințe, locuri de muncă, transport, spații publice, comunicații și programe sau servicii guvernamentale până la nivel municipal.

Seyfarth Shaw LLP, o firmă internațională de avocatură de top, raportează că în 2022, au existat 3.255 de procese depuse în instanțele federale „care susțin că reclamanții cu dizabilități nu puteau folosi site-urile web deoarece nu erau concepute pentru a fi accesibile și/sau pentru a lucra cu tehnologii de asistență. ” În fiecare an, din 2010, acest număr a crescut cu 10% sau mai mult. Litigiile legate de accesibilitatea site-urilor web reprezintă acum 37% din toate procesele ADA Titlul III.

Deci, ce înseamnă să fii „compatibil cu WordPress ADA?”

ADA se aplică și online

Legislația ADA a arătat foarte clar că accesibilitatea pentru persoanele cu dizabilități nu este doar ceva care are loc în lumea fizică. Se aplică și spațiilor digitale în care mulți dintre noi lucrăm și petrecem mult timp. Locurile de muncă și spațiile publice sau birourile care oferă servicii cheie trebuie să fie accesibile tuturor. Si site-urile web o fac.

Și lumea digitală include site-ul web WordPress pe care îl dețineți și îl gestionați.

Acesta este motivul pentru care este necesar să construiți site-uri WordPress care să respecte pe deplin ADA.

Vestea bună este că o mulțime de programe software și instrumente specializate vă vor ajuta să deveniți conform ADA în calitate de proprietar de site WordPress. Urmați câteva practici stabilite și utilizați câteva instrumente importante. Acest lucru va asigura că conținutul site-ului dvs. este disponibil și accesibil tuturor, inclusiv persoanelor cu dizabilități.

În acest ghid, vom aborda Legea americanilor cu dizabilități și de ce trebuie să o respectați în proprietățile dvs. online pentru a evita potențialele acțiuni legale. Există o mulțime de alte motive pentru a crea și site-uri web accesibile și acestea au beneficii directe pentru proprietarii de site-uri.

În cele din urmă, vă vom prezenta cele patru sfaturi cheie de accesibilitate pe care le puteți utiliza începând de astăzi.

Hai să aruncăm o privire.

De ce site-ul dvs. WordPress trebuie să fie compatibil cu ADA

Legea federală a Statelor Unite include protecții puternice care interzic complet oricărei companii să refuze locuri de muncă sau locuințe pe baza abilităților fizice ale unei persoane.

ADA cere acces echitabil la:

• Spații publice
• Transport
• Educaţie
• …și altele…

Dincolo de lumea fizică, protecțiile ADA se extind la toate tehnologia informației și accesibilitatea electronică.

Din acest motiv, conformitatea ADA are un impact asupra aproape fiecare site web publicat. Și chiar dacă legea nu a existat, este totuși o practică excelentă să te asiguri că site-ul tău WordPress este accesibil cât mai multor utilizatori.

Mai precis, ADA afirmă în mod explicit că persoanele trebuie să adere la politicile sale de accesibilitate dacă sunt un angajator privat cu minim 15 membri ai personalului.

În plus, respectarea ADA este obligatorie dacă dețineți o afacere care funcționează în beneficiul public, cum ar fi o organizație caritabilă înregistrată.

În plus, toate site-urile web ale agențiilor guvernamentale locale și de stat, inclusiv site-urile pentru școli, trebuie să fie 100% conforme cu ADA.

Ce înseamnă să ai un site web compatibil cu WordPress ADA?

Să aruncăm mai întâi o privire la câteva dintre standardele de accesibilitate a site-urilor web impuse de ADA:

• Un site web compatibil ADA trebuie să permită utilizatorilor site-ului cu deficiențe de vedere să perceapă conținutul site-ului dvs. utilizând cititoare de ecran .
• Site-ul trebuie să ofere transcrieri sau subtitrări ale întregului conținut audio . Acest lucru permite utilizatorilor surzi să ingereze conținutul site-ului.
• Trebuie să includă navigarea prin tastatură , astfel încât utilizatorii care nu pot utiliza un mouse tradițional de computer vor putea naviga pe site.
• Un site compatibil WordPress ADA va implementa un design vizual accesibil care îi ajută pe utilizatorii care sunt daltonici sau au fotosensibilitate.

Rețineți că aceasta nu este o listă cuprinzătoare a standardelor conforme cu ADA. Pe măsură ce progresăm prin acest ghid, vom intra în detalii complete despre modul în care site-ul dvs. WordPress poate îndeplini toate cerințele ADA. Pe măsură ce trecem mai departe cu aspectele tehnice ale accesibilității, țineți cont de această imagine de ansamblu (și de beneficiile acesteia).

Care sunt posibilele consecințe ale lipsei unui site WordPress conform ADA?

Amintiți-vă, dacă site-ul dvs. nu îndeplinește pe deplin aceste standarde, s-ar putea să vă aflați în unele probleme cu legea. Acesta poate fi cazul chiar dacă nu ați intenționat să excludeți persoanele cu dizabilități de a putea accesa și utiliza cu ușurință site-ul dvs. WordPress. De fapt, în cazul respectării ADA, intenția este separată de lege.

Și aceasta nu este o amenințare teoretică. În ultimii ani, au fost depuse mai multe procese importante privind site-urile web care respectă ADA. Cel mai larg acoperit dintre aceste procese a fost împotriva mărcii Domino's Pizza. Acest caz a mers până la Curtea Supremă a Statelor Unite.

Construirea unui site WordPress care să fie mai accesibil persoanelor cu dizabilități nu este doar lucrul potrivit de făcut. De asemenea, vă poate beneficia foarte mult marca și afacerea în general.

Potrivit OMS (Organizația Mondială a Sănătății), aproximativ 1,3 miliarde de oameni din întreaga lume au cel puțin un tip de dizabilitate. Aceasta reprezintă aproximativ 16% din populația întregii lumi. Acesta este o mulțime de potențiali noi clienți și vizitatori ai site-ului dvs.

Ce a învățat Target din pierderea unui proces de accesibilitate?

Inițiativa de accesibilitate web a World Wide Web Consortium (W3C) oferă un studiu de caz al unui proces ADA, influent, timpuriu, împotriva site-ului web al unei mari corporații din SUA, care are probleme de accesibilitate: target.com. Federația Națională a Nevăzătorilor (NFB) a avut succes în calitate de reclamant în acest caz, deoarece site-ul web Target nu avea caracteristici cheie de accesibilitate:

• text alternativ (alt) care descrie imagini pentru persoanele cu deficiențe de vedere care folosesc cititoare de ecran
• comenzi de la tastatură pentru finalizarea achizițiilor online fără a utiliza mouse-ul
• hărți imagine accesibile care arată locațiile magazinelor
• design adecvat de pagini HTML semantice, compatibile cu standardele, cu titluri care ajută la navigarea pe site

Astăzi, Target Corporation este un campion al accesibilității web. Iată Jason Goldberger, directorul digital al Target și președintele Target.com în 2016, care explică de ce era cel mai mândru, după un deceniu de muncă pentru a face Target.com accesibil și compatibil cu ADA:

… Aud în mod regulat colegi din mai multe echipe diferite care vorbesc despre accesibilitate fără a fi solicitați și care o integrează în planurile lor fără nicio memento din partea noastră. A devenit parte din conversația de zi cu zi și este destul de uimitor, deoarece nu a fost întotdeauna cazul. Gândirea la cei cu dizabilități este o parte integrantă a echipei digitale, iar pentru mine și pentru alți oaspeți nevăzători, este o altă parte a ceea ce face ca Target să fie special.

Deși accesibilitatea poate fi foarte tehnică în implementarea sa, aceasta este imaginea de ansamblu a ceea ce susține și permite: o cultură pozitivă a companiei, în acord cu nevoile clienților săi și ale potențialilor clienți ca oameni .

Cum să obțineți un site web compatibil ADA cu WordPress

Acum aveți o înțelegere generală a ceea ce este Legea americanilor cu dizabilități și de ce este atât de importantă. În continuare, vom analiza cum puteți face site-ul dvs. WordPress compatibil.

Iată cele patru lucruri pe care trebuie să le faci pentru a ajunge acolo.

1. Aflați cum arată un site WordPress conform ADA

Departamentul de Justiție al Statelor Unite nu a publicat și nici nu a publicat încă niciun ghid oficial de conformitate pentru ADA. Cu toate acestea, oferă câteva recomandări solide.

Familiarizați-vă cu WCAG

În special, ADA încurajează fiecare organizație să urmeze Ghidurile de accesibilitate a conținutului web (WCAG), nivel 2.0 AA.

Aceste linii directoare afirmă în mod explicit că toți vizitatorii site-ului trebuie să poată percepe fiecare informație care apare pe site-ul dvs. WordPress. Pentru a face acest lucru, proprietarii de site-uri trebuie să ofere alternative la media care circulă pe site-urile lor.

Subtitrări video

Uită-te la YouTube ca exemplu. Deoarece a devenit necesară conformitatea ADA, acestea furnizează automat subtitrări pentru tot conținutul video și audio găzduit și redat pe platformă.

Formulare accesibile

De exemplu, puteți lua în considerare utilizarea solicitărilor de introducere sugerate pentru a ajuta la clarificarea informațiilor de care au nevoie utilizatorii site-ului pentru a le introduce în formularele dvs. de contact.

În plus, dacă un utilizator introduce informații greșite într-un formular, încercați să oferiți recomandări simple pentru lucrurile pe care le poate face pentru a remedia aceste erori de introducere.

A face acest lucru este mult mai util (și accesibil) decât afișarea doar a unui mesaj de eroare generic cu introducerea utilizatorului care nu este validă.

Suport cititoare de ecran și navigare cu tastatură

Probabil că aveți deja câțiva vizitatori care interacționează cu site-ul dvs. folosind cititoare de ecran. Pentru persoanele care fac acest lucru, textul alternativ descriptiv este extrem de util pentru a înțelege imaginile afișate pe site-ul dvs. WordPress.

Persoanelor cu probleme de dexteritate manuală sau vizuală le este adesea mult mai ușor să interacționeze cu site-urile web folosind comenzile de navigare, cum ar fi o tastatură sau o tastatură. Pentru utilizatorii care fac acest lucru, veți dori să aveți o structură coerentă și clară de navigare pe site.

De asemenea, puteți oferi indicații vizuale ale elementelor care sunt în prezent în atenție. Aceste elemente vor fi activate data viitoare când vizitatorul site-ului dvs. efectuează o acțiune, cum ar fi apăsarea tastei „Retur” de pe tastatură.

2. Faceți o evaluare a conformității ADA pentru a vedea unde vă aflați în prezent

Accesibilitatea nu este un subiect simplu. De fapt, este un subiect uriaș care implică multe elemente diferite de interfață publicitară de design utilizate pentru a crea un site WordPress mai ușor de utilizat. Dacă proprietarul unui site web trece cu vederea doar un factor legat de accesibilitate, poate împiedica cu ușurință un utilizator de site (și un potențial client) să aibă o experiență pozitivă pe site-ul său.

Evaluarea accesibilității site-ului web (WAVE)

Un loc bun pentru a începe să evaluați calitatea experienței utilizatorului (UX) a site-ului dvs. în lumina standardelor de accesibilitate este o suită de instrumente numită Evaluare a accesibilității site-ului (WAVE). WAVE va scana site-ul dvs. WordPress și va enumera toate problemele potențiale legate de accesibilitate. Acesta este un instrument incredibil de valoros de utilizat, care ajută la identificarea gamei uriașe de probleme care ar putea afecta utilizarea site-ului.

Când vizualizați această listă din WAVE, veți putea face clic pe pictogramele însoțitoare pentru a obține mai multe informații despre fiecare eroare de accesibilitate care a fost detectată. Instrumentul vă va sugera chiar și resurse care vă vor oferi și mai multe informații despre fiecare problemă cu utilizare.

Din păcate, WAVE este un instrument limitat care poate scana doar o singură pagină web la un moment dat. Pentru a accelera procesul de scanare a întregului site WordPress, este o idee bună să instalați extensiile WAVE pentru Firefox sau WAVE pentru Chrome (în funcție de browserul pe care îl preferați).

Extensiile vă vor permite să rulați WAVE pe fiecare pagină web pe care o vizualizați în prezent.

3. Urmați întotdeauna cele mai bune practici WordPress compatibile cu ADA atunci când creați site-uri accesibile

După ce ați testat accesibilitatea site-ului dvs. și ați compilat rezultatele, este timpul să abordați fiecare problemă individuală pe care ați identificat-o.

Este imperativ să faceți un bilanț complet al conținutului site-ului dvs. Luați în considerare dacă puteți oferi rezultate media alternative pentru ceea ce ați publicat deja.

Servicii de transcriere

Dacă nu reușiți să vă transcrieți conținutul de către un profesionist, există câteva instrumente software care vă vor genera automat subtitrările.

Din păcate, unele dintre ele sunt puțin neglijente și inexacte uneori. Dar dacă utilizarea instrumentelor software de transcriere este singura ta opțiune, este mai bine decât să nu oferi nicio transcriere a conținutului tău.

De asemenea, veți dori să oferiți alternative de text scris la elementele vizuale ale site-ului dvs. WordPress. Această practică incredibil de utilă avantajează foarte mult toți utilizatorii care experimentează site-ul dvs. prin instrumente de accesibilitate, cum ar fi cititoarele de ecran.

ALT text și imagini

În WordPress, este simplu să adăugați text alternativ descriptiv imaginilor și imaginilor dvs. chiar în Biblioteca Media.

În plus, mulți proprietari de site-uri WordPress care doresc să respecte ADA au descoperit că cel mai bine este să evitați includerea textului în imaginile site-ului dvs. Cantitățile mari de text din imagini vor face mai dificilă descrierea graficii pentru persoanele cu deficiențe de vedere folosind doar textul alternativ.

În schimb, luați în considerare dacă puteți crea un efect similar folosind cod. De exemplu, puteți adăuga informațiile pe care încercați să le transmiteți ca text simplu. Apoi folosiți CSS pentru a-l stila.

Raporturi de contrast

Pentru a sprijini pe deplin vizitatorii site-ului cu deficiențe de vedere, este o idee bună să mențineți un raport de contrast de cel puțin 4,5:1 pentru tot textul. De asemenea, veți dori să faceți tot textul redimensionabil până la 200%.

Provocarea pe care o veți avea este să oferiți acest tip de flexibilitate fără a afecta funcționalitatea site-ului dvs. Acest lucru va necesita probabil să efectuați o mulțime de teste de utilizare înainte de a efectua modificările.

Dacă doriți să aflați mai multe despre problemele de accesibilitate care vă afectează site-ul, este important să rulați tot conținutul site-ului prin instrumentul WAVE. Apoi, fă-ți timp pentru a citi toate resursele sugerate de WAVE.

Orientările stabilite de WCAG sunt acceptate pe scară largă ca standard în industrie când vine vorba de accesibilitate. Dar este o idee bună să vă uitați și la lista de verificare a accesibilității din WebAIM. Acest instrument are scopul de a condensa specificațiile oficiale WCAG 2.1.

4. Instalați pluginuri care îmbunătățesc conformitatea WordPress ADA

Multe plugin-uri și instrumente diferite din depozitul WordPress promit să vă conducă spre conformitatea WordPress ADA. De exemplu, puteți scana rapid întregul site web pentru probleme de accesibilitate utilizând WP ADA Compliance Check Basic.

WP ADA Compliance Check Basic

Acest plugin util sugerează resurse care oferă mai multe informații despre fiecare problemă pe care o detectează, la fel ca instrumentul WAVE. Dar cu aceasta, veți primi și un link direct către codul afectat. Acest lucru este extrem de util atunci când trebuie să rezolvați probleme complexe de accesibilitate.

Un alt instrument de luat în considerare este pluginul Accessibility Checker. Acest plugin încearcă să fie versiunea WAVE specifică WordPress, permițându-vă în același timp să scanați întregul site WordPress din tabloul de bord.

Equalize Digital Accessibility Checker

În calitate de proprietar de site web WordPress, există multe moduri diferite de a face un site mai accesibil. Cu toate acestea, alegerea temei greșite pentru a rula site-ul dvs. poate anula toate eforturile dvs.

Depozitul de teme WordPress.org este plin cu teme concepute de profesioniști. Cu toate acestea, chiar și cei mai experimentați designeri WordPress trec uneori cu vederea principiile importante legate de conformitatea și accesibilitatea ADA.

Accesibilitate WP

Pentru a ajuta la rezolvarea acestei probleme, pluginul WP Accessibility va aborda problemele care apar în temele WordPress. După ce descărcați și activați pluginul, veți dori să navigați la Setări > Accesibilitate WP din tabloul de bord WordPress.

Odată ajuns acolo, veți vedea diverse setări care sunt legate de accesibilitatea site-ului pe care le puteți dezactiva și activa. Acest lucru va depinde de modul în care este configurată tema.

Setările vor include adăugarea unui contur la link-ul :focus state pentru o navigare îmbunătățită de la tastatură și furnizarea de mai multe informații despre conținutul imaginii folosind longdesc .

Nu utilizați o suprapunere de accesibilitate

Este important să rețineți că nu există soluții adevărate plug-and-play care să creeze un site web complet accesibil, compatibil ADA. Unele plugin-uri pot pretinde că sunt plug-and-play, dar nu este posibil. Pluginurile de conformitate sunt perfecte pentru scanarea site-urilor pentru probleme și pentru a face ajustări pentru a îmbunătăți problemele. Dar ai grijă la pluginurile care încearcă să folosească o abordare de suprapunere. De asemenea, ai grijă la pluginurile care pretind că oferă conformitate 100% WordPress ADA doar prin descărcarea și activarea pluginului.

Aceste „suprapuneri de accesibilitate” ar trebui evitate.

Este timpul să creați un site WordPress care să fie compatibil cu ADA

A face site-ul dvs. WordPress accesibil pentru toată lumea este, evident, lucrul corect pe care trebuie să îl faceți ca proprietar de site. Dar, vă va proteja și de potențialele ramificații legale.

Și, asigurându-vă că site-ul dvs. este compatibil cu ADA, vă veți crește automat baza potențială de clienți.

Pentru a recapitula pașii de urmat pentru crearea unui site WordPress compatibil ADA:

1. Înțelegeți cum arată un site web care este deja compatibil ADA.
2. Examinați-vă propriul site pentru a înțelege cât de compatibil este deja. Acest lucru se poate face utilizând un instrument WAVE (Evaluare a accesibilității site-ului).
3. Urmați cele mai bune practici deja dovedite pentru a crea site-uri web accesibile.
4. Instalați pluginuri WordPress precum WP Accessibility și WP ADA Compliance Check Basic.

În acel moment, veți fi pe cale să dețineți un site web compatibil WordPress ADA pe care utilizatorii dvs. îl vor îndrăgi.

Descărcați tema Kadence și blocurile Kadence pentru a construi site-uri web eficiente

Dacă vă place să creați conținut convingător cu un design frumos, Kadence Blocks oferă instrumente pentru a fi creativ chiar în editorul nativ WordPress. În plus, bucurați-vă de o mulțime de conținut preconstruit pe care îl puteți include cu ușurință în site-ul dvs., inclusiv o bibliotecă wireframe de blocuri pentru a vă ajuta să începeți următorul design web. Excelent pentru inspirație și dezvoltare rapidă!

Descarcă acum

Dan Knauss

Dan Knauss este generalist de conținut tehnic al StellarWP. El a fost scriitor, profesor și freelancer care lucrează în sursă deschisă de la sfârșitul anilor 1990 și cu WordPress din 2004.