Cum se creează un design accesibil al unei pagini web

Ecran laptop

Magazine online, aplicații bancare, rezervări la hoteluri sau locuri de muncă independente, există tot mai multe sarcinile care sunt gestionate prin internet și care au înlocuit, în unele cazuri, mass-media convențională.

acest creșterea rapidă a operațiunilor digitale ne-a făcut mai ușor în multe aspecte viaţă. Ne economisește timp, deoarece tranzacțiile sunt mai rapide și nu este nevoie să ne deplasăm la nicio unitate fizică și, bineînțeles, au fost create noi media care nu existau înainte și pe care acum îl folosesc majoritatea oamenilor, cum ar fi rețelele sociale, streaming de filme și seriale pe platforme precum Netflix sau sisteme de plată online precum Paypal.

Odată cu această ascensiune a lumii digitale, este esențial investește în dezvoltarea de interfețe accesibile și bine proiectate Pentru utilizatori. Cu toate acestea, nu putem uita asta există utilizatori care suferă de dizabilități fizice sau psihologice care le limitează considerabil experiența și capacitatea de a utiliza calculatoare și telefoane mobile.

Deși există unele dizabilități, cum ar fi persoanele care folosesc scaune cu rotile, care nu interferează cu utilizarea internetului, altele, precum probleme de vedere sau orbire, probleme de coordonare motorie, surditate sau autism, vă pot împiedica serios abilitatea de a naviga pe web. Pentru aceste cazuri, unele au fost deja create Dispozitive cum ar fi cititoarele de ecran, care asistă și sprijină utilizatorii în zonele în care au dizabilități.

Dar aceasta este doar prima parte a rezolvării problemei. Gândindu-ne la acești utilizatori, trebuie proiectarea interfețelor de pagini web care vă facilitează experiența și corespunde nevoilor tale. Există câteva principii la proiectare pe care le putem aplica.

Conținut și surse

Începând cu cel mai de bază, trebuie stabiliți priorități în proiectarea conținutului. Antetul și bara de meniu trebuie să fie ușor de localizat vizual și trebuie să fie primul lucru pe care îl vede utilizatorul. Elementele de pe pagina principală, imaginile și informațiile relevante vor fi al doilea de localizat.

Reclame sau bannere publicitare apar pe multe pagini. Dacă în sine acest lucru este enervant pentru toți utilizatorii, pentru cei cu deficiențe de vedere este o problemă, deoarece provoacă multă confuzie și interferează cu citirea diagramei web. De aceea este esențial să creați un proiect editorial general a paginii care este organizat logic și ușor de înțeles, iar elementele sunt dimensionate corespunzător, astfel încât, chiar dacă există și alte distrageri, utilizatorii se pot concentra asupra conținutului important.

Fonturile pe care le utilizați de preferință trebuie să fie mari și lizibile. Tipul Sans serif și îndrăzneț Fac citirea mult mai ușoară pentru persoanele care pot suferi de dislexie. Alte fonturi recomandate sunt: ​​Arial, Times New Roman, Helvetica, Tahoma, Calibri și Verdana.

Și, bineînțeles, ar trebui să aveți întotdeauna grijă să existe o diferențiere clară între textul și fundalul. Nu utilizați culori similare, alegeți mai degrabă culori contrastante.

Sans Serif Bold Typeface

Utilizarea fonturilor Sans Serif Bold permite o vizualizare mai bună a textului.

Text alternativ

El Text alternativ sau Eticheta Alt, sunt descrierile care sunt plasate pe imagini pe paginile web. Deși acest text nu este disponibil pentru citire de utilizatori, a descriere bine scrisă este un instrument care ne ajută să obținem o poziționare SEO mai bună.

Dar utilitatea etichetei Alt nu se reduce doar la asta. Pentru cei utilizatorii care folosesc cititoare de ecran pentru deficiențe de vedere, descrierile imaginilor sunt singura referință pe care o au pentru a ști care este aspectul a ceea ce este expus pe pagină. Deci, dacă vom plasa, de exemplu, o fotografie a unor suculente, un text alternativ bun ar fi: Trei plante suculente în ghivece roz. Un text foarte scurt, cum ar fi: Plante în ghiveci, Nu este o descriere care oferă detalii relevante și, prin urmare, nu funcționează.

Suculente în ghiveci roz

Trei plante suculente în ghivece roz. Exemplu de text alternativ.

adaptabilitate

La proiectare trebuie să ținem cont și de toate prezentările în care va fi afișată interfața noastră, fie în versiunea web sau mobilă. Experiența va fi întotdeauna diferită în funcție de suportul pe care îl vizionăm.

Când folosim telefonul mobil, putem fi expuși la medii diferite care îngreunează lectura De conținut a ecranului. Dacă suntem în aer liber, de exemplu, luminozitatea soarelui va face ecranul să pară foarte întunecat, iar zgomotul nu ne va permite să auzim bine sunetul. De aceea, este important să vă gândiți cu atenție la aceste detalii, astfel încât versiunea mobilă să aibă litere mari și culori închise, iar videoclipurile să aibă subtitrări în cazul în care sunt greu de auzit.

Ecran mobil

Adaptați designul interfeței astfel încât să poată fi citit atât pe telefoane mobile, cât și pe computere.

Coerență în proiectare

Design editorial ce facem cu site-ul nostru trebuie să fie la fel indiferent de secțiune unde ești. Aceleași pictograme ale barei de meniu ar trebui să apară în secțiunea Acasă ca în secțiunea Contacte. Nu trebuie să schimbăm stilul nici locația butoanelor cheie de pe web.

De asemenea, nu este convenabil pentru noi să plasăm videoclipuri care se redă automat la deschiderea paginii. Pentru utilizatorii care folosesc cititoare de ecran, este dificil să știe cum să le întrerupă.

Site-ul Starbucks

Bara de meniu de pe pagina Starbucks este aceeași în toate secțiunile.

Navigare tastatură

În cele din urmă, unii utilizatori cu probleme de coordonare motorie au dificultăți în apucarea mouse-ului computerului sau în utilizarea touchpadului unui laptop și se bazează exclusiv pe tastatură. Asigurați-vă că că site-ul dvs. web este conceput într-un fel asta poate fi complet funcțional doar cu butoanele tastaturii.


Lasă comentariul tău

Adresa ta de email nu va fi publicată. Câmpurile obligatorii sunt marcate cu *

*

*

  1. Responsabil pentru date: Miguel Ángel Gatón
  2. Scopul datelor: Control SPAM, gestionarea comentariilor.
  3. Legitimare: consimțământul dvs.
  4. Comunicarea datelor: datele nu vor fi comunicate terților decât prin obligație legală.
  5. Stocarea datelor: bază de date găzduită de Occentus Networks (UE)
  6. Drepturi: în orice moment vă puteți limita, recupera și șterge informațiile.