Procese privind accesibilitatea web: 4 exemple din viața reală și concluzii cheie

Publicat: 2023-04-24

În SUA, peste 61 de milioane de persoane trăiesc cu dizabilități (CDC). Excluderea unei părți atât de mari a populației reprezintă o oportunitate enormă ratată în ceea ce privește afacerile. Construirea de site-uri web accesibile este esențială din motive morale și legale. Oferirea de design accesibil ca parte a serviciilor dvs. de web design reprezintă o valoare adăugată majoră pentru clienții dvs. și vă poate diferenția cu siguranță de concurenți.

Accesibilitatea digitală începe cu construirea unui site web incredibil. Descărcați „Ghidul în 6 pași pentru vânzarea serviciilor de site-uri către companiile locale” pentru a începe să oferiți accesibilitate clienților dvs. astăzi.

În acest articol, vom introduce punctele cheie din Legea americanilor cu dizabilități (ADA) și vom prezenta câteva site-uri web care au provocat procese de accesibilitate. În plus, vă vom oferi câteva sfaturi și cele mai bune practici care vă vor ajuta să evitați problemele juridice costisitoare și să vă asigurați că site-urile web ale clientului dvs. rămân accesibile utilizatorilor.

Cuprins

  • De ce este importantă accesibilitatea web?
  • Ce este Legea americanilor cu dizabilități (ADA)
  • Exemple reale de procese privind accesibilitatea web
    • Domino's Pizza vs. Guillermo Robles
    • Mary Conner vs. Parkwood Entertainment
    • Gil împotriva Winn-Dixie
    • Asociația Națională a Surzilor vs. Harvard + MIT
  • Sfaturi pentru design de site-uri web și cele mai bune practici pentru accesibilitate
    1. Înțelegerea ghidurilor WCAG 2.1
    2. Proiectare pentru accesibilitatea tastaturii
      • Focalizare de la tastatură
      • Ordinea tabulatorului
      • Fără capcane pentru tastatură
    3. Furnizarea de text alternativ pentru imagini
      • Sfaturi pentru crearea unui text alternativ eficient
    4. Folosind un contrast adecvat de culoare
    5. Evitarea conținutului inaccesibil
    6. Testarea accesibilității site-ului web
  • Întrebări frecvente
    • Ce este un proces de accesibilitate?
    • Care este cel mai mare proces de accesibilitate?

De ce este importantă accesibilitatea web?

Accesibilitatea web este o problemă critică de luat în considerare atunci când dezvoltați site-uri pentru clienții dvs., deoarece site-urile web inaccesibile riscă să excludă vizitatorii care trăiesc cu dizabilități, cum ar fi deficiențe de auz sau de vedere. Aceasta nu numai că este o formă de discriminare, dar limitează creșterea afacerii clientului dvs. prin excluderea unui grup de potențiali clienți.

În plus, accesibilitatea digitală poate fi o problemă legală. Legea americanilor cu dizabilități (ADA) stipulează că eșecul de a face acomodari pentru persoanele cu dizabilități este o formă de discriminare. Ca atare, procesele privind accesibilitatea site-urilor devin din ce în ce mai frecvente. În 2022, peste 3.200 de procese privind accesibilitatea site-urilor web au fost depuse în SUA (Codemantra). Pentru companiile neconforme, aceste procese reprezintă taxe juridice enorme, amenzi și presă proastă pentru că nu au furnizat un site web accesibil.

Ce este Legea americanilor cu dizabilități (ADA)

Actul Americans with Disabilities Act a fost dezvoltat pentru a proteja persoanele care trăiesc cu dizabilități împotriva discriminării. ADA a fost semnat în lege în 1990 și interzice discriminarea în muncă, transport, locuri de cazare publice (magazine, restaurante, clădiri de birouri etc.), comunicații și multe altele. Conform ADA, site-urile web și alte platforme de comunicare sunt obligate să facă acomodari pentru persoanele care trăiesc cu dizabilități.

Ghidurile privind accesibilitatea conținutului web (WCAG) au fost dezvoltate de Web Accessibility Initiative (WAI) pentru a stabili un standard internațional pentru accesibilitatea conținutului web. A fost creat într-un efort de a respecta ADA și de a îmbunătăți experiența de navigare pe web pentru persoanele cu dizabilități. Aceste linii directoare îi ajută pe designerii web să se gândească la diferitele adaptari care trebuie făcute pentru persoanele cu dizabilități, pentru a se asigura că pot naviga liber pe site-uri. Ele sunt standardul de aur atunci când vine vorba de proiectarea site-urilor web accesibile.

Exemple reale de procese privind accesibilitatea web

Dacă credeți că șansele de a fi afectat de un proces privind accesibilitatea web sunt scăzute, gândiți-vă din nou. Aceste procese devin din ce în ce mai frecvente și pot afecta afacerile de orice dimensiune. Iată câteva exemple recente de care trebuie să fii conștient.

Domino's Pizza vs. Guillermo Robles

În 2016, un orb pe nume Guillermo Robles a intentat un proces împotriva lanțului de pizza Domino's, după mai multe încercări nereușite de a comanda o pizza personalizată prin intermediul platformei sale online. Chiar și cu ajutorul unui software de citire a ecranului, Robles nu a putut plasa o comandă online. Robles a citat ADA în proces, insistând că Domino's are obligația de a-și face site-ul accesibil persoanelor cu dizabilități, având în vedere că este o afacere cu locații fizice (locuri de cazare publice).

Domino's a ripostat, susținând că nu există linii directoare clare pentru adaptarea ADA pe platformele web, deoarece acestea nu existau în forma lor actuală când legea a fost instituită în 1990.

În cele din urmă, Curtea Supremă a fost de partea lui Robles. În iunie 2021, un judecător a decis că Domino's a încălcat ADA prin faptul că nu a furnizat un site web care să fie pe deplin accesibil, iar companiei i s-a ordonat să-și facă site-ul în conformitate cu standardele WCAG 2.0.

Mary Conner vs. Parkwood Entertainment

În 2019, a fost intentată un proces colectiv împotriva companiei Parkwood Entertainment a lui Beyonce, susținând că site-ul web beyonce.com încalcă ADA pentru că nu a găzduit vizitatorii cu deficiențe de vedere.

Procesul susține că site-ul web, o platformă foarte vizuală, nu a reușit să ofere un text alternativ adecvat pe imagini pe tot site-ul, făcând imposibil ca vizitatorii nevăzători care folosesc software de citire a ecranului să interpreteze sau să facă achiziții adecvate prin intermediul site-ului. Procesul enumeră și alte plângeri cu privire la site-ul web, inclusiv lipsa de link-uri și meniuri de navigare accesibile. Rezultatul acestui proces este încă în așteptare.

Gil împotriva Winn-Dixie

Un proces din 2017 împotriva retailerului de produse alimentare Winn-Dixie a acuzat compania că a încălcat ADA. Reclamantul Juan Carlos Gil a introdus procesul după ce cititorul său de ecran nu a putut interpreta site-ul web, împiedicându-l să comande produse sau să acceseze recompensele contului său. Reclamantul a susținut că site-ul web ar trebui considerat un loc de cazare publică și, prin urmare, trebuie să urmeze liniile directoare ADA.

Din păcate, instanțele au decis în cele din urmă în favoarea lui Winn-Dixie, declarând că clienții care nu au putut folosi site-ul web puteau pur și simplu să viziteze o vitrină. Cu toate acestea, în ciuda câștigării procesului, Winn-Dixie s-a angajat să își aducă site-ul web în conformitate cu standardele WCAG 2.0 pentru a se asigura că este pe deplin accesibil în viitor.

Asociația Națională a Surzilor vs. Harvard + MIT

În 2015, Asociația Națională a Surzilor (NAD), în parteneriat cu reclamanți individuali, a intentat procese atât împotriva Harvard, cât și a MIT. Aceste procese au afirmat că fiecare universitate a încălcat ADA pentru că nu a făcut conținutul online gratuit la fel de accesibil pentru persoanele surde și cu probleme cu auzul.

După mai multe încercări ale ambelor universități de a respinge aceste procese privind accesibilitatea site-urilor, moțiunile lor au fost respinse în mod repetat de instanțe. În 2020, ambele procese au ajuns la înțelegeri în care atât Harvard, cât și MIT sunt obligați să actualizeze conținutul online disponibil public pentru a fi la fel de accesibil pentru persoanele cu deficiență de auz.

Sfaturi pentru design de site-uri web și cele mai bune practici pentru accesibilitate

Accesibilitatea web este importantă din punct de vedere moral. Cu un site web conform ADA, clienții dvs. pot evita discriminarea împotriva unei părți a populației. Mai mult, un site web inaccesibil îi exclude de la beneficiile produselor sau serviciilor clientului tău. Urmați aceste sfaturi de proiectare a site-urilor web pentru a vă asigura că țineți cont de accesibilitatea digitală atunci când proiectați site-uri web.

1. Înțelegerea ghidurilor WCAG 2.1

Înțelegerea ghidurilor WCAG 2.1 este primul pas către crearea unui site web conform ADA. Orientările subliniază acomodații recomandate pentru persoanele cu o gamă largă de dizabilități, inclusiv tulburări de vedere, orbire, pierderea auzului, fotosensibilitate și multe altele. Documentul evoluează, așa că oricine lucrează în dezvoltarea web ar trebui să fie informat cu privire la standardele de accesibilitate web și să fie pregătit să se adapteze pe măsură ce sunt introduse noi standarde.

Orientările WCAG sunt foarte detaliate, dar unele elemente esențiale ale unui site web accesibil includ următoarele:

  • Text alternativ care oferă descrieri adecvate ale imaginilor și elementelor vizuale ale site-ului web
  • Contrast puternic de culoare între textul site-ului și fundal
  • Abilitatea de a naviga pe un site web folosind o tastatură (fără mouse sau trackpad)
  • Subtitrări pentru conținutul video
  • Și altele…

Vom cerceta în detaliu fiecare dintre aceste elemente mai jos, dar acesta este doar începutul a ceea ce este nevoie pentru a crea un site web accesibil. Consultați regulile WCAG 2.1 pentru a vă asigura că orice site web pe care îl creați pentru clienți este conform.

2. Proiectare pentru accesibilitatea tastaturii

Vizitatorii site-ului web cu deficiențe de vedere sau cu dizabilități motorii pot avea dificultăți să folosească un mouse sau un trackpad al computerului. În schimb, acești indivizi se bazează pe accesibilitatea tastaturii pentru a naviga pe site-uri web. Următoarele sunt componente cheie ale unui site web accesibil prin tastatură.

Focalizare de la tastatură

Elementele de focalizare ale tastaturii sunt elemente precum butoane, linkuri, casete de selectare sau câmpuri care pot fi declanșate sau activate folosind o tastatură. Pe un site web accesibil cu tastatura, un utilizator poate controla fiecare dintre aceste elemente numai prin intermediul tastaturii. Focalizarea tastaturii se referă la o indicație vizuală că un anumit element este selectat, cum ar fi un contur colorat în jurul unui câmp de text sau unui buton. Acest indicator de focalizare este esențial pentru a ajuta persoanele să identifice ce element al site-ului îl manipulează la un moment dat.

Ordinea tabulatorului

Tasta Tab este folosită pentru a naviga de la un element de focalizare de la tastatură la următorul. Ordinea logică a filelor este esențială pentru menținerea unei experiențe de utilizator pozitive pentru persoanele care se bazează pe funcțiile de accesibilitate de la tastatură. În cele mai multe cazuri, ordinea filelor ar trebui să fie în concordanță cu fluxul vizual al paginii. Cu alte cuvinte, elementele trebuie selectate în ordinea în care apar pe pagină. Cu toate acestea, ordinea cea mai intuitivă a filelor poate varia în funcție de designul paginii.

Fără capcane pentru tastatură

Expresia „capcană pentru tastatură” se referă la erori care pot apărea atunci când navigați pe un site web cu o tastatură. De exemplu, dacă un utilizator nu poate naviga departe de un anumit element de focalizare, acesta ar fi considerat o capcană de la tastatură. Este esențial să testați temeinic fiecare aspect al unui site web, inclusiv ferestre pop-up, widget-uri, galerii și multe altele, pentru a vă asigura că site-ul nu are capcane de la tastatură. Nu uitați să testați și capcanele de la tastatură pe paginile de stare goale, deoarece acestea sunt esențiale pentru experiența de navigare.

3. Furnizarea de text alternativ pentru imagini

„Text alternativ” sau text alternativ este o frază sau o propoziție descriptivă încorporată în metadatele imaginilor de pe un site web. Persoanele cu deficiențe de vedere folosesc software de citire de ecran pentru a naviga pe site-uri web, iar aceste cititoare de ecran se bazează pe text alternativ pentru a descrie elementele vizuale ale unui site web. Textul alternativ ar trebui să fie inclus pe fiecare imagine neornamentală de pe un site, inclusiv imagini editoriale, grafice, infografice, diagrame, ilustrații și pictograme.

Sfaturi pentru crearea unui text alternativ eficient

În cele mai multe cazuri, textul alternativ ar trebui să fie scurt și la obiect, oferind în același timp context pentru imagine. De exemplu, să presupunem că descrii o fotografie cu doi câini jucând la remorcher pe un site web despre Labrador Retrievers. Un exemplu de text alternativ eficient ar fi „Doi Labradori joacă remorcher”. Acest text descrie imaginea cu acuratețe, oferind context, specificând rasa câinilor din imagine.

Pentru imagini mai complexe, cum ar fi diagrame sau grafice, pot fi necesare două sau trei propoziții de text alternativ pentru a comunica ceea ce arată graficul. De exemplu, dacă graficul arată greutatea medie a unui Labrador Retriever în funcție de vârstă, textul alternativ ar putea spune: „Un grafic arată că Labrador Retriever cântărește de obicei X kilograme la patru luni, X kilograme la nouă luni...”

Când scrieți text alternativ, asigurați-vă că descrierea oferă suficiente informații pentru ca cineva să înțeleagă ce comunică imaginea, chiar dacă nu o poate vedea.

4. Folosind un contrast de culoare adecvat

Încorporarea unui contrast adecvat de culoare între text și fundalul paginilor web este esențială pentru accesibilitatea web. Când contrastul de culoare nu este suficient de puternic, utilizatorii cu deficiențe de vedere pot avea dificultăți să citească și să navigheze eficient pe site. Acest lucru nu numai că oferă o experiență groaznică pentru utilizator, dar îl lasă pe proprietarul site-ului vulnerabil la un proces de accesibilitate a site-ului web.

Dacă contrastul de culoare pe un site este prea subtil, cei cu deficiențe de vedere pot avea dificultăți să citească textul, ceea ce duce la o experiență slabă pentru utilizator. Orientările WCAG 2.1 recomandă un raport de contrast de 4,5:1 pentru textul normal și un raport de contrast de 3:1 pentru textul mare de pe un site web.

Orientările WCAG 2.1 oferă, de asemenea, recomandări privind contrastul culorilor. Dacă nu sunteți sigur dacă culoarea fontului și culoarea de fundal a unui site pe care îl proiectați oferă un contrast suficient, puteți utiliza instrumentele online pentru a verifica. O căutare rapidă pe Google pentru „verificator de accesibilitate a site-ului web” va oferi mai multe opțiuni. Nu uitați să acordați prioritate contrastului de culoare față de culorile sau modelele la modă atunci când oferiți clienților servicii de design de site-uri web.

5. Evitarea conținutului inaccesibil

Tot conținutul de pe un site web trebuie să fie accesibil persoanelor cu dizabilități, de unde contrastul de culoare și cerințele de text alternativ. Dacă un site web găzduiește conținut video, videoclipurile ar trebui să aibă descrieri audio sau subtitrări pentru a face conținutul accesibil pentru utilizatorii cu deficiențe de auz. Din fericire, multe servicii de transcriere sunt disponibile pentru a ajuta la transcrierea conținutului video, iar servicii precum Rev și Otter Ai fac ca sursa de subtitrări video să fie ușoară și accesibilă.

Cu atât de mulți vizitatori ai site-ului web care navighează pe dispozitive mobile în zilele noastre, chiar și persoanele fără deficiențe de auz apreciază subtitrările videoclipurilor. Subtitrările le permit utilizatorilor să consume conținut video în spații publice unde sunetul poate fi perturbator sau greu de auzit. Având în vedere acest lucru, includerea subtitrărilor în videoclipurile dvs. vă poate crește vizionările, făcându-le mai ușor de consumat.

6. Testarea accesibilității site-ului web

Una este să proiectezi un site web accesibil și alta este să îl răsfoiești ca cineva care se bazează pe caracteristicile de accesibilitate. Testarea accesibilității site-ului web este esențială pentru a vă asigura că site-ul este cu adevărat funcțional pentru persoanele cu dizabilități. Acest lucru nu numai că vă va proteja clienții de procesele privind accesibilitatea site-urilor web, dar îi va împiedica să excludă din neatenție clienții cu dizabilități.

Verificatoarele de accesibilitate ale site-urilor web sunt o modalitate excelentă de a identifica problemele de accesibilitate cu site-ul unui client. Instrumente precum EqualWeb și AccessiBe sunt doar câteva exemple ale numeroaselor verificatoare de accesibilitate disponibile. Aceste instrumente scanează site-urile web și identifică problemele de conformitate pe care apoi le puteți remedia pentru a vă asigura că site-ul este compatibil cu ADA.

Diferite verificatoare de accesibilitate folosesc standarde de conformitate diferite ca bază pentru scanările lor, așa că asigurați-vă că selectați unul care scanează pentru conformitatea ADA și WCAG 2.1. În caz contrar, este posibil ca verificatorul să nu detecteze toate problemele de accesibilitate pe care trebuie să le luați în considerare.

Întrebări frecvente

Ce este un proces de accesibilitate?

Un proces privind accesibilitatea site-ului web este un proces împotriva unui proprietar de site web al cărui site nu respectă regulile ADA privind accesibilitatea web. Și anume, o companie sau o persoană poate fi dat în judecată dacă site-ul lor web nu este accesibil persoanelor cu dizabilități.

Care este cel mai mare proces de accesibilitate?

Cel mai mare proces de accesibilitate până în prezent a fost Federația Națională a Nevăzătorilor împotriva Corporației țintă. Procesul a fost soluționat pentru 6 milioane de dolari în 2018.