Kako napisati dobar alt tekst za slike

Čemu služi alt tekst

Alt tekst je tekstualna alternativa slike, napisana u atributu alt. Čitači zaslona čitaju ga naglas, brajični retci ga prikazuju, a preglednik ga prikazuje kada se slika ne učita. Mogu ga koristiti i tražilice. Web-norma za pristupačnost, WCAG, traži tekstualnu alternativu koja obavlja istu zadaću kao slika (kriterij uspješnosti 1.1.1, razina A).

Ključna ideja: alt tekst nije opis ispod slike niti opis slike radi same sebe. Kaže što slika dodaje stranici. Ista fotografija na dvije stranice može trebati različit alt tekst ili nijedan.

Četiri vrste slika

• Informativne slike dodaju značenje: fotografija, ikona pokraj broja telefona, dijagram. Napiši kratak alt tekst koji prenosi to značenje.
• Funkcionalne slike nalaze se unutar poveznica i gumba. Alt tekst navodi radnju ili odredište, a ne sliku: „Pretraži” za povećalo, „Ispiši ovu stranicu” za ikonu pisača.
• Ukrasne slike ne dodaju ništa: obrub, razmak, ukras ili slika koja samo ponavlja tekst pokraj sebe. Daj im prazan atribut alt (alt="") kako bi ih čitači zaslona preskočili ili ih stavi u stilsku datoteku kao pozadinu.
• Slike teksta posljednje su rješenje. Ako ti je potrebna, alt tekst ponavlja riječi sa slike. Logotip koji nije poveznica dobiva naziv organizacije.

Kako napisati dobar alt tekst

1. 1Pitaj se zašto je slika na stranici. Što bi posjetitelju nedostajalo da je nema?
2. 2Napiši ono što je važno za tu svrhu, izrazom ili jednom rečenicom.
3. 3Počni sa sadržajem. Čitač zaslona obično najavljuje da je nešto slika, pa „slika” ili „fotografija” rijetko pomažu.
4. 4Nemoj ponavljati ono što tekst pokraj slike već kaže. Ako kaže sve, slika je ukrasna i dobiva prazan alt.
5. 5Pročitaj alt tekst naglas bez gledanja stranice. Ima li smisla sam za sebe?

Česte pogreške

• Uopće nema atributa alt. Neki čitači zaslona tada čitaju naziv datoteke.
• Naziv datoteke ili kôd kao alt tekst, poput „IMG_2041.jpg”.
• Isti niz ključnih riječi na mnogo slika. Alt tekst prije svega je za ljude.
• Dug opis čisto ukrasne slike.
• Opisivanje izgleda slike gumba umjesto njegove radnje. Gumb za pretraživanje nije „povećalo”, nego „Pretraži”.

Koliko dug treba biti?

WCAG 1.1.1 ne navodi broj znakova. Savjet W3C-a je da bude kratak, najbolje izraz ili rečenica. Za grafikone i druge složene slike punu informaciju daj kao tekst na stranici, a alt tekst neka bude kratak. Ako ti treba više od rečenice, slika vjerojatno nosi sadržaj koji pripada u tekst stranice.

Provjeri svoje web-mjesto

Da bi pronašao/la slike bez korisnog alt teksta, pokreni besplatnu Provjeru alt tekstova na stranici. Za prijedloge za mnogo slika upotrijebi alat Generator alt tekstova. Automatski prijedlog može promašiti ono što je važno na tvojoj stranici, pa pročitaj svaki tekst i promijeni ga ako ne odgovara svrsi slike.

Alati Do4U-a pomažu pri pisanju, a ne pri odluci: je li slika informativna, funkcionalna ili ukrasna, ti znaš najbolje. Provjeri ponovno nakon većih promjena na web-mjestu.