Considerații în web design pentru deficiențe de vedere

Internetul este, evident, un mediu foarte vizual și este o bună practică să țineți cont de modul în care site-ul dvs. va fi citit de cei cu nevoi vizuale diferite. Iată câteva tehnici pentru a fi mai bine pregătit pentru a oferi o experiență plăcută utilizatorului.

Prima este dimensiunea textului. Browserele moderne acceptă creșterea și scăderea textului paginii pe cont propriu (profitând de proprietățile CSS ale stilului utilizatorului). Deși acest lucru reduce nevoia de a oferi utilizatorilor foi de stil de redimensionare din care să facă selectarea, ar trebui totuși să testați mărirea și micșorarea dimensiunii fontului de pe site-ul dvs. dintr-un browser (de obicei, ctrl și +, ctrl și -). Acest lucru vă va permite să vedeți cât de mult poate fi modificată dimensiunea fontului înainte de a interfera cu aspectul. S-ar putea să fie nevoie să vă ajustați stilul pentru a face față acestor schimbări. De câte niveluri doriți să țineți cont depinde de dvs., dar o regulă generală este că pagina dvs. ar trebui să accepte +3 cu puține întreruperi. Desigur, puteți oferi foi de stil speciale cu linkuri pentru a le activa, oferindu-vă un control mai bun asupra modificărilor, oferind în același timp utilizatorilor dvs. o experiență adaptabilă.

În al doilea rând, este capacitatea de a oferi utilizatorilor o versiune numai text a paginii. Acest lucru se poate face prin aplicarea foilor de stil personalizate pentru acțiuni precum imprimarea sau diferite dispozitive care se încadrează în designul nostru receptiv, pe care îl vom analiza mai detaliat în continuare.

Urmează contrastul. Contrastul de culoare între elementele stratificate, cum ar fi o legătură și o culoare de fundal, poate fi dificil de distins și de citit pentru mulți utilizatori. Acest lucru nu înseamnă că culorile nu ar trebui să fie niciodată stratificate, ci că contrastul dintre ele ar trebui să fie ușor de distins. O modalitate utilă de a testa acest lucru este să vă vizualizați site-ul cu setările de luminozitate și contrast în sus și în jos, modificând puțin pe monitor, pentru a vă asigura că site-ul este încă lizibil.

Combinațiile de culori pot intra și ele în joc, de exemplu roșu și verde și verde și albastru. Când aceste culori sunt folosite împreună, cum ar fi pe un buton de trimitere și de anulare care sunt unul lângă celălalt, utilizatorii cu anumite forme de daltonism le pot găsi greu de citit dacă nu pot fi distinse. O abordare mai bună este să folosiți un link de anulare a textului obișnuit lângă un buton mare de trimitere. Acest lucru face opțiunile foarte distincte vizual.

De exemplu, forma roșie/verde a daltonismului (Deuterope) face să semene mai mult culorile roșu și verde:

Dacă vă bazați pe culoarea butonului pentru a fi un indicator important al funcției, acel efect a fost pierdut. Și mai rău, dacă ați combinat culorile de text și de fundal care nu se pretează la lizibilitate pentru daltoniști, este posibil ca aceștia să nu poată interpreta deloc funcția butonului!

Aceste considerații sunt doar câteva exemple ale unui subiect mult mai amplu, care este accesibilitatea web. W3C păstrează o listă completă de articole care trebuie luate în considerare pentru a vă îmbunătăți site-ul pentru cea mai mare varietate de utilizatori, și există o serie de site-uri care vă pot scana paginile pentru a oferi note și sfaturi care urmează ghidul W3C, inclusiv unul din W3C. însuși. Site-urile care trec validarea W3C pot adăuga „ștampile” pe paginile lor care identifică eforturile și sprijinul lor și să indice că aceste considerații au fost luate.

Sursa: Michael Mendez, The Missing Link – An Introduction to Web Development and Programming (CC BY-NC-SA 3.0 License), Published by Open SUNY Textbooks, Milne Library (IITG PI), State University of New York at Geneseo. Traducere de Nicolae Sfetcu