Kako napišeš dobro nadomestno besedilo za slike

Čemu služi nadomestno besedilo

Nadomestno besedilo je besedilna alternativa slike, zapisana v atributu alt. Bralniki zaslona ga preberejo na glas, brajeve vrstice ga prikažejo, brskalnik pa ga pokaže, kadar se slika ne naloži. Uporabijo ga lahko tudi iskalniki. Spletni standard za dostopnost, WCAG, zahteva besedilno alternativo, ki opravi isto nalogo kot slika (merilo uspešnosti 1.1.1, raven A).

Ključna misel: nadomestno besedilo ni napis pod sliko in ne opis slike zaradi nje same. Pove, kaj slika doda strani. Ista fotografija lahko na dveh straneh potrebuje različno nadomestno besedilo ali pa nobenega.

Štiri vrste slik

• Informativne slike dodajo pomen: fotografija, ikona ob telefonski številki, diagram. Napiši kratko nadomestno besedilo, ki ta pomen prenese.
• Funkcionalne slike so v povezavah in gumbih. Nadomestno besedilo poimenuje dejanje ali cilj, ne slike: »Iskanje« za povečevalno steklo, »Natisni to stran« za ikono tiskalnika.
• Okrasne slike ne dodajo ničesar: obroba, razmik, okrasek ali slika, ki samo ponavlja besedilo ob sebi. Daj jim prazen atribut alt (alt=""), da jih bralniki zaslona preskočijo, ali jih postavi v slogovno predlogo kot ozadje.
• Slike besedila so zadnja možnost. Če jo potrebuješ, nadomestno besedilo ponovi besede na sliki. Logotip, ki ni povezava, dobi ime organizacije.

Kako napišeš dobro nadomestno besedilo

1. 1Vprašaj se, zakaj je slika na strani. Kaj bi obiskovalcu manjkalo, če je ne bi bilo?
2. 2Napiši, kar je pomembno za ta namen, v besedni zvezi ali enem stavku.
3. 3Začni z vsebino. Bralnik zaslona običajno sporoči, da gre za sliko, zato »slika …« ali »fotografija …« redko pomaga.
4. 4Ne ponavljaj, kar že pove besedilo ob sliki. Če pove vse, je slika okrasna in dobi prazen alt.
5. 5Nadomestno besedilo preberi na glas, ne da bi gledal stran. Ali ima smisel samo po sebi?

Pogoste napake

• Atributa alt sploh ni. Nekateri bralniki zaslona potem preberejo ime datoteke.
• Ime datoteke ali koda kot nadomestno besedilo, na primer »IMG_2041.jpg«.
• Isti niz ključnih besed na številnih slikah. Nadomestno besedilo je najprej za ljudi.
• Dolg opis zgolj okrasne slike.
• Opis videza slike gumba namesto njegovega dejanja. Gumb za iskanje ni »povečevalno steklo«, temveč »Iskanje«.

Kako dolgo naj bo?

WCAG 1.1.1 ne navaja števila znakov. W3C svetuje, naj bo kratko, najbolje besedna zveza ali stavek. Pri grafikonih in drugih zapletenih slikah podaj celotno informacijo kot besedilo na strani, nadomestno besedilo pa naj ostane kratko. Če potrebuješ več kot stavek, slika verjetno nosi vsebino, ki sodi v besedilo strani.

Preveri svoje spletno mesto

Da najdeš slike brez uporabnega nadomestnega besedila, na strani zaženi brezplačni Preverjalnik nadomestnih besedil. Za predloge za veliko slik uporabi orodje Nadomestna besedila. Samodejni predlog lahko zgreši, kar je na tvoji strani pomembno, zato preberi vsako besedilo in ga spremeni, kadar se ne ujema z namenom slike.

Orodja Do4U pomagajo pri tipkanju, ne pri odločitvi: ali je slika informativna, funkcionalna ali okrasna, najbolje veš ti. Po večjih spremembah na svojem mestu znova preveri.