Ko brskate po spletu, ste gotovo opazili slike na različnih spletnih straneh. Ampak ste se kdaj vprašali, kako lahko te slike postanejo dostopne vsem? Tudi slepim obiskovalcem vaše strani.
Tu nastopi nadomestno besedilo ali "alt text". Nadomestno besedilo je kratka opisna besedilna zamenjava za slike na spletnih straneh, ki pomaga izboljšati dostopnost spleta in optimizacijo za iskalnike.
Alt text deluje kot jezikovni most med vizualnimi elementi in ljudmi, ki jih ne morejo videti. Predstavljajte si slepo osebo, ki uporablja bralnik zaslona – brez alt besedila bi bila slika le praznina.
Dobro napisano nadomestno besedilo opiše bistvo slike v enem ali dveh stavkih. Ni treba navajati vseh podrobnosti, le tisto, kar je res pomembno.
Čeprav se zdi nepomembno, ima alt besedilo dvojno vrednost. Ne omogoča le dostopnosti za vse uporabnike, ampak tudi pomaga iskalnikom, kot je Google, razumeti vsebino vaših slik.
To lahko izboljša vašo uvrstitev v iskalnikih in pritegne več obiskovalcev na vašo spletno stran.
Alt besedilo je ključni element za dostopnost in optimizacijo spletnih strani. Ta nevidni opis slik pomaga različnim uporabnikom razumeti vizualno vsebino in hkrati izboljšuje vidnost strani v iskalnikih.
Alt besedilo (alternativno besedilo) je besedilni opis, ki ga dodate slikam na spletnih straneh preko HTML atributa "alt". Gre za nevidno besedilo, ki se prikaže, ko slika ne more biti naložena ali ko jo pregledujejo posebne tehnologije.
V HTML-ju to izgleda nekako takole:
<img src="slika.jpg" alt="Opis slike">
Ta atribut sicer ni viden običajnim uporabnikom, a je ključen za tiste, ki uporabljajo orodja za branje zaslona.
Nekateri mu rečejo "alt oznaka" (alt tag), vendar je pravilneje reči "alt atribut", saj ne gre za samostojno oznako v HTML kodi, ampak za lastnost slike.
Alt besedilo je bistveno orodje za spletno dostopnost. Omogoča osebam z vidnimi okvarami, da razumejo vsebino slik na vaši strani.
Bralniki zaslona, ki jih uporabljajo slepi in slabovidni, preberejo alt besedilo namesto slike. Brez tega opisa bi bili uporabniki prikrajšani za pomembne vizualne informacije.
Dobro alt besedilo opiše namen in vsebino slike v kontekstu strani. Za uporabnike s počasno internetno povezavo je alt besedilo koristno, saj se prikaže med nalaganjem slik.
V mnogih državah je vključitev alt besedila na vaši strani celo zakonska zahteva za dostopnost spletnih strani.
Iskalniki kot je Google ne morejo "videti" slik kot ljudje. Namesto tega se zanašajo na alt besedilo za razumevanje vsebine slike.
Če v alt besedilo vključite relevantne ključne besede, izboljšate SEO vrednost vaše strani. Tako lahko iskalniki vaše slike povežejo s specifičnimi iskalnimi poizvedbami.
Alt besedilo naj bo jedrnato, opisno in relevantno. Pretirano polnjenje s ključnimi besedami (keyword stuffing) lahko škoduje vaši SEO oceni, zato vedno pišite besedilo predvsem za uporabnike.
Dobro alt besedilo naj bo jedrnato in opisno. Začnite z najpomembnejšimi informacijami in se osredotočite na namen slike v kontekstu strani.
Izogibajte se začetkom tipa "slika prikazuje" ali "fotografija", saj bralniki zaslona že sporočijo, da gre za sliko. Pri dekorativnih slikah lahko uporabite prazno alt besedilo (alt=""), da bralniki zaslona sliko preskočijo.
Za funkcionalne slike, kot so gumbi ali ikone, opišite njihovo funkcijo namesto videza. Dolžina alt besedila naj bo med 50 in 125 znaki.
Predolgi opisi postanejo nepregledni, prekratki pa ne nudijo dovolj informacij. Vključite ključne besede, če je to smiselno, vendar ne na račun jasnosti.
<img src="mačka.jpg" alt="Oranžna mačka sedi na okenski polici">
Pri grafih in diagramih vključite glavne podatke in trende. Omenite tip grafa (stolpčni, tortni) in najpomembnejše ugotovitve.
Za zemljevide opišite prikazano območje in ključne označene točke. Pri infografikah je bolje zagotoviti dolg opis pod sliko ter krajše alt besedilo.
W3C priporoča uporabo drevesa odločanja za določanje pristopa pri kompleksnih slikah.
<img src="graf-prodaje.jpg" alt="Stolpčni graf prikazuje 15% rast prodaje v zadnjem četrtletju">
<p>Podrobnejši opis: Graf prikazuje četrtletno rast prodaje z naraščajočim trendom...</p>
Kompleksne slike lahko dopolnite tudi s podnapisi (caption), ki služijo kot dodatna razlaga za vse uporabnike.
Večina sodobnih CMS sistemov, kot so WordPress, Drupal ali Joomla, omogoča enostavno dodajanje alt besedila.
Poiščite polje za alt besedilo v urejevalniku slik. Če ga ne najdete, lahko alt besedilo vedno vnesete ročno v HTML kodi.
Na družbenih omrežjih je podpora za alt besedilo precej različna. Twitter, Facebook in Instagram ponujajo možnost dodajanja opisov slik.
Pinterest gre še korak dlje in uporablja alt besedilo za izboljšanje iskalnih rezultatov.
Novi AI sistemi znajo pomagati pri ustvarjanju alt besedila, a jim ni vedno za zaupati. Avtomatsko generirano besedilo pogosto zgreši pravi kontekst slike.
Če objavljate na več platformah, prilagodite alt besedilo zahtevam vsake izmed njih. Vseeno pa naj bo opis vedno jasen in smiseln.
