Koristne informacije ...

Kaj pomeni dostopnost spletne strani za posel?

Stranka pride do obrazca za povpraševanje, vendar ne more izbrati polja s tipkovnico. Druga želi kupiti izdelek, a zaradi prenizkega kontrasta ne razbere cene. Tretja uporablja bralnik zaslona in ne more razumeti, kaj prikazujejo ključne slike na strani. Kaj pomeni dostopnost spletne strani v praksi? Pomeni, da takšnih strank ne izločite že pri prvem kliku.

Dostopna spletna stran ni poseben, poenostavljen splet za majhen del ljudi. Je kakovostno zasnovana spletna rešitev, ki jo lahko uporablja čim več obiskovalcev - ne glede na njihove telesne, senzorne ali kognitivne zmožnosti, napravo, način uporabe in trenutne okoliščine. To je vprašanje uporabniške izkušnje, ugleda podjetja in pri spletnih trgovinah zelo neposredno tudi vprašanje prihodkov.

Kaj pomeni dostopnost spletne strani?

Dostopnost pomeni, da je vsebina spletnega mesta zaznavna, razumljiva, upravljiva in tehnično združljiva s pripomočki, ki jih obiskovalci uporabljajo. Mednje sodijo bralniki zaslona, povečave, glasovno upravljanje in navigacija samo s tipkovnico. Vendar bi bilo napaka, če bi dostopnost zožili le na tehnologijo za osebe z invalidnostmi.

Pomislite na uporabnika z zlomljeno roko, ki ne uporablja miške. Na obiskovalko, ki na telefonu bere stran na močnem soncu. Na starejšo osebo, ki potrebuje večje besedilo, ali kupca, ki na hitro preverja ponudbo v hrupnem okolju in ne more poslušati videa. Dostopnost izboljšuje izkušnjo v vseh teh primerih.

Za podjetje to pomeni manj trenja med obiskovalcem in želenim dejanjem: oddanim povpraševanjem, rezervacijo termina, prenosom dokumenta ali nakupom. Ko so navigacija, vsebina in obrazci jasni, obiskovalec hitreje razume ponudbo in lažje zaključi pot. Dober dizajn pri tem ne izgubi značaja. Nasprotno - postane natančnejši, bolj premišljen in učinkovitejši.

Dostopnost ni vizualni popravek ob koncu projekta

Pogosta napaka je, da se dostopnost začne preverjati tik pred objavo strani. Takrat se običajno popravi barvni kontrast, doda nekaj opisov slik in projekt se razglasi za zaključen. To je korak v pravo smer, ni pa celovita rešitev.

Dostopnost se začne že pri strategiji. Če je struktura ponudbe nepregledna, je ne bo rešil niti najboljši bralnik zaslona. Če obrazec zahteva preveč podatkov, je frustrirajoč za vse. Če pomembno navodilo obstaja samo v videu ali samo v drobnem besedilu pod gumbom, obiskovalci informacijo zlahka spregledajo.

Zato mora biti vključena v zasnovo vsebine, informacijsko arhitekturo, grafično oblikovanje, razvoj, vnos vsebin in končno testiranje. Pri rešitvi po meri je to bistveno lažje obravnavati kot del sistema, ne kot naknaden obliž. Predpripravljene teme in vtičniki lahko pospešijo začetek, vendar pogosto prinesejo omejitve v kodi, obrazcih ali komponentah, ki jih brez razvojnega posega ni mogoče dobro odpraviti.

Jasna struktura je osnova

Naslovi morajo slediti logičnemu vrstnemu redu. Obiskovalec mora že iz strukture strani razumeti, kje je, kaj ponujate in kako pride do naslednjega koraka. Naslov ne sme biti zgolj večje, krepko oblikovano besedilo. V kodi mora biti pravilno označen, saj tako bralnik zaslona razume hierarhijo vsebine.

Enako velja za menije, gumbe, tabele in obrazce. Gumb z napisom »Več« brez dodatnega konteksta obiskovalcu ne pove skoraj nič. »Oglejte si storitve računovodskega svetovanja« je daljše, vendar bistveno jasnejše. Dobra dostopnost ni pisanje za stroj, temveč natančna komunikacija z ljudmi.

Kontrast, velikost in pomen barv

Elegantna, zadržana barvna paleta je lahko odlična izbira, dokler ostane berljiva. Svetlo sivo besedilo na belem ozadju je pogost primer oblikovalske odločitve, ki na velikem zaslonu morda deluje prefinjeno, v resnični uporabi pa ustvarja oviro.

Barva tudi ne sme biti edini nosilec pomena. Če obrazec napako označi samo z rdečo obrobo, jo lahko del uporabnikov spregleda. Jasno besedilo ob polju, na primer »Vnesite veljaven e-poštni naslov«, odpravi dvom takoj. To koristi vsakemu uporabniku, ne le ljudem z barvno slepoto.

Tipkovnica in obrazci brez presenečenj

Veliko ljudi po strani ne krmari z miško. S tipko Tab se morajo premikati po povezavah, menijih, gumbih in poljih v smiselnem zaporedju. Vedno mora biti vidno, kateri element je trenutno izbran. Če je fokus skrit zaradi oblikovalskih nastavitev, uporabnik hitro izgubi orientacijo.

Obrazci so posebej občutljiva točka, saj neposredno vplivajo na konverzije. Vsako polje potrebuje jasno oznako, obvezna polja morajo biti razumljivo označena, sporočila o napakah pa morajo povedati, kaj je treba popraviti. Samo rdeč okvir ni dovolj. Pri nakupu, prijavi ali oddaji povpraševanja mora stran pomagati uporabniku naprej, ne ga kaznovati za napako.

Kaj dostopnost pomeni za spletno trgovino in storitveno podjetje

Za predstavitveno stran je dostopnost način, da več potencialnih strank razume vašo ponudbo in vas lahko kontaktira. Za spletno trgovino pa poseže še globlje v prodajni proces: iskanje izdelkov, izbira različic, dodajanje v košarico, vnos naslova, plačilo in potrditev naročila.

Če kupec ne more izbrati velikosti izdelka s tipkovnico ali ne razume, zakaj plačilo ni uspelo, nakupa najverjetneje ne bo zaključil. Pri trgovinah z velikim številom izdelkov so pomembni tudi razumljivi filtri, pravilno označene cene, zaloga, dostava in jasna hierarhija podatkov. Fotografija izdelka potrebuje smiseln opis, kadar nosi pomembno informacijo. Pri dekorativnih slikah pa nepotreben opis samo dodaja šum. Dostopnost zahteva presojo, ne avtomatizma.

Tudi zakonodajni okvir postaja strožji. Pravila za dostopnost že veljajo za javne spletne strani in mobilne aplikacije, evropske zahteve pa zajemajo tudi določene zasebne digitalne storitve in e-trgovino. Ali konkretna obveznost velja za vaše podjetje, je odvisno od dejavnosti, velikosti podjetja, trga in vrste storitve. Smiselno je preveriti pravni položaj, vendar dostopnosti ni pametno obravnavati samo kot izpolnjevanje predpisov. Najboljša poslovna odločitev je stran, ki ljudem dejansko omogoča uporabo.

Kako preveriti dostopnost spletne strani pred objavo

Samodejna orodja so uporabna za odkrivanje očitnih težav, kot so manjkajoči opisi slik, slabi kontrasti ali nepravilna struktura naslovov. Ne morejo pa presoditi, ali je opis slike smiseln, ali je besedilo razumljivo in ali pot do nakupa deluje naravno. Zato je potreben tudi človeški pregled.

Za začetek odprite stran brez miške in se s tipko Tab premaknite od vrha do dna. Preverite, ali lahko dosežete meni, vse gumbe, obrazce, filtre, košarico in zaključek nakupa. Nato povečajte prikaz brskalnika. Če se besedilo prekriva, elementi izginejo ali je treba za običajno branje drseti vodoravno, zasnova ni dovolj prilagodljiva.

Preverite še, ali imajo slike, ikone in videi pravo vlogo. Pri videih so pogosto potrebni podnapisi, pri zvočnih vsebinah pa prepis. Pri dokumentih PDF velja enako kot pri spletni strani: če so ključni za ponudbo, prijavo ali navodila, morajo biti strukturirani in berljivi s pripomočki.

Najboljši trenutek za takšno preverjanje ni dan pred objavo. Vključite ga ob potrditvi dizajna, po razvoju ključnih funkcij in ob vsakem večjem posegu v vsebino ali trgovino. Dostopnost ni enkratna naloga, saj se spletna stran spreminja skupaj z vašim poslovanjem.

Kje se začne dober projekt

Dobra dostopnost zahteva usklajeno delo oblikovalca, razvijalca in naročnika. Naročnik najbolje pozna svoje stranke in njihove ključne poti, razvojna ekipa pa mora te potrebe pretvoriti v pravilno kodo, odziven vmesnik in preprosto upravljanje vsebin. Če administrativni sistem uredniku omogoča, da zlahka doda smiseln naslov, opis slike in jasno besedilo gumba, se kakovost ohranja tudi po predaji projekta.

Pri Moxy Web dostopnost razumemo kot del premišljene spletne izvedbe: stran mora izgledati odlično, delovati zanesljivo in obiskovalca brez ovir pripeljati do cilja. To je standard, ki se pozna v podrobnostih, od prvega menija do potrditve oddanega obrazca.

Spletna stran, ki jo ljudje lahko uporabljajo brez ugibanja, je bolj prepričljiva že sama po sebi. Ko obiskovalcu odstranite ovire, mu ne olajšate le klika - pokažete mu, da ste njegovo izkušnjo vzeli resno.