Splet za vse: Zakaj je dostopnost spletnih strani ključna in kako jo doseči?

Ko razmišljamo o dobri spletni strani, običajno najprej pomislimo na hiter čas nalaganja, sodoben dizajn in zanimivo vsebino. Pogosto pa pozabimo na element, ki loči dobre spletne strani od vrhunskih – dostopnost.

Dostopnost spletnih strani (ang. web accessibility) pomeni, da lahko spletno mesto brez težav uporabljajo vsi, vključno z ljudmi z različnimi oblikami oviranosti (slepi in slabovidni, gluhi, gibalno ovirani ali ljudje s kognitivnimi motnjami).

Urejena dostopnost pa ne pomaga le ranljivim skupinam. Prinaša tudi boljši SEO (Google obožuje dostopne strani), hitrejšo navigacijo in boljšo izkušnjo za starejše uporabnike ali tiste, ki spletno stran pregledujejo na močnem soncu.

Kaj so torej tisti ključni stebri, ki jih mora imeti vsaka sodobna in dostopna spletna stran? Poglejmo si glavne elemente.

1. Opisi slik (Alt besedila) in napisi (Captioni)

Slike povedo več kot tisoč besed, a le, če jih lahko vidimo ali če nam jih bralnik zaslona (screen reader) pravilno prebere.

• Alt opisi (Alternative Text): To je skrito besedilo v kodi (alt="..."), ki natančno opiše, kaj je na sliki. Biti mora kratko in jedrnato. Namesto alt="slika_123", raje napišite alt="Čokoladni labradorec sedi na travi".
• Captioni (Napis pod sliko): Za razliko od alt besedila je caption viden vsem. Njegov namen ni ponavljanje opisa, temveč dodajanje konteksta, zgodbe ali navedbe vira fotografije.

Z uporabo pravilnih HTML značk (kot sta <figure> in <figcaption>) iskalnikom in tehnologijam za dostopnost jasno sporočimo, kateri elementi spadajo skupaj.

2. Navigacija s tipkovnico (Brez miške)

Predstavljajte si, da se vam pokvari miška ali pa je zaradi gibalnih omejitev sploh ne morete uporabljati. Bi se znali premikati po svoji spletni strani?

Dostopna stran omogoča, da z uporabo tipke Tab preskakujemo med povezavami, gumbi in obrazci, s tipko Enter pa potrdimo izbiro. Pri tem je ključno, da je fokus jasno viden – ko se z uporabo tipkovnice premaknemo na določen gumb, mora ta imeti viden okvirček, da uporabnik ve, kje se nahaja.

3. Jasni in pregledni meniji

Kompleksni in globoki padajoči meniji (t.i. mega meniji) so lahko prava nočna mora za navigacijo. Dostopna spletna stran uporablja čiste, logične in semantične menije. Če se določen meni odpre na klik ali prehod z miško, mora biti enostavno zapirljiv tudi s tipko Escape (ESC). Struktura strani mora slediti jasni hierarhiji, da se uporabnik v nobenem trenutku ne izgubi.

4. Ustrezni kontrasti in barve

Besedilo mora izstopati iz ozadja. Slab kontrast (npr. svetlo siva pisava na belem ozadju) otežuje branje slabovidnim, starejšim, pa tudi vsakomur, ki članek bere na telefonu zunaj ob močni svetlobi.

Obstajajo natančni standardi (WCAG), ki določajo minimalno razmerje kontrasta med tekstom in ozadjem. Prav tako velja zlato pravilo: informacije nikoli ne smemo sporočati izključno z barvo. Če je polje v obrazcu napačno izpolnjeno, ne sme postati le rdeče, ampak mora zraven pisati tudi besedilo (npr. “Napačen vnos”).

5. Prilagodljivost in povečava teksta

Vsak uporabnik nima popolnega visa, zato brskalniki omogočajo povečavo strani (Zoom). Dostopna spletna stran se mora ob povečavi do 200 % pravilno prilagoditi. Tekst se ne sme začeti prekrivati, gumbi ne smejo pobegniti izven zaslona, vsebina pa mora ostati popolnoma berljiva brez potrebe po vodoravnem drsenju (horizontal scroll).

Zaključek: Dostopnost je proces, ne le kljukica

Urejanje dostopnosti spletne strani se morda sliši kot veliko dela, a večina teh stvari pomeni preprosto le pisanje dobre, standardne in čiste kode. Ko enkrat osvojite pravila pravilnega označevanja slik, izbire kontrastov in urejanja menijev, to postane del vaše rutine.

Splet je bil ustvarjen z idejo, da premika meje in povezuje ljudi. Poskrbimo, da bodo naše spletne strani odprte in dostopne prav za vse!