Accesibilitate web 101: Proiectare pentru toți

Designul web se referă la accesibilitate. Cei mai mulți designeri web își propun să creeze produse pentru cea mai mare gamă de oameni din publicul lor, aruncându-și design-urile ca niște plase deschise pentru a le oferi cel mai mare aflux de utilizatori.

Și, deși există o logică în acest principiu de design, el eclipsează un principiu oarecum mai simplu și mai incluziv: Design pentru toți oamenii, nu pentru majoritatea.

Optimizați conținutul astfel încât fiecare posibil utilizator să se bucure și să interacționeze cu site-ul dvs. web și să acceseze informațiile și datele disponibile. Angajarea în această practică va ajuta la dezvoltarea unei piețe mai extinse și la diversificarea bazei de clienți. 15% din populația lumii are un anumit nivel de handicap.

Aceștia sunt oameni care, ca toți ceilalți, folosesc des internetul și se bazează foarte mult pe instrumentele și comunicarea digitală. Optimizarea site-ului dvs. web pentru a vă asigura că utilizatorii se pot bucura de o experiență excelentă vă poate extinde webul de interacțiune. Prin practicarea includerii în designul dvs., veți putea ajunge la milioane de oameni care sunt adesea trecuti cu vederea.

Proiectarea pentru accesibilitate nu trebuie să fie dificilă. Trebuie doar să fie simplu și atent față de toți potențialii utilizatori. Iată cum să-ți optimizezi site-ul web pentru o accesibilitate maximă.

Înțelegeți-vă utilizatorii

Cunoașterea publicului este crucială în orice proiect, așa că este cel mai bun loc de a începe. Înțelegeți că utilizatorii dvs. pot include persoane cu capacități diferite. Unii dintre utilizatorii dvs. pot avea deficiențe de auz sau de vedere, alții pot avea tulburări convulsive, alții pot avea încă probleme de mobilitate.

Deși nu poți proiecta pentru fiecare scenariu posibil, îți vei lărgi orizontul de proiectare dacă îți faci timp să te gândești la cât mai multe. După ce v-ați gândit la publicul extins, faceți câteva cercetări. Citiți studii de caz, discutați cu prietenii care au experiențe, consultați ghiduri de accesibilitate.

Poate încercați să luați o pagină din domeniul educațional, principiile designului universal sunt o referință bună.

Gândește-te la UX

Acum că ați dezvoltat o înțelegere cu viitorii dvs. utilizatori, introduceți această înțelegere în cadrul experienței utilizatorului (UX). Acest pas te va ajuta să empatizezi cu utilizatorii tăi și să iei în considerare lucruri la care poate nu te-ai gândit înainte. De asemenea, vă va îndrepta către o mare varietate de definiții ale tehnologiei de asistență.

Așa cum un designer ar trebui să ia în considerare comportamentul unui site web în fiecare browser major, tehnologiile de asistență ar trebui să facă parte din lista de verificare a funcționalității. Uneori, chiar și cele mai mici modificări în designul web pot deschide noi uși pentru utilizatorii cu dizabilități.

O Simplă Schimbare

De exemplu, poate cea mai ușor modificare de implementat este modul în care utilizați etichetele de accent.

Din punct de vedere vizual, nu există nicio diferență între <b> și <strong> și nici <i> nu apare altfel decât <em> . Dar pentru persoanele cu dizabilități, aceste etichete își pot schimba drastic experiențele utilizatorului.

Deși redau la fel, efectiv aldine și cursive , diferența dintre aceste etichete este funcția lor. În timp ce etichetele mai simple aldine și italice sunt de prezentare (schimbând modul în care textul este redat), puternic și accentul indică modele de vorbire diferite pentru tehnologia de asistență.

Dar nu este la fel de simplu ca să înlocuiți orbește toate <b> cu <strong> . Multe anteturi folosesc text aldine pentru contrast, de exemplu, dar poate că nu este cel mai bine pentru utilizatorii cu dizabilități să experimenteze o etichetă <strong> aici. Gândiți-vă: „Acest text trebuie rostit diferit pentru ca un utilizator să experimenteze sensul său complet?” Dacă nu, luați în considerare renunțarea la <strong> sau <em> , dacă nu sunt cu adevărat necesare.

Modificări subtile și considerații ca acestea pot face toată diferența pentru utilizatorii cu dizabilități. Este important să faceți upgrade și nu downgrade UX.

Proiectare pentru persoanele cu deficiențe de vedere

În timp ce sfaturile de mai sus beneficiază deja de persoanele cu deficiențe de vedere, nu toți cei cu probleme de vedere vor avea același nivel sau tip de deficiență. Este la fel de important să oferim opțiuni care să găzduiască pe cei care își păstrează utilizarea vederii.

Luați în considerare aceste elemente:

• Permite utilizatorilor să mărească fontul. Majoritatea browserelor vor face acest lucru cu sau fără acordul dvs., dar va arăta mai frumos dacă aveți CSS pregătit pentru asta.
• Evitați anumite combinații de culori precum roșu și verde sau albastru și galben. În schimb, de ce să nu folosiți culoarea pentru a crește numărul de conversii și, în același timp, accesibilitatea?
• Cod în „textul alternativ”. Textul alternativ poate fi citit cu ajutorul tehnologiei de asistență și poate explica orice grafică de pe pagină.
• Folosiți punctele în abrevieri, chiar și cele binecunoscute. Modul în care un cititor de ecran procesează informațiile este adesea fonetic: imaginați-vă că auziți „Fibby” vs. FBI

Pentru mai multe informații despre modalitățile de a încorpora elemente pentru utilizatorii cu deficiențe de vedere, consultați Fundația Americană pentru Nevăzători.

Proiectare pentru persoanele cu deficiențe de auz

Deși persoanele cu deficiențe de auz necesită mai puține acomodari, tendințele recente în utilizarea videoclipurilor pe site-uri web au crescut nevoia de alegeri inteligente de design. Deci, dacă site-ul dvs. web încorporează componente auditive, utilizați subtitrări sau interpretare în limbajul semnelor.

Evitați tentația de a utiliza subtitrări automate – treceți la orice videoclip aleatoriu care a fost procesat folosind transcriere automată pentru a vedea traduceri de cuvinte care nu au sens și pot fi productive.

Pentru liniile directoare specifice de subtitrare, recomandările Asociației Naționale a Surzilor pot fi găsite aici.

Proiectare pentru epilepsia fotosensibilă

Una dintre preocupările de design în jurul utilizării predominante a videoclipurilor, în special a videoclipurilor care utilizează o funcție de redare automată, înconjoară utilizatorii care au epilepsie fotosensibilă. Acești utilizatori pot experimenta convulsii declanșate de efecte de tip stroboscopic sau de imagini în mișcare. Designerii web pot folosi Instrumentul de analiză a epilepsiei fotosensibile pentru a verifica probabilitatea ca conținutul lor să declanșeze o criză.

Dacă conținutul este identificat ca fiind expus riscului, dar nu poate fi modificat pentru a reduce riscul, avertizați întotdeauna despre potențial și nu redați automat videoclipul. Asigurați-vă că avertismentul este vizibil și lângă butonul de redare.

Proiectare pentru deficiențe de mobilitate

Unele deficiențe de mobilitate vor varia de la pierderea totală a controlului motorului fin la un tremor ușor. Oricare nivel de afectare are ca rezultat aceeași experiență de utilizator pe un site web care nu le-a luat în considerare:

• Utilizatorii trebuie să depună un efort mai mare pentru a ajunge la link-uri și pot obosi rapid.
• Utilizatorii nu pot naviga pe site deoarece nu permite utilizarea tastaturii.
• Trebuie să parcurgeți o pagină lungă duce la oboseală, deoarece nu este disponibilă nicio opțiune „înapoi în sus” sau săriți.

Site-urile care sunt optimizate pentru ecranul tactil sau introducerea fină a mouse-ului pot avea consecințe mai grave pentru persoanele cu mobilitate redusă, făcând posibil site-ul inutilizabil.

Încorporarea elementelor de design, cum ar fi navigarea care poate fi operată folosind tastatura și link-uri de ancorare frecvente care pot atrage utilizatorul către diferite secțiuni ale paginii, poate ajuta în mare măsură acești utilizatori.

Creați o opțiune de site „de bază”.

Designul dvs. este impecabil, interactiv și izbitor, folosește cele mai recente și mai mari tendințe disponibile pe piața liberă - și este abia accesibil pentru oricare dintre utilizatorii descriși mai sus.

Dacă sună ca designul dvs. web, o alternativă mai ușoară poate fi crearea unui aspect „simplu” pe care utilizatorii îl pot activa și dezactiva. Acest lucru va atrage mai mult decât utilizatorii cu dizabilități: pentru utilizatorii care suferă de migrene declanșate de contrast ridicat, de exemplu, a avea un comutator ușor de accesat poate fi diferența între a deveni client sau a pleca să se lupte cu o migrenă de trei ore.

Nu te opri nici aici. Aplicați aceeași opțiune pentru listele dvs. de abonamente, permițând utilizatorilor să își editeze cu ușurință preferințele înainte de a primi marketing prin e-mail.

Continuați să înțelegeți diferiții dvs. utilizatori. Continuă să te gândești la ei. Cu cât înțelegeți și empatizați mai mult cu utilizatorii dvs., cu atât designul UX va deveni mai ușor accesibil. Cine știe? S-ar putea chiar să schimbi lumea cuiva.