UX și importanța accesibilității web

Publicat: 2022-03-11

Accesibilitatea web se referă la a oferi tuturor acces la aceleași informații, indiferent de deficiențele pe care utilizatorii le pot avea.

Potrivit Băncii Mondiale, 1 miliard de oameni (15% din populația lumii) se confruntă cu o formă de dizabilitate, cu aproape 57 de milioane doar în SUA. (19% din populația SUA conform cifrelor publicate de Biroul de Recensământ al SUA la 25 iulie 2012.)

Există patru tipuri de dizabilități grupate vag, care pot fi fie temporare, fie permanente: fizice (cum ar fi paralizia sau problemele de control al motricității fine), senzoriale (cum ar fi autismul, surditatea sau orbirea), intelectuale (cum ar fi sindromul Down sau întârzierile de dezvoltare). ), și boli mintale (inclusiv schizofrenie și depresie). Mulți cetățeni în vârstă au probleme care vin odată cu îmbătrânirea și pot beneficia, de asemenea, de cazare accesibilă.

Este vital să nu subestimezi importanța accesibilității web. În timp ce în urmă cu 20 de ani internetul era un loc pentru pasionații de tehnologie, acum este o sursă principală de informare, divertisment și comunicare. Este folosit pentru orice, de la cumpărături la împărtășirea momentelor cu prietenii, citirea știrilor, vizionarea emisiunilor TV, aplicarea pentru locuri de muncă, rezervarea vacanțelor și multe altele. Cu toate acestea, pentru persoanele cu dizabilități, există bariere care fac multe dintre aceste lucruri inaccesibile, deoarece multe site-uri web nu iau în considerare nevoile lor. O mare parte din internet nu este încă tratată ca un spațiu public și nu asigură accesul tuturor, indiferent de abilitate.

Accesibilitatea site-ului web este importantă pentru utilizatorii cu dizabilități.

Mituri despre accesibilitatea web

Când nu este pur și simplu ignorată în totalitate, accesibilitatea este unul dintre cele mai neglijate aspecte ale designului web. Suferă de idei inexacte răspândite în ultimii 20 de ani de agenții digitale fără scrupule și echipele lor de proiectare și dezvoltare. Detractorii nu reușesc să recunoască inovațiile tehnologice, schimbările legale și evoluțiile demografice majore, deoarece văd accesibilitatea ca o parte restrictivă și opțională a creării unui site web cu UX bun pentru toți utilizatorii. Cele mai multe discuții despre motivul pentru care accesibilitatea nu este cu adevărat necesară se învârte în jurul unuia sau mai multor dintre următoarele puncte:

1. „Este urât.”

Deși este adevărat că accesibilitatea completă impune designerilor să urmeze câteva linii directoare stricte care pot afecta aspectul general al unui site web sau al unei aplicații, unele îmbunătățiri, cum ar fi furnizarea de descrieri alternative de text pentru imagini, nu vor avea un efect vizibil asupra utilizatorului. interfata. Cu tehnologia actuală, este complet posibil să creați un site web la modă, interactiv, captivant și accesibil; prin urmare, accesibilitatea web nu ar trebui să mai fie văzută ca o povară. În plus, există și o mulțime de site-uri web urâte inaccesibile!

2. „Dure prea mult timp, costă prea mult și nu are niciun beneficiu.”

Este adevărat că încorporarea accesibilității nu este întotdeauna un lucru ușor și probabil va crește timpul petrecut în fazele de concepere și dezvoltare a unui site sau aplicație. Cu toate acestea, va reduce timpul petrecut pe site-ul îmbunătățirilor și reparațiilor tehnice: cod mai curat, mai puține erori.

Gândirea la accesibilitate chiar de la începutul unui proiect digital va ajuta, de asemenea, la reducerea costurilor ulterioare, inclusiv întreținere și asistență pentru clienți. Din perspectiva SEO, un site web accesibil va ajuta, de asemenea, la obținerea unor clasamente mai bune. Motoarele de căutare precum Google funcționează la fel ca o persoană nevăzătoare care folosește un cititor de ecran. Când vă scanează paginile, roboții înțeleg doar textul, așa că este important să vă planificați arhitectura de conținut și titlurile și să oferiți text alternativ pentru imagini.

3. „Nimănui nu-i pasă”.

Acest argument tinde să fie principalul pentru companiile și agențiile de design care nu doresc să investească timp sau bani pentru a face un site web accesibil. Când se uită la datele lor, se pare că persoanele cu dizabilități nici măcar nu le vizitează site-ul web. (Oh, ironia! Cum ar putea ei dacă nu le este accesibil?) Ei sunt, de asemenea, convinși că piața este mult prea mică pentru a conta oricum.

Persoanele cu deficiențe majore ar putea fi o mică parte din publicul lor, dar cum rămâne cu utilizatorii seniori? Dar utilizatorii care au ceea ce sunt considerate deficiențe „minore”, cum ar fi cei cu deficiențe de auz sau daltonici? Dar utilizatorul obișnuit care suferă de o migrenă debilitantă și nu poate suporta culorile strălucitoare sau paginile care defilează infinit scrise cu 11px? Mulți utilizatori care nu ar fi considerați „în mod tradițional” cu dizabilități pot suferi de un site web inaccesibil.

Pe de altă parte, la fel ca în viața reală, accesibilitatea tehnologiei aduce beneficii tuturor. Luați în considerare subtitrări pentru televizor într-un bar zgomotos sau rampe pentru scaune cu rotile pentru cărucioare.

4. „Este opțional.”

Ei bine, de fapt, nu este. În multe țări, există legi care fac ilegală discriminarea persoanelor cu dizabilități atunci când furnizează un serviciu sau un produs. Deci, teoretic, dacă un utilizator cu dizabilități nu poate accesa conținut deoarece un site web nu este accesibil, ar putea în mod legitim să dea în judecată pentru discriminare digitală. Și aceste procese au loc cu o frecvență mai mare în fiecare an, costând adesea companiile milioane de dolari pentru a se soluționa.

Abonați-vă la blogul de design Toptal și primiți cartea noastră electronică

Motive pentru care să vă pese de accesibilitatea web

1. Conformitate legală

În SUA, cerințele de accesibilitate sunt enumerate în Legea americanilor cu dizabilități, adoptată în 1990. Pe atunci, aceasta se referea în principal la magazinele fizice, așa că instanțele au fost împărțite dacă site-urile și aplicațiile ar trebui sau nu acoperite. În 2017, peste 800 de procese au fost intentate în instanța federală numai în SUA, așa că amenințarea cu litigii este reală.

În timp ce Facebook a fost lăudat pentru Empathy Lab și politicile privind accesibilitatea, alte companii nu au fost atât de norocoase. Netflix a fost dat în judecată de mai multe ori de diferite asociații pentru nevăzători și surzi. În cele din urmă, au trebuit să ofere acces egal la conținutul său tuturor utilizatorilor, inclusiv adăugarea de subtitrări la toate programele sale.

Netflix și-a îmbunătățit accesibilitatea site-ului pentru utilizatorii cu dizabilități, adăugând subtitrări la programarea sa
Dat în judecată de mai multe asociații pentru utilizatorii surzi, Netflix a fost de acord să ofere subtitrări întregului conținut.

2. Reputație îmbunătățită

Companiile care îmbrățișează persoane cu deficiențe beneficiază doar de asta. Eforturile de a face un site web sau o aplicație pe deplin accesibilă au un impact pozitiv asupra reputației și creează o imagine de responsabilitate socială și grijă pentru toți utilizatorii.

În procesul de adăugare a funcțiilor de accesibilitate, giganții din Silicon Valley nu ezită să aducă inovație în joc, investind milioane în tehnologie și funcții noi inovatoare. De exemplu, Facebook folosește acum inteligența artificială pentru a oferi utilizatorilor săi nevăzători text alternativ automat prin tehnologia de recunoaștere a obiectelor. Această funcție le permite acum să se bucure pe deplin de cele 2 miliarde de imagini distribuite în fiecare zi pe Facebook. Ideea a venit în mare parte de la Matt King, un inginer software orb care lucrează cu echipa de accesibilitate. Facebook și-a demonstrat angajamentul de a fi o companie prietenoasă pentru persoanele cu dizabilități, atât online, cât și în lumea fizică.

Facebook și-a demonstrat angajamentul față de proiectarea pentru accesibilitate prin intermediul Empathy Lab
Matt King, un inginer software orb care lucrează la Facebook Empathy Lab.

3. Achizitia de noi clienti

Peste 80% dintre persoanele cu deficiențe au decis să nu aibă încredere într-un furnizor de servicii din cauza barierelor, accesibilitatea slabă a internetului fiind unul dintre motivele principale. Deoarece sunt adesea ignorați de majoritatea mărcilor, utilizatorii cu dizabilități sunt dispuși să cheltuiască mai mult din banii lor cu companii care le oferă o experiență de utilizator bine gândită. Puterea de cumpărare a acestei piețe este enormă.

Îmbunătățirile de accesibilitate nu vă vor refuza clienții actuali, ci vă vor atrage clienți noi și vă vor îmbunătăți conversiile. Prin recunoașterea utilizatorilor cu deficiențe, le anunțați că drepturile lor contează și că afacerea lor este apreciată.

Tipuri de dizabilități și cum să îmbunătățiți accesibilitatea pentru diferite deficiențe

Există multe dizabilități permanente și temporare diferite, utilizatorii care se confruntă cu diferite provocări și caută soluții diferite. Pentru a oferi același conținut tuturor, trebuie să răspundeți fiecărei nevoi.

1. Dizabilități senzoriale

Problemele de vedere și auz sunt cele mai frecvente dizabilități senzoriale, dar există o serie de alte deficiențe care sunt, de asemenea, afectate: vârstnici, cei care sunt daltonizi sau cu deficiențe de auz și mulți utilizatori cu autism.

Pentru utilizatorii cu deficiențe de auz, un pas pentru a vă face site-ul sau aplicația accesibilă ar fi implementarea transcrierilor de text și a subtitrărilor video. Nu numai că sunt o necesitate pentru surzi, dar sunt și utile pentru auz.

Un studiu despre accesibilitate realizat de Ofcom a descoperit că 80% dintre persoanele care folosesc subtitrări nu sunt nici surde, nici cu probleme de auz. Este un exemplu tipic de caracteristică accesibilă de care beneficiază toată lumea.

În ceea ce privește deficiențele de vedere, majoritatea ghidurilor ajută, de asemenea, orice tip de utilizator. Indiferent dacă sunteți daltonist sau suferiți de migrenă, veți mulțumi unui designer pentru că a folosit culori contrastante (text și fundal). Toată lumea va beneficia de dimensiuni mai mari, relative ale fontului (em, nu pixeli) și de opțiunea de a ajusta dimensiunea, o caracteristică deosebit de apreciată de utilizatorii seniori.

În ceea ce privește utilizatorii nevăzători, deși este posibil să nu vadă un site web, îl vor auzi, datorită cititoarelor de ecran precum JAWS și Window-Eyes pentru Windows și VoiceOver pentru Mac. Astfel de programe citesc conținutul cu voce tare... și îl citesc TOT.

Pentru a facilita navigarea prin paginile dvs., asigurați-vă că utilizați opțiunile „Săriți la conținutul principal” pentru a preveni citirea întregului meniu de navigare de mai multe ori la rând.

Structurați-vă corect pagina folosind diferite titluri (doar unul <h1>, apoi nu săriți peste niveluri), includeți descrieri de text pentru fiecare imagine, evitați tabelele complexe și alegeți cu atenție hyperlinkurile de text. Ar trebui să descrie în mod corespunzător unde va merge linkul: Folosirea doar „dați clic aici” este ineficientă pentru un utilizator de cititor de ecran, deoarece nu oferă nicio informație relevantă.

Voiceover pentru Mac permite accesul web pentru utilizatorii nevăzători
VoiceOver pentru Mac oferă descrieri auditive ale fiecărui element de pe ecran.

2. Dizabilități motorii

Este posibil ca unii utilizatori să nu poată folosi permanent sau temporar un mouse sau un trackpad. Prin urmare, ei își pot folosi tastatura doar pentru a naviga pe un site, apăsând tastele „tab” sau „săgeată”.

Asigurarea că un site web poate fi experimentat pe deplin numai folosind o tastatură este una dintre cele mai ușoare și mai ieftine caracteristici de implementat în accesibilitatea web: necesită puțină muncă și poate fi verificată prin simpla deconectare sau oprire a mouse-ului. Browserele vor selecta automat elementele pe care se poate face clic pe o pagină web apăsând tasta TAB, ceea ce ajută foarte mult la accesibilitate, așa că asigurați-vă că echipa de dezvoltare nu o dezactivează.

3. Dizabilități cognitive

Utilizatorii cu dizabilități de învățare, sindrom Down, ADHD, dislexie și alte deficiențe cognitive, inclusiv cele care se întâmplă uneori pe măsură ce utilizatorii îmbătrânesc, vor beneficia foarte mult de un conținut clar și de o interfață de utilizare consistentă. Prin urmare, încercați să construiți o interfață logică (culori similare pentru acțiuni similare, o combinație de fonturi, animații simple, indicii vizuale atunci când vi se cere să participați etc.) și organizați-vă conținutul folosind titluri pentru a identifica rapid diferitele părți ale acestuia.

Stabilirea de reguli și modele și respectarea principiilor de design definite va ajuta utilizatorii să se deplaseze mai repede și să evite surprizele în experiența de navigare, făcând-o astfel mai fluidă și mai ușor de înțeles în general. Simplificarea și standardizarea interfeței de utilizare a unui site sau a unei aplicații tinde să conducă la o experiență mai bună pentru toți utilizatorii.

Sfaturi pentru testarea accesibilității web

1. Urmați instrucțiunile

Există linii directoare internaționale pentru crearea de site-uri web accesibile: Ghidul de accesibilitate a conținutului web (WCAG). Dezvoltat prin procesul W3C, WCAG (în prezent WCAG 2.0) oferă un singur standard partajat pentru accesibilitatea conținutului web.

Destinate în primul rând dezvoltatorilor, designerilor și experților în accesibilitate, toate documentele WCAG explică cum să faceți un site web mai accesibil și sunt organizate pe patru principii: perceptibil, operabil, ușor de înțeles și robust. Acest set de recomandări vă permite să atingeți un nivel de conformitate (A-minim, AA-satisfăcător sau AAA-excelent).

Implementarea tuturor standardelor WCAG va dura timp, dar începerea cu elementele de bază poate avea un impact uriaș în a face site-ul dvs. mai prietenos pentru utilizatorii cu o varietate de deficiențe.

2. Verificați-l online sau cu o tehnologie de asistență

Există instrumente disponibile online pentru a verifica dacă un site web respectă regulile de accesibilitate, cum ar fi validatorul oficial de la W3c. Rețineți că instrumentele online pot să nu găsească toate problemele de accesibilitate, deoarece verifică în primul rând aspectele tehnice ale unui site web. Utilizarea tehnologiei de asistență, cum ar fi un cititor de ecran pentru a testa un site web, este un pas important pentru a vă asigura că un site web este cu adevărat accesibil. Cu toate acestea, deși acestea sunt ambele locuri accesibile pentru a începe, ele nu vor înlocui niciodată feedbackul real al utilizatorilor. Este important ca utilizatorii cu diverse deficiențe să fie incluși în procesul de testare a utilizatorilor dacă accesibilitatea este considerată sincer o prioritate.

Validator W3C pentru verificarea accesibilității web

3. Testarea utilizatorului

Includerea persoanelor cu dizabilități în procesul de testare UX pentru orice site web sau aplicație nouă înainte de lansare este esențială. Ei vor oferi cele mai relevante feedback despre dacă experiența lor de utilizator este sau nu plăcută. Lucrați mână în mână cu un designer UX de încredere care va pregăti scenarii de testare în funcție de diferite deficiențe.

Obținerea conformității cu accesibilitatea nu mai este o opțiune

Accesibilitatea este o problemă majoră care crește pe măsură ce viața de zi cu zi are loc online și pe măsură ce populația lumii crește și îmbătrânește. Până în 2050, populația mondială îmbătrânită este de așteptat să se dubleze. Această schimbare a demografiei înseamnă că multe deficiențe care merg mână în mână cu vârsta vor crește.

Nu este o sarcină simplă, dar companiile care continuă să ignore accesibilitatea trebuie să înțeleagă că își pierd deja clienți și că vor ajunge să piardă și mai mulți în următorii ani, reducându-și considerabil veniturile în consecință. Într-o lume care a făcut progrese recunoașterea altor minorități, negarea că drepturile de accesibilitate sunt drepturi ale omului va afecta, de asemenea, imaginea și reputația lor publică.

Având în vedere acest lucru, cu cât mai devreme o companie acceptă accesibilitatea ca valoare cheie în crearea unui site web sau a unei aplicații, cu atât mai devreme va fi recunoscută ca o companie care nu neglijează utilizatorii cu dizabilități. Vor obține mai mult trafic și, la rândul lor, probabil mai multe conversii. Recunoașterea importanței accesibilității web este o situație de câștig pentru toate.

• • •

Citiri suplimentare pe Blogul Toptal Design:

  • eCommerce UX – O privire de ansamblu asupra celor mai bune practici (cu infografic)
  • Importanța designului centrat pe om în proiectarea produsului
  • Cele mai bune portofolii de designeri UX – Studii de caz și exemple inspiratoare
  • Principii euristice pentru interfețele mobile
  • Design anticipator: Cum să creați experiențe magice pentru utilizator