Pragmatičan vodič za alt tekst slika u 2026.

Zašto je alt tekst i dalje važan

Alt tekst dio je HTML specifikacije od 1995. Trideset godina poslije, većina slika na webu i dalje ili nema alt atribut ili ima alt tekst koji zvuči kao da ga je napisao netko tko nikada nije koristio čitač zaslona.

Problem više nije svijest. Većina sustava za upravljanje sadržajem sada alt polje čini obveznim. Problem je u tome što je alt tekst postao kućica za usklađenost, a ne komunikacijski alat. Ljudi pišu "slika osobe koja se smiješi" kada je stvarni kontekst "glavni izvršni direktor objavljuje rezultate za Q4".

Alt tekst postoji iz jednog razloga: da osobi koja ne može vidjeti sliku prenese njezinu svrhu. Ta se svrha mijenja ovisno o kontekstu. Fotografija šalice kave na početnoj stranici kafića ima drukčiju funkciju od iste fotografije u blog objavi o tehnikama glaziranja keramike.

U 2026. imamo i AI alate koji mogu automatski generirati alt tekst. Ti su alati sve bolji, ali i dalje ne razumiju kontekst. Opisuju ono što vide, a ne zašto je slika ondje.

Stablo odluke: treba li ovoj slici alt tekst?

Ne treba svaka slika opisni alt tekst. Neke su slike dekorativne. Neke su redundantne. Nekima bolje služe opisi ispod slike ili okolni tekst.

Evo postupka odlučivanja:

Prenosi li slika informaciju koja nije dostupna u okolnom tekstu? Ako da, treba alt tekst. Ako ne, vjerojatno je dekorativna.

Bi li slijepi korisnik propustio nešto važno kada bi ova slika nestala? Ako da, napišite alt tekst. Ako ne, upotrijebite prazan alt atribut (alt="") kako biste čitačima zaslona rekli da je preskoče.

Je li slika poveznica ili gumb? Alt tekst postaje tekst poveznice. Opišite odredište, a ne sliku. "Prikaži cjenovne pakete" bolje je od "ikona strelice".

Je li slika složena — grafikon, dijagram ili infografika? Alt tekst ima praktična ograničenja duljine (oko 125 znakova ugodno je za većinu čitača zaslona). Složene slike trebaju dulje opise, bilo u opisu ispod slike, u tekstu članka ili putem aria-describedby.

Kako zapravo zvuči dobar alt tekst

Dobar alt tekst je specifičan, sažet i svjestan konteksta. Odgovara na pitanje: Zašto je ova slika ovdje?

Loše: "Slika grafikona"

Bolje: "Linijski grafikon prikazuje porast mobilnog prometa od 23% od siječnja do ožujka 2026."

Loše: "Osoba koristi prijenosno računalo"

Bolje: "Dizajner pregledava makete web-mjesta u Figma"

Loše: "Kliknite ovdje"

Bolje: "Preuzmite potpuni kontrolni popis za reviziju pristupačnosti (PDF)"

Primijetite da dobar alt tekst često uključuje brojeve, radnje ili ishode. Ne opisuje svaki vizualni detalj. Opisuje ono što je važno.

Za dekorativne slike — pozadinske teksture hero sekcija, ukrasne obrube, isključivo estetske ilustracije — upotrijebite alt="". To nije lijenost. To je semantička iskrenost. Čitači zaslona potpuno će preskočiti sliku, što je upravo ono što želite.

Česte pogreške koje svima gube vrijeme

Počinjanje s "Slika" ili "Fotografija": Čitači zaslona već najavljuju da je riječ o slici. Odmah prijeđite na opis.

Natrpavanje ključnim riječima za SEO: Alt tekst nije mjesto za guranje fraza poput "najbolja organska zrna kave Brooklyn artisan pržena". Googleovo pretraživanje slika već godinama dobro otkriva takve pokušaje. Pišite za ljude.

Opisivanje naziva datoteke: "IMG_3847.jpg" nikome ne pomaže. Kao ni "hero-banner-final-v3".

Pisanje romana: Ako je vaš alt tekst dulji od dvije rečenice, informacija vjerojatno pripada u opis ispod slike ili u tekst članka.

Ponavljanje susjednog teksta: Ako naslov kaže "Kako ispeći kruh od kiselog tijesta", a slika prikazuje nekoga kako oblikuje tijesto, alt tekst ne mora ponavljati naslov. Opišite ono što je vizualno razlikovno: "Ruke preklapaju tijesto od kiselog tijesta na pobrašnjenoj površini."

Alati i tijekovi rada koji doista pomažu

Većina modernih CMS-ova sada ima ugrađena polja za alt tekst. WordPress, Webflow, Contentful i Sanity svi vidljivo prikazuju alt atribut tijekom prijenosa. To što je polje vidljivo ne znači da se dobro popunjava.

Ako provodite reviziju web-mjesta zbog nedostajućeg ili lošeg alt teksta, proširenja preglednika poput Accessibility Insights ili axe DevTools mogu označiti slike bez alt atributa. Za brzu ručnu provjeru isključite slike u pregledniku (Firefox i Chrome to podržavaju) i pročitajte stranicu. Ako alt tekst ima smisla u kontekstu, radite dobro.

AI-generirani alt tekst — dostupan u alatima poput Azure Computer Vision, Google Cloud Vision ili ugrađen u platforme poput Cloudflare Images — može biti razumna početna točka, osobito za velike biblioteke slika. Ali tretirajte AI alt tekst kao prvi nacrt. Točno će opisati sadržaj slike, ali neće znati zašto je slika na stranici. Ljudski urednik i dalje treba dodati kontekst.

Ako radite na web-mjestu s intenzivnom upotrebom slika i želite rano uhvatiti probleme s performansama, alati poput Wux Webtools' Image Compressor mogu vam pomoći optimizirati veličine datoteka prije prijenosa — jer je alt tekst koristan samo ako se slika doista učita.

Alt tekst i SEO u 2026.

Google već godinama govori da je alt tekst čimbenik rangiranja za pretraživanje slika. To je i dalje točno. Ali optimizacija za pretraživanje slika nije isto što i pristupačnost.

Ako alt tekst pišete prvenstveno za SEO, završit ćete s besmislicama natrpanima ključnim riječima koje korisnicima čitača zaslona otežavaju navigaciju stranicom. Ako alt tekst najprije pišete za pristupačnost, SEO koristi dolaze prirodno, jer je opisan, kontekstualan alt tekst upravo ono što Googleov algoritam za pretraživanje slika pokušava istaknuti.

Jedna nijansa: Google Images sada mnogo snažnije koristi okolni sadržaj stranice nego prije. Ako je vaš alt tekst dobar, ali generičan ("čokoladna torta s glazurom"), a vaša je stranica o veganskom pečenju, Google će razumjeti kontekst. Ne morate pisati "veganska čokoladna torta s glazurom bez mliječnih proizvoda" osim ako je ta razlika vizualno očita na slici.

Ključne poruke

• Alt tekst postoji kako bi prenio svrhu slike, a ne kako bi opisao svaki vizualni detalj
• Dekorativne slike trebaju koristiti alt="" kako bi ih čitači zaslona potpuno preskočili
• Dobar alt tekst je specifičan, svjestan konteksta i odgovara na pitanje "zašto je ova slika ovdje?"
• AI-generirani alt tekst korisna je početna točka, ali i dalje treba ljudsko uređivanje radi konteksta
• Pišite najprije za pristupačnost; SEO koristi prirodno slijede iz jasnog, opisnog teksta

FAQ

Q: Mogu li jednostavno upotrijebiti AI za generiranje svog alt teksta?

A: AI alati dobri su u opisivanju onoga što je na slici, ali ne razumiju kontekst. Ako radite sa stotinama produktnih slika i trebate osnovu, AI alt tekst je u redu. Za urednički sadržaj, marketinške stranice ili bilo što gdje je važan razlog postojanja slike, čovjek ga treba pregledati i urediti.

Q: Koliko dug treba biti alt tekst?

A: Većini čitača zaslona odgovara 125 znakova ili manje. Ako vam treba više od toga, informacija vjerojatno pripada u opis ispod slike, u tekst članka ili u dulji opis povezan putem aria-describedby. Ne postoji strogo tehničko ograničenje, ali dulji alt tekst postaje nespretan za navigaciju.

Q: Trebam li alt tekst za logotipe?

A: Da, ali neka bude jednostavan. Ako je vaš logotip u zaglavlju i vodi na početnu stranicu, alt tekst treba biti naziv vaše tvrtke: alt="Acme Corp". Nemojte pisati alt="Acme Corp logo" osim ako je činjenica da je to logotip na neki način relevantna za kontekst.

Q: Koja je razlika između alt teksta i opisa ispod slike?

A: Alt tekst izravna je zamjena za sliku. Čitači zaslona ga čitaju kada naiđu na sliku. Opis ispod slike dodatna je informacija, vidljiva svima, koja dodaje kontekst ili atribuciju. Ako imate oboje, ne bi se trebali međusobno ponavljati.

Q: Trebam li dodati alt tekst pozadinskim slikama u CSS-u?

A: Ne. CSS pozadinske slike po definiciji su dekorativne i nisu izložene čitačima zaslona. Ako pozadinska slika prenosi važnu informaciju, trebala bi biti <img> element u HTML-u s odgovarajućim alt tekstom.

Izvori

• W3C Web Accessibility Initiative: Images Tutorial
• WebAIM: Alternative Text
• Nielsen Norman Group: Alt Text for Images
• Google Search Central: Image SEO Best Practices