Utilizarea ghidurilor de stil pentru accesibilitate

Să începem prin a pune câteva întrebări.

Ce este un ghid de stil??

Un ghid de stil este un document de proiectare care poate fi folosit pentru a stabili un set de standarde atunci când se pun împreună interfețe de garanție sau de utilizator pentru o afacere - în esență orice produs sau artifact produs pentru afacere. 

Cine folosește un ghid de stil?

Un ghid de stil poate fi creat pentru un dezvoltator, astfel încât aceștia să cunoască specificul despre ceea ce trebuie construit sau un designer, astfel încât să înțeleagă considerațiile de proiectare și imaginea mai largă. Ar putea fi, de asemenea, utilizat într-o mai mare măsură în cadrul unei organizații pentru a oferi îndrumare și claritate atunci când creați documente noi. 

Ce este accesibilitatea?

Accesibilitatea vă asigură că planurile dvs. respectă un standard comun și sunt accesibile unei game variate de persoane, cum ar fi persoanele cu dizabilități fizice sau cognitive.

De ce utilizați un ghid de stil pentru accesibilitate?

Un ghid de stil este o modalitate excelentă de a vă consolida consecvența prin modelele dvs. Asigură-te că ai o bază solidă pentru a lucra. Când vorbim despre ghiduri de stil, ne gândim în mod normal la integritatea logo-ului, tipografia, culoarea. Dar despre accesibilitate? Luați în considerare următoarele cazuri pentru utilizarea unui ghid de stil de accesibilitate:

1. Pentru a seta direcția

Un ghid de stil oferă o direcție. De exemplu, în loc să trebuiască să reuni un pixel perfect de tip machetă de fiecare dată când proiectați un formular, un dezvoltator ar putea prefera să facă referire la un ghid de accesibilitate pentru a decide cum să-l construiască. Când stabiliți linkuri de accesibilitate, este posibil să includeți instrucțiuni despre ce tipuri de control de formular să utilizați și când. 

2. SEO

SEO este un alt motiv pentru care designerii trebuie să fie conștienți de accesibilitate. De exemplu, plasarea textului într-o imagine înseamnă că cititorii de ecran nu vor putea să acceseze acest lucru, iar Google va penaliza site-ul dvs. web pentru că a conținut slab marcat. Efectuarea accesului la site-ul dvs. are rezultatul pozitiv adăugat al ajutorării SEO.

3. Experiența utilizatorilor

Accesibilitatea este o mare parte din UX; la urma urmei, nu toată lumea va experimenta un produs în același mod. Culorile contrastante pot direcționa un utilizator printr-un flux destinat, dar cineva incapabil să distingă acele culori contrastante poate găsi experiența neintuitivă. Anticiparea impedimentelor de utilizare și planificarea pentru ele într-un ghid de stil de accesibilitate reprezintă o bună practică. 

4. Dezactivat

Hand-off este un exemplu perfect atunci când doriți să utilizați un ghid de stil de accesibilitate. Este posibil să lucrați pe bază de contract și să căutați să legați lucrurile pentru următorul antreprenor sau agenție care vine să preia locul unde ați rămas. Dă-i următoarea linie de muncitori o anumită perspectivă asupra gândirii tale din perspectiva accesibilității. 

Începeți cu elementele de bază

Formulare

Formularele au un număr de euristici sau reguli de deget asociate cu accesibilitatea. Cum este construit un formular este foarte important. Când a fost ultima dată când ați inclus a element cu a

? Detaliile de marcare ca acestea sunt într-adevăr utile pentru tehnologiile de asistență.

Din punct de vedere vizual, ați putea lua în considerare apropierea etichetelor pentru a forma intrări. Un alt exemplu, poate, alinierea și modul în care acestea fac pe mobil. 

Atingeți țintă

Atingerea dimensiunii țintă este foarte importantă. Pe dispozitive mobile și tablete, utilizatorul ar trebui să aibă spațiul optim pentru a selecta un element de buton. Dacă este prea mic, este posibil să creadă că sistemul este rămas sau că link-ul poate să nu funcționeze! Ideal ar fi ca o țintă să fie de aproximativ 44 de puncte înălțime și lată, astfel încât să poată fi lovită cu degetul cu precizie. 

 Contrastul culorii

Există suficient contrast de culoare pentru elementele din pagină? Este textul lizibil pentru anumite fotografii? Acest lucru este important pentru a lua în considerare cât mai mulți oameni suferă de vedere defectuos, sau sunt color orb în vreun fel. 

Mărimea textului

Textul mic este o altă problemă comună, în special pentru persoanele în vârstă. Dezvoltatorii trebuie să-și aleagă interfața de stil pentru flexibilitate, astfel încât utilizatorii care au probleme cu citirea textului să poată mări și micșora imaginea. Dacă proiectați pentru o aplicație pe care doriți să creați un aspect care să se potrivească ecranului dispozitivului. Utilizatorii ar trebui să evite orice controale pe care utilizatorul trebuie să le mute sau să le deruleze pe orizontală. 

 În plus, dimensiunea textului ar trebui să fie de cel puțin 11 puncte, astfel încât să fie lizibilă. În mod ideal, doriți ca utilizatorul mediu să evite necesitatea de a mări și micșora conținutul.

Degradare grațioasă

Degradarea grațioasă se referă la modul în care produsul funcționează eficient atunci când cineva are o conexiune mai lentă, o dimensiune diferită a ecranului, o rezoluție diferită, un browser diferit sau chiar restricții asupra browserului. Conștientizarea acestor constrângeri și limitări poate ajuta organizația dvs. să determine dacă publicul poate accesa în continuare conținutul dvs. cu oricare dintre aceste constrângeri impuse. Cele mai multe eșecuri nu sunt surprize șocante. Acestea sunt evenimente previzibile pe care le puteți planifica, în loc să le îndepărtați de accidente rar imprevizibile. 

Faceți-l relevant

Dacă efectuați o evaluare a utilizabilității, puteți utiliza ceea ce ați observat; problemele legate de accesibilitatea în întregul sistem vă pot ajuta să schițați regulile de accesibilitate în ghidul de stil. De exemplu, dacă ați utilizat metrici de testare, cum ar fi erori critice și ați constatat că acestea apar din cauza contrastului color, atingeți probleme de dimensiune sau orice altă problemă de accesibilitate, includeți-o în ghidul de stil de accesibilitate. Exemplele extrem de relevante sunt mult mai probabil să ofere un plus de credibilitate documentului dvs. și să-l cumpere de la părțile interesate.

Concluzii și tactici

Ghidurile de stil sunt obișnuite. Ghizi de stil de acces nu sunt la fel de obișnuite, dar nu ar trebui trecute cu vederea. De fapt, ele pot fi critice în unele cazuri. Cu toate acestea, ele sunt, de asemenea, benefice atunci când ne gândim la experiența generală a utilizatorilor. Contrastul culorilor, atingerea dimensiunii țintă și a elementelor de formă sunt toate potențiale pentru probleme dacă nu sunt executate corect. 

  • Gândiți-vă mai întâi la elementele esențiale. Includeți informațiile relevante în ghidul de stil de accesibilitate.
  • Nu presupuneți că ceva este bunul simț. Luați cunoștințele pe care le acumulați de-a lungul anilor. Nu vă fie frică să schițați lucrurile pe care le-ați putea lua așa cum le-ați dat.
  • Forma urmează funcția. Dacă ghidul de stil de design se contrazice cu ghidul de stil de accesibilitate, poate fi timpul să vă întoarceți și să încercați să aliniați ambele (consultați exemplul de contrast de culoare de mai sus).
  • Începeți cu problemele pe care le-ați identificat deja în evaluările dvs. euristice. Care sunt câteva dintre problemele de utilizare pe care le-ați întâlnit? În special, problemele apărute frecvent și cele cu rating ridicat de severitate?

Citirea în continuare

  • Ghid de stil A11Y
  • Ghid de stil pentru conținutul MailChimp: Scriere pentru accesibilitate
  • edx / ux-pattern-library Ghid de stil: Accesibilitate