Kako stvoriti pristupačan dizajn web stranice

Zaslon prijenosnog računala

Internetske trgovine, bankarske aplikacije, hotelske rezervacije ili slobodni poslovi, sve više i više zadatke koji se rješavaju putem interneta a koji su u nekim slučajevima zamijenili konvencionalne medije.

ovo brzi rast digitalnih operacija olakšao nam je u mnogim aspektima život. Štedi nam vrijeme jer su transakcije brže i nije potrebno putovati u bilo koji fizički objekt, i naravno, stvoreni su novi mediji koji prije nisu postojali i koje sada većina ljudi koristi, poput društvenih mreža, streaming filmova i serija na platformama poput Netflixa ili mrežnim sustavima plaćanja kao što je Paypal.

S ovim usponom digitalnog svijeta to je neophodno ulagati u razvoj pristupačnih i dobro dizajniranih sučelja Za korisnike. Međutim, to ne možemo zaboraviti postoje korisnici koji pate od invaliditeta fizički ili psihološki koji znatno ograničavaju njihovo iskustvo i sposobnost korištenja računala i mobitela.

Iako postoje neke smetnje u razvoju, poput ljudi koji koriste invalidska kolica, koji ne ometaju upotrebu interneta, drugi, poput problema s vidom ili sljepoće, problema s koordinacijom motora, gluhoće ili autizma, mogu ozbiljno ometati vašu sposobnost snalaženja na webu. Za te su slučajeve neki već stvoreni Uređaji poput čitača zaslona, koji pomažu i podržavaju korisnike u područjima u kojima imaju invaliditet.

Ali ovo je samo prvi dio rješavanja problema. Razmišljajući o ovim korisnicima, moramo dizajn sučelja web stranica koji vam olakšavaju iskustvo i odgovaraju vašim potrebama. Postoje neka načela prilikom dizajniranja koja možemo primijeniti.

Sadržaj i izvori

Počevši od najosnovnijeg, morate postaviti prioritete u dizajnu sadržaja. Zaglavlje i traka izbornika moraju biti vizualno lako dostupni i moraju biti prvo što korisnik vidi. Drugi će se pronaći elementi na početnoj stranici, slike i relevantne informacije.

Oglasi ili reklamni natpisi pojavljuju se na mnogim stranicama. Ako je to samo po sebi neugodno za sve korisnike, za one s oštećenjima vida to predstavlja problem jer uzrokuje veliku zabunu i ometa čitanje web dijagrama. Zbog toga je bitno da stvorite opći urednički dizajn stranice koja je organizirano logično i razumljivo, a elementi su odgovarajuće veličine, tako da čak i ako postoji druga smetnja, korisnici se mogu usredotočiti na važan sadržaj.

Fontovi koje koristite po mogućnosti moraju biti velika i čitljiva. Tip Bez serifa i podebljano Omogućuju čitanje ljudima koji mogu patiti od disleksije. Ostali preporučeni fontovi su: Arial, Times New Roman, Helvetica, Tahoma, Calibri i Verdana.

I naravno, uvijek biste trebali voditi računa da postoji jasna razlika između njih tekst i pozadinu. Ne koristite slične boje, radije odaberite kontrastne boje.

Bez zarezanih masnih slova

Korištenje fontova Sans Serif Bold omogućuje bolju vizualizaciju teksta.

Alternativni tekst

El Alternativni tekst ili Alt oznaka su opisi koji se postavljaju na slike na web stranicama. Iako ovaj tekst nije dostupan korisnicima za čitanje, a dobro napisan opis je alat koji nam pomaže u postizanju boljeg SEO pozicioniranja.

Ali korisnost Alt Taga ne svodi se samo na to. Za one korisnici koji koriste čitače zaslona za oštećenja vida, opisi slika su jedina referenca koju moraju znati kakav je izgled onoga što je izloženo na stranici. Pa ako ćemo smjestiti, na primjer, fotografiju nekih sukulenata, dobar alternativni tekst bio bi: Tri sočne biljke u ružičastim posudama. Vrlo kratak tekst poput: Biljke u saksiji, To nije opis koji daje relevantne detalje i stoga ne funkcionira.

Sukulenti u ružičastom loncu

Tri sočne biljke u ružičastim posudama. Primjer alternativnog teksta.

prilagodljivost

Prilikom dizajniranja također moramo uzeti u obzir sve prezentacije u kojima će biti prikazano naše sučelje, bilo u web ili mobilna verzija. Iskustvo će uvijek biti različito, ovisno o mediju na kojem ga gledamo.

Kada koristimo mobitel, možemo biti izloženi različitim okruženjima koji otežavaju čitanje Od sadržaja zaslona. Ako smo, na primjer, na otvorenom, svjetlost sunca učinit će da zaslon izgleda vrlo tamno, a buka nam neće dopustiti da dobro čujemo zvuk. Zbog toga je važno dobro razmisliti o tim detaljima, tako da mobilna verzija ima velika slova i tamne boje, a videozapisi trebaju imati titlove u slučaju da ih je teško čuti.

Zaslon za mobitel

Prilagodite dizajn sučelja tako da bude čitljiv i na mobitelima i na računalima.

Dosljednost u dizajnu

Urednički dizajn što radimo s našom web stranicom moraju biti isti bez obzira na odjeljak gdje si. U odjeljku Početna trebale bi se pojaviti iste ikone trake izbornika kao i u odjeljku Kontakti. Ne smijemo mijenjati stil ni mjesto ključnih tipki na webu.

Također nam nije prikladno postavljati videozapise koji se automatski reproduciraju prilikom otvaranja stranice. Korisnicima koji koriste čitače zaslona teško je znati kako ih pauzirati.

Web stranica Starbucksa

Traka izbornika na stranici Starbucks jednaka je u svim odjeljcima.

Navigacija tipkovnicom

I na kraju, neki korisnici s poteškoćama s koordinacijom motora imaju poteškoća uhvatajući računalni miš ili upotrebljavajući dodirnu podlogu prijenosnog računala i oslanjaju se isključivo na tipkovnicu. Biti siguran u da je vaše web mjesto dizajnirano na način to može biti potpuno funkcionalan samo s tipkama na tipkovnici.


Ostavite svoj komentar

Vaša email adresa neće biti objavljen. Obavezna polja su označena s *

*

*

  1. Za podatke odgovoran: Miguel Ángel Gatón
  2. Svrha podataka: Kontrola neželjene pošte, upravljanje komentarima.
  3. Legitimacija: Vaš pristanak
  4. Komunikacija podataka: Podaci se neće dostavljati trećim stranama, osim po zakonskoj obvezi.
  5. Pohrana podataka: Baza podataka koju hostira Occentus Networks (EU)
  6. Prava: U bilo kojem trenutku možete ograničiti, oporaviti i izbrisati svoje podatke.