Dostopnost

Kadar se vstavi v spletne strani netekstovne elemente, se zmanjša dostopnost. Za univerzalno uporabo je besedilo edina uporabna vsebina. Uporabno je na širokem naboru naprav in tehnologij. Toda splet je vizualni medij, dostop do slik in do drugega netekstovnega materiala je velik razlog uporabe spleta. Oblikovalec spletnih strani mora imeti v mislih to omejitev in oblikovati spletne strani tako, da ne izključi uporabnike s posebnimi potrebami.

Tekstovne alternative

Navigacija v spletišču je lahko podprta z grafiko, na primer z gumbi, animacijami in s slikovni zemljevidi. Toda ti elementi predstavljajo kritične točke za navigacijski sistem za vse uporabnike. Če je navigacija v spletišču uporablja grafične menije, je vedno potrebno zagotoviti alternativno pot z uporabo tekstovnih povezav. Uporabniki brez grafičnih možnosti (tekstovni brskalniki, uporabniki s posebnimi potrebami) ne morejo uporabljati grafičnih menijev.

Atribut alt

HTML ima nekaj možnosti za prilagoditev vsebine za različne pogoje. Ena izmed njih je atribut alt v znački img. Atribut alt doda alternativno besedilo, ki opisuje sliko na spletni strani. Uporabnik, ki ne more videti slik, lahko prebere ali sliši besedilo, ki je vrednost atributa alt.

<img src="banner.gif" alt="Web Style Guide">

V zgornjem primeru uporabniki dostopajo do domače strani Web Style Guide s klikom na pasico. Grafika ima alternativno besedilo"Web Style Guide". Vidno prizadeti bodo s pomočjo programa slišali "Web Style Guide". Pasica (angl. banner) določa identiteto spletišča, toda uporabniki, ki je ne morejo videti, bodo še vedno vedeli v katerem spletišču se nahajajo.

stran eBay z izključeno grafiko

Bisanje dobrih besedil v atribut alt je umetnost, predstavlja izziv oblikovalcu za opis vsebine in funkcije slike v nekaj besedah. Ne sme se razmišljati samo kaj opisuje grafični element, temveč tudi kakšna je njegova funkcija na strani. Kaj slika pove? Kakšen je njen namen? Je za identifikacijo organizacije? Se uporablja za povezavo? Besedilo atributa alt je vidno tudi kot namig, če gremo z miško nad sliko. O tem je potrebno razmisliti in opisati sliko v desetih besedah ali mogoče kakšni manj.

<img src="gor.gif" height="10" width="10" alt="Na vrh strani">

Atribut alt se uporablja tudi za opisovanje povezav v slikovnih zemljevidih. Na ta način lahko uporabniki, ki ne morejo videti grafike, vedo kam vodi povezava v slikovnem zemljevidu.

Če vrednost atributa alt v znački img ni smiselna, na primer v grafičnem vmesniku slike za oznake v seznamu, naj bo prazna (alt=""). Prazna vrednost atributa alt skrije grafike v brskalnikih, ki ne podpirajo grafike ali v orodjih za branje z ekrana. Če izpustite atribut alt, se lahko sliši "image, image, image, image", ker mora programska oprema namenjena prizadetim opisati neopisani sliko na ekranu. Če pustite atribut prazen, bo programska oprema preskočila sliko.

Gor e-gradiva Oblikovanje Grafika in HTML Uporaba multimedije

e-gradiva	HTML	CSS	JavaScript	Načrtovanje

			SERŠ Maribor		Iskanje