10 principii de bază care să ghideze designul web incluziv

Studiile au arătat că aproximativ 70% dintre site-uri web sunt cel puțin parțial ilizibile cu ajutorul tehnologiei de asistență.

Această statistică sună și este șocantă. Cum se face că atât de multe mărci renunță la considerente evidente pentru milioanele de utilizatori de internet cu dizabilități?

Când luăm în considerare cât de des persoanele cu dizabilități sunt făcute invizibile în societate și în afaceri, aceasta, din păcate, începe să aibă mai mult sens.

Ghidurile privind accesibilitatea conținutului web (WCAG) definesc modul în care site-urile web își pot îmbunătăți accesibilitatea și, prin urmare, incluziunea lor.

Multe dintre aceste reguli devin consacrate prin lege, astfel încât afacerea dvs. poate fi în pericol dacă site-ul dvs. web nu este accesibil.

Beneficiile incluziunii pentru afacerea dvs. și pentru clienți sunt enorme.

Accesibilitatea vă va oferi o cotă mai mare de audiență, dar este și cheia pentru a construi încrederea clienților.

Toți clienții, cu dizabilități sau nu, vor beneficia de o experiență mai fluidă pe site. Vor aprecia o afacere căreia îi pasă de această experiență.

Inclusivitatea înseamnă să luați în considerare gama de nevoi ale clienților dvs. și modul în care accesul acestora la serviciul dvs. ar putea fi limitat. Implementarea cu succes a funcțiilor de accesibilitate vă va ajuta să depășiți aceste limite.

Deși acest articol se concentrează pe designul site-ului web, rețineți că o problemă cheie de accesibilitate este lipsa accesului la internet, așa că ar trebui să căutați să sporiți disponibilitatea în toate domeniile.

Tehnologiile telefonice, cum ar fi opțiunile de apel conferință prin apelare, vă pot ajuta să mențineți contactul de la distanță cu toți clienții dvs.

Acum, să trecem la acele zece principii de bază pentru a ghida designul web incluziv.

Ghid de proiectare incluzivă

1. Fii flexibil

Termenul „dizabilitate” acoperă o gamă largă de experiențe și nevoi umane. Acest lucru poate fi intimidant atunci când vă gândiți cum să vă faceți site-ul accesibil și incluziv.

Cu toate acestea, rețineți că toți clienții dvs., cu dizabilități sau nu, vin în afacerea dvs. cu nevoi și preferințe foarte diferite.

Este adevărat că nu poți mulțumi pe toată lumea, dar poți oferi o experiență flexibilă pentru a ajunge la cât mai mulți clienți.

Luați în considerare contextul în care utilizatorii vă accesează site-ul. De exemplu, ce fel de dispozitive folosesc? Au mai multe șanse să folosească serviciile dvs. la serviciu sau acasă?

Profilați-vă clienții pentru a determina datele demografice ale acestora, cum ar fi vârsta și sexul. Aceasta este una dintre cheile pentru a înțelege cele mai bune platforme de comerț electronic sau design de pagini pentru afacerea dvs.

Cea mai bună opțiune, atât pentru a vă satisface clienții existenți, cât și pentru a ajunge la alții noi, este flexibilitatea.

Oferiți o varietate de opțiuni de contact online și offline. Contactarea afacerii dvs. și utilizarea serviciilor dvs. ar trebui să fie lină și nedureroasă. Acest lucru aduce beneficii tuturor clienților tăi, nu doar celor cu nevoi suplimentare.

2. Evitați copleșirea clienților

În timp ce un anumit grad de conținut în mișcare poate ajuta să vă facă site-ul să apară, prea mult poate provoca anxietate și presiune. Pentru utilizatorii cu nevoi de sănătate mintală, cum ar fi anxietatea, autismul sau ADHD, aceste probleme sunt deosebit de pertinente.

WCAG are linii directoare clare cu privire la mutarea conținutului. Mutarea conținutului (adică GIF-uri, defilarea și actualizarea automată a fluxurilor de știri și așa mai departe) trebuie să aibă un mecanism de pauză dacă pornesc automat, durează mai mult de cinci secunde și sunt paralele cu alt conținut.

În funcție de publicul dvs., este posibil să doriți să luați în considerare renunțarea cu totul la conținutul de redare automată. Gândiți-vă la clienții dvs. mai vechi care ar putea fi neobișnuiți cu serviciile web.

Prea multe informații emoționante, sensibile la timp, sunt dezamăgitoare și copleșitoare.

Multe site-uri în aceste zile au un pop-up de chat live de îndată ce intri pe site. Acesta are avantajele sale ca instrument de contact ușor accesibil. Cu toate acestea, poate fi iritant dacă un mesaj apare imediat de fiecare dată când utilizați site-ul.

În loc de o fereastră pop-up, ai putea avea în schimb o opțiune de chat live pliabilă, semnalizată, într-o poziție discretă. Forțarea contactului cu clienții dvs. de îndată ce sosesc poate fi foarte presantă.

Acest lucru ar trebui să se aplice și în cazul utilizării de către compania dvs. a aplicațiilor de mesagerie text. Nu vă inundați clienții cu notificări.

3. Folosiți tipografie clară

WCAG este clar despre cerințele tipografiei:

• Păstrați textul aliniat la stânga sau la dreapta (nejustificat)
• Spația dintre rânduri și paragrafe trebuie să fie de cel puțin 1,5x
• Lățimea maximă a paragrafului este de 80 de caractere

Ar trebui să respectați întotdeauna aceste linii directoare, dar puteți merge mai departe pentru a beneficia mai mulți clienți.

Utilizați un font clar, sans serif, bine dimensionat și contrastant cu culoarea de fundal. Limbajul ar trebui să fie simplu și direct, fără a-ți patrona clienții.

Folosiți-vă de cercetarea clienților pentru a determina ce așteaptă clienții de la site-ul dvs.

O altă preocupare importantă este textul din imagini. Acest lucru ar trebui evitat acolo unde este posibil.

Utilizatorii nevăzători și cu deficiențe de vedere folosesc frecvent software de citire a ecranului. Aceste programe citesc cu voce tare textul de pe ecran, dar nu pot decoda imaginile.

Prin urmare, clienții tăi pot pierde informații importante dacă textul este „ascuns” într-o imagine. Este important ca clienții tăi cu deficiențe de vedere să nu simtă că accesul lor la site-ul tău este limitat.

4. Faceți imaginile accesibile

Desigur, imaginile sunt încă esențiale pentru un bun web design. Și, invers, pot spori accesibilitatea pentru alți clienți.

Pentru cei cu dizabilități de citire, cum ar fi dislexia, imaginile relevante pot îmbunătăți înțelegerea textului. Imaginile vor fi aproape sigur necesare pentru anumite zone ale site-ului dvs., cum ar fi paginile de produse.

Puteți face în continuare imagini accesibile pentru utilizatorii cititorului de ecran. Text alternativ ar trebui să fie inclus pentru fiecare imagine de pe site-ul dvs. Acesta este textul care apare atunci când treceți cu cursorul peste o imagine.

De asemenea, este citită de cititoarele de ecran, care nu pot afișa imaginea în sine. Textul alternativ bun descrie imaginea afișată în mod clar și precis.

Este ușor să stratificați text alternativ în site-ul dvs. cu HTML. Includerea textului alternativ nu va perturba alți utilizatori și îi va beneficia enorm pe cei care folosesc cititoare de ecran. Textul alternativ și imaginile accesibile pot fi, de asemenea, benefice pentru clasamentul motoarelor dvs. de căutare.

Pe lângă textul alternativ, este important ca imaginile în sine să fie prezentate accesibil. În scopul WCAG, contrastul de culoare este măsurat ca raport. Există multe aplicații și extensii de browser care pot fi utilizate pentru a măsura acest raport.

În timp ce imaginile ocazionale pentru decorare nu au cerințe de contrast, textul peste fundal ar trebui să aibă un raport de contrast de 4,5:1. Elementele grafice, cum ar fi diagramele și elementele UI, cum ar fi pictogramele pe care se poate da clic, au o cerință de 3:1.

În cele din urmă, aproape 1 din 20 de persoane este daltonică. Gândiți-vă ce combinații de culori pot fi problematice pentru acești utilizatori.

Există multe tipuri diferite de daltonism. Aplicațiile pot fi folosite pentru a simula modul în care apare site-ul dvs. pentru utilizatorii daltonieri. Și mai bine, adresați-vă persoanelor cu daltonism sau cu alte deficiențe de vedere pentru a afla cât de utilizabil este site-ul dvs.

5. Asigurați-vă accesibilitatea ecranului tactil

Este ușor să cazi în capcana de a crede că site-ul tău desktop este „implicit”. Utilizarea smartphone-urilor și a tabletelor continuă să crească printre toți utilizatorii datorită confortului său. Aceste dispozitive sunt, de asemenea, în general mai accesibile decât laptopurile sau desktopurile.

Luați în considerare accesibilitatea site-ului dvs. pentru utilizatorii cu venituri mai mici și acordați atenție site-ului dvs. mobil.

Atingerea și glisarea ar trebui să fie ușoare și intuitive. Scopul linkurilor dvs. ar trebui să fie clar și ar trebui să încercați să minimizați atingerile greșite.

Amintiți-vă că un deget este mult mai mare decât un cursor și ascunde vizualizarea utilizatorului asupra ecranului. Puteți face acest lucru cu butoane de dimensiuni bune, bine distanțate. WCAG impune o dimensiune a butonului de 44 x 44 pixeli.

Luați în considerare nevoile fizice ale clienților cu optimizarea ecranului tactil. Dizabilitățile pot însemna că clienții au dexteritate fizică sau rezistență limitată, așa că evitați cerințele de atingere extinse sau prea complicate.

Gestul de „ciupire”, adesea necesar pentru a mări sau a roti, poate fi dificil chiar și pentru utilizatorii apți. În schimb, ați putea dori să aveți un buton de zoom care poate fi apăsat, un semn grozav că vă pasă de confortul clienților dvs.

6. Asigurați o introducere ușoară a utilizatorului

Aceasta este strâns legată de zona de accesibilitate a ecranului tactil.

Formularele de pe site-ul dvs. (pentru plasarea comenzilor, pentru a lua legătura, pentru a crea un cont și așa mai departe) ar trebui să fie ușor pentru clienții dvs. Asigurați-vă că toate casetele sunt etichetate clar cu introducerea necesară.

De asemenea, puteți pune substituenți în casete pentru a exemplifica ceea ce ar trebui să introducă clienții. De exemplu, o adresă de e-mail de substituent, cum ar fi [email protected]

Chiar și cu cele mai accesibile modele, există întotdeauna loc pentru erorile umane. Este important ca site-ul dvs. să tolereze erorile de introducere. Nu faceți clienții să se simtă proști pentru greșeli și faceți ca acestea să fie ușor de remediat.

Cel mai bun mod este de a evidenția erorile în timp real, astfel încât clienții să nu fie nevoiți să deruleze înapoi prin formulare lungi. Nu te baza doar pe culoare pentru a arăta erori; este posibil să nu fie accesibil utilizatorilor cu deficiențe de vedere.

Faceți mesajele de eroare clare, nu criptice și oferiți clienților opțiunea pentru o verificare finală înainte de a le trimite.

Toleranța la erori nu numai că îmbunătățește accesibilitatea site-ului dvs. De asemenea, îi face pe clienți să se simtă sprijiniți în fiecare pas al relațiilor lor cu dvs.

Crearea formularelor intuitive și incluzive este una dintre numeroasele moduri prin care puteți construi încredere cu clienții dvs., arătând că vă pasă de experiența lor.

7. Scopul simplității informative

Transmiterea informațiilor beneficiază în mod clar de toți cei care vă folosesc site-ul. Îi ajută pe cei cu dizabilități de învățare sau de citire, utilizatorii cu deficiențe de vedere, utilizatorii fără dizabilități și propriul personal.

Informațiile clare de pe site-ul dvs. vor reduce presiunea asupra echipelor dvs. de servicii clienți, prin reducerea numărului de întrebări de clarificare.

Paragrafele ar trebui să fie scurte, iar vocabularul să nu fie mai complicat decât este necesar. Nu te sfii să folosești termeni specifici industriei pe care clienții tăi vor înțelege, dar site-ul tău nu este locul în care să îndoiești acel vocabular SAT.

Eliminați ambiguitatea ori de câte ori este posibil. Semnificația dvs. exactă ar trebui să fie întotdeauna clară, iar funcțiile linkurilor de pe site-ul dvs. ar trebui să fie etichetate exact.

Urmărește un design minimal care subliniază ceea ce este cel mai important pentru clienții tăi.

8. Păstrați consistența

Pentru unii clienți cu dizabilități, schimbarea poate fi tulburătoare. Deși este bine să vă actualizați site-ul web pe măsură ce marca dvs. evoluează, schimbările frecvente inutile sunt probabil să arunce în fața clienților.

Când se pare că identitatea mărcii tale se schimbă în mod constant, este mai puțin probabil ca clienții tăi să aibă încredere în tine.

Consecvența trebuie menținută și în ceea ce privește serviciul pentru clienți.

Soluții precum rețelele definite de software vă pot ajuta să mențineți un serviciu coeziv. Păstrați un ton prietenos și deschis pentru a vă asigura că toți clienții dvs. se simt sprijiniți.

Unii clienți ar putea avea nevoie de informații repetate mai des. Echipa dumneavoastră CS ar trebui să fie pregătită pentru acest lucru, dar merită să luați în considerare și ca informațiile să fie mai accesibile.

Caracteristicile de accesibilitate, cum ar fi contrastul de culoare și textul alternativ, ar trebui să fie coerente în fiecare zonă a site-ului dvs.

Poate fi tentant să oferiți utilizatorilor cu dizabilități o versiune complet diferită a site-ului dvs. Cu toate acestea, acest lucru poate fi altul și îi face pe acești clienți să se simtă ca și cum ar fi o povară. În schimb, integrați accesibilitatea în site-ul dvs. de la zero, în beneficiul tuturor clienților dvs.

9. Păstrați-vă site-ul neted

O altă problemă de accesibilitate este faptul că nu toată lumea va avea acces la internet rapid sau hardware puternic.

Clienții din zonele rurale, din țările în curs de dezvoltare sau clienții cu venituri mici pot avea probleme cu site-ul dvs.

Proiectați-vă site-ul astfel încât utilizatorii să poată alege dacă să vizualizeze conținut care consumă date, cum ar fi videoclipuri. Există multe modalități de a reduce întârzierea pe site-ul dvs. pentru a beneficia acești clienți.

Luați în considerare, din nou, modul în care clienții vă accesează site-ul web.

Gândiți-vă la dispozitivele pe care le folosesc și la zonele geografice în care se află. Indiferent de câte vă privesc clienții site-ul web, ar trebui să se bucure de o experiență fără efort. Nu doriți ca clienții dvs. să simtă că folosirea site-ului dvs. este o sarcină greoaie.

Asigurați codare strictă, de înaltă calitate, pentru a reduce erorile frustrante. Încercați să reduceți numărul de pagini pe care trebuie să le acceseze clienții dvs. atunci când efectuează sarcini.

Păstrați formularele pe cât mai puține pagini posibil. Nimănui nu-i place să aștepte ca paginile noi să se încarce la fiecare câteva secunde, mai ales dacă conexiunea lor este slabă.

10. Creați ierarhie vizuală în designul site-ului web

Un fir comun în multe dintre cele mai bune design-uri de site este o ierarhie vizuală clară. Aceasta înseamnă că navigarea este ușoară și este evident ce pași ar trebui să ia utilizatorii pentru diferite sarcini.

Puteți analiza utilizarea site-ului dvs. de către clienți și puteți pune în prim plan cele mai utilizate funcții. Evitați „tiling”, deoarece acest lucru este ușor copleșitor și nu este deosebit de clar.

Puteți grupa caracteristici asociate împreună cu alegeri unificatoare de design, cum ar fi culoarea și forma. Cu toate acestea, nu ar trebui să vă bazați doar pe aceste caracteristici. După cum sa discutat, ele pot fi inaccesibile. Utilizați și textul, în scopul cititorilor de ecran.

Scopul ierarhiei vizuale este de a face mai rapid și mai ușor pentru clienții tăi să folosească și să navigheze pe site-ul tău.

Utilizați alegerile de design pentru a direcționa clienții către secțiunile relevante ale site-ului dvs. Înțelegeți nevoile clienților dvs. și subliniați ceea ce este cel mai important pentru ei

Cuvinte finale despre incluziune

În cele din urmă, filozofia din spatele accesibilității și incluziunii este că utilizatorii cu dizabilități sunt la fel de valoroși ca orice alt utilizator. Acest lucru poate părea evident, dar un număr surprinzător de mărci nu reușesc să pună acest lucru în practică cu design-urile site-urilor lor.

Dacă faceți eforturi suplimentare pentru a vă asigura că toți clienții dvs. au o experiență bună, veți construi încredere și loialitate în baza dvs. Clienții tăi vor fi mai fericiți, iar tu te vei remarca ca o afacere căreia îi pasă cu adevărat.

Biografia autorului

John Allen este director, Global SEO la RingCentral, un furnizor global de software UCaaS, VoIP și de apelare automată. Are peste 14 ani de experiență și o experiență vastă în construirea și optimizarea programelor de marketing digital. A scris pentru site-uri web precum Vault și 3DCart.