Share
Noi, în industria web, creăm adesea pentru majoritate, făcând munca noastră tolerabilă pentru cei din minoritate. Nu este suficient de bun. În acest articol vom examina modalități de îmbunătățire a experienței tipografice pentru utilizatorii cu deficiențe de vedere pe web.
Rapoartele de la sfârșitul anului 2013 sugerează că există aproximativ 285 de milioane de persoane cu deficiențe de vedere la nivel global. În timp ce 90% din acești oameni locuiesc în țările în curs de dezvoltare, restul de 10% includ 28.500.000 de oameni care cu siguranță interacționează cu webul într-o anumită calitate. Există browsere special create pentru utilizatorii cu probleme de vedere, cum ar fi WebbIE, care transformă toate paginile în interfețe numai pentru a lucra cu cititoare de ecran, dar este suficient? Ce-i cu cei care nu sunt complet orbi, dar au probleme cu citirea fonturilor pe web? Este o abordare totală sau nimic corectă pentru ei?
WebbIE Web Browser 4Să trecem peste problemele cu care se confruntă acest grup de utilizatori, modul în care practicile noastre din industrie contribuie la împiedicarea acestora și cum putem rezolva problema!
Atunci când un designer creează o tipografie, locul de vizionare destinat are o influență puternică. Caracterele destinate citirii pe suporturi tipărite ar fi proiectate pentru a se potrivi cel mai bine. Un font pentru desktop ar trebui mai întâi să fie optimizat înainte de a fi folosit pe web și multe fonturi populare au variante web în aceste zile. De exemplu, o tipă care este optimizată pentru web poate avea un contrast mai mic al cursei (pe care îl veți vedea într-un moment), o înălțime mai înaltă x, contoare mai mari (găurile în interiorul unei foițe) și spațiere mai deschise. Cu scopul de a face un tip mai ușor de citit pe web, unele dintre aceste schimbări pot avea de fapt efectul invers pentru persoanele cu deficiențe de vedere.
Veți auzi de multe ori oamenii care se încurcă într-o discuție despre care este cel mai ușor de citit pentru copiere; serif sau tip sans serif? De fapt, alegerea unei litere pentru lizibilitate nu este la fel de alb-negru.
Modificări neomodulate sunt atunci când greutatea în loviturile unui personaj este nevătămată pe tot parcursul. Aceasta elimină multe caracteristici definitorii ale literelor utilizate de interpreții cu deficiențe de vedere pentru interpretare. Pentru un utilizator cu deficiențe de vedere, S a unei tipografii nemodulate ar putea fi destul de posibil interpretată greșit ca o C.
În exemplul de mai sus veți vedea că Arial are un strock nemodulate, spre deosebire de seriful clasic Georgia. Verdana este un bun exemplu de sans serif care prezintă o modulare ușoară. Terminalele sale lărgite (la sfârșitul cursei) sugerează o "oprire" înainte ca ochiul cititorului să se mute la următorul personaj.
În anii 1950, Herman Zapf a dezvoltat Optima cu acest lucru în minte; el vizează o sans serifă care ar putea înlocui tipul serifului cel mai des folosit în cărți și reviste.
S-ar fi putut găsi că trebuie să faceți acest lucru înainte: creșterea greutății unui font la dimensiuni mai mici pentru o mai bună lizibilitate. În cea mai mare parte, aceasta este o soluție satisfăcătoare care oferă conținutului ușor de citit de către utilizatorul anticipat. În cazul utilizatorilor cu deficiențe de vedere, acest lucru creează din nou o experiență de citire aproape imposibilă.
Atunci când combinați un font special conceput pentru o anumită dimensiune și îmbunătățiți lizibilitatea acestuia prin adăugarea greutății (mai ales dacă browserul adaugă greutatea, mai degrabă decât utilizând o anumită variantă de fonturi), exagera efectul de curse nemodulate. Greutatea adăugată estompează caracteristicile specifice literei utilizate pentru identificarea mai ușoară.
Kerning este ajustarea distinctivă a distanței dintre caractere într-un font. Cu kerning, scopul este de a avea o sumă distinctă de spațiu între caractere pentru întreaga familie de fonturi. Cu toate acestea, în majoritatea fonturilor pe care le veți găsi pe web, cantitatea de spații albe este gestionată într-un mod mai uniform.
La suprafață acest lucru nu pare atât de important, dar o abordare uniformă poate duce la interpretarea greșită a caracterului. Un exemplu comun în acest sens este L și J. Plasați aceste două caractere unul lângă celălalt și le puteți face greșit U, sau LI. Un alt exemplu bun este de două capitale v, VV. Această combinație ar putea fi ușor văzută ca o W.
Este imposibil să discutăm lizibilitatea fără a menționa opțiunile de culoare. Diferitele combinații de culori pentru font și fundal creează diferite experiențe de citire. De exemplu, este o practică comună sigură de a pune text aproape negru pe un fond aproape alb. În același sens, este o practică proastă de a folosi o culoare galbenă cu un fundal alb. Aceasta din urmă face o experiență îngrozitoare de lectură și poate provoca dureri de cap.
Astăzi, cu utilizarea proeminentă a designului plat, aceste probleme de culoare nu reprezintă o problemă atât de mare în comparație cu câțiva ani în urmă. Cu toate acestea, este încă ceva de luat în considerare în mod real. Pentru un fundal video (de asemenea, un trend ascendent), vor exista întotdeauna diferite scene care modifică echilibrul culorilor. Pentru designul plat, problema constă în alegeri prin simpla mutare a unei culori suficientă în ceea ce privește locul unde oferă un nivel acceptabil de lizibilitate.
Albul albastru în acest exemplu arată foarte bine, dar nu dacă viziunea dvs. nu este 100%. Aruncați o privire la checkmycolours.com pentru a analiza orice combinații de care nu sunteți siguri.
După ce a trecut câteva dezavantaje cheie rapide cu care se confruntă utilizatorii cu deficiențe de vedere cu tipografie web, să trecem acum la ceea ce se poate face ca arhitecții de pe web pentru a ajuta la asta.
Pentru a crea combinații de culori între schema dvs. și font, există o singură regulă simplă de urmat. Fundalul trebuie să fie clar și suficient de mutat pentru a nu crea zgomot. Pentru font, o culoare solidă, cu un contrast considerabil. Simplu, corect?!
Pentru fundalurile video există un pic mai mult implicat. În timp ce o culoare de fundal suprapusă sub text este excelentă, videoclipul poate diferenția atmosfera și nivelul de zgomot prin modificarea scenelor. Pentru a contracara acest lucru, asigurați-vă că luați în considerare toate modificările diferite ale scenei pe tot parcursul videoclipului.
Arata super! Nu o pot citi însă.Simpla afișare a unui font la o dimensiune sigură nu va funcționa întotdeauna. După cum probabil ați experimentat, unele fonturi apar jagged sau mai puțin rafinat, atunci când sunt utilizate la diferite dimensiuni. O soluție populară pentru acest lucru este o greutate în plus și adăugarea unui accident vascular cerebral. În timp ce acest lucru poate ajuta, este dezordonat și nu obține complet de treaba.
Testarea pentru a vă asigura că site-ul dvs. este lizibil pentru persoanele cu deficiențe de vedere nu este la fel de dificilă pe cât pare. Încercați să faceți aceste trei lucruri:
Fiind conștient că există o problemă este jumătate din bătălie. Acum ar trebui să aveți un punct de pornire solid pentru înțelegerea modului în care puteți oferi utilizatorilor cu probleme de vedere o experiență mai bună.
Accentsconagua