SmerniceBesedilno nadomestilo ni namenjeno le tehničnemu opisu slike, temveč razlagi njenega namena in vloge v vsebini. Dobro zapisano besedilno nadomestilo nadomesti vizualno informacijo tako, da uporabnik razume, kaj slika sporoča in zakaj je prisotna. Na ta način postanejo tudi grafi, ilustracije in funkcionalne ikone del celovite in razumljive vsebine.
Ustreznost nadomestnega besedila
Ponovno odprtje tržnice je v sončnem vremenu privabilo množico obiskovalcev.
Slika tržnice
Dobra in slaba praksa nadomestnega besedila.
Za katere uporabnike so besedilna nadomestila posebej pomembna?
Ustrezno zapisana besedilna nadomestila so ključna za:
- osebe z vidnimi oviranostmi, ki uporabljajo bralnike zaslona in slik ne zaznavajo vizualno,
- uporabnike z gluhoslepoto, ki do vsebine dostopajo prek besedilnih ali brajevih izpisov,
- uporabnike z omejenimi povezavami ali tehničnimi težavami, kjer se slike ne naložijo,
- uporabnike z določenimi kognitivnimi oviranostmi, ki jim besedni opis pomaga pri razumevanju pomena slike.
Hkrati pa besedilna nadomestila koristijo tudi širši javnosti, saj izboljšujejo razumljivost vsebine, omogočajo boljšo optimizacijo za iskalnike (SEO) in zagotavljajo, da so informacije dostopne tudi v različnih tehničnih pogojih in okoljih.
Kako oblikujemo ustrezno besedilno nadomestilo?
Dobro besedilno nadomestilo je:
- vsebinsko enakovredno vizualni informaciji,
- kratko in jedrnato,
- prilagojeno kontekstu,
- brez ponavljanja informacij iz okoliškega besedila,
- brez splošnih izrazov, kot so »slika«, »grafika« ali »povezava«,
- brez omembe spola, rase ali invalidnosti, razen če je to ključno za razumevanje vsebine.
Pri oblikovanju opisa si lahko pomagamo z vprašanji:
- Kakšno sporočilo ima slika?
- Kaj bi moral uporabnik vedeti, če slike ne bi bilo?
Različne vloge slik v vsebini
Dekorativne slike
Dekorativne slike so vizualni elementi, ki nimajo informativne vloge in ne prispevajo k razumevanju vsebine. Njihov namen je zgolj estetski ali oblikovni, zato uporabniku ne posredujejo nobenih ključnih informacij.
Ker takšne slike niso pomembne za razumevanje vsebine, jih je treba označiti tako, da jih bralniki zaslona preskočijo. S tem se uporabniki, ki se zanašajo na slušno ali brajevo predstavitev vsebine, ne obremenjujejo z nepotrebnimi opisi.
Primer dekorativne slike:
Katere grafike še skrijemo pred bralniki zaslona?
Poleg dekorativnih slik pred bralniki zaslona skrijemo tudi:
- slike besedila, katerega vsebina je na strani že zapisana tudi kot dejansko besedilo (ne kot slika).
- slike, katerih vsebina je že v celoti razložena v spremljajočem besedilu, na primer graf, katerega podatki so pojasnjeni nad ali pod njim.
Na ta način preprečimo podvajanje informacij in izboljšamo uporabniško izkušnjo.
Primer slike besedila:
Informativne slike
Informativne slike vsebujejo pomembne podatke ali sporočila, ki dopolnjujejo besedilo in so ključna za razumevanje vsebine. Brez njihovega opisa bi uporabnik izgubil del informacij, ki jih slika prenaša.
Za takšne slike je nujno zagotoviti ustrezno besedilno nadomestilo, ki povzame bistvo slike in uporabniku omogoči enakovredno razumevanje vsebine, tudi če slike ne vidi.
Primer:
Kompleksnejše slike
Kompleksnejše slike, kot so infografike, grafikoni, zemljevidi ali tehnične sheme, pogosto vsebujejo več informacij, ki jih ni mogoče smiselno zajeti v kratkem opisu.
Pri takšnih slikah upoštevamo:
- če je njihova vsebina že predstavljena v besedilu na strani, sliko obravnavamo kot dekorativno,
- če vsebina še ni opisana, zagotovimo kratko besedilno nadomestilo in podrobnejšo razlago v spremljajočem besedilu,
- pri grafikonih podatke po potrebi predstavimo tudi v obliki tabele.
Primer kompleksnejše slike:
V takem primeru sliko označimo kot dekorativno, podrobno razlago pa vključimo neposredno v besedilo pred ali za sliko. Besedilo lahko skrijemo tudi z uporabo elementa <podrobnosti> (w3.org/WAI) znotraj katerega je podrobnejša razlaga.
Funkcionalne slike
Funkcionalne slike so slike z interaktivno vlogo, kot so gumbi, ikone ali povezave, ki sprožijo določeno dejanje. Pri njih besedilno nadomestilo ne opisuje videza, temveč funkcijo, ki jo element opravlja.
Primer funkcionalne slike:
Slike besedila
Slike besedila prikazujejo besedilo kot del slike, namesto da bi bilo zapisano kot pravo besedilo. Ker bralniki zaslona takšnega besedila ne morejo prebrati, mora biti njegova vsebina zagotovljena tudi v dostopni obliki.
Če slika vsebuje krajše besedilo, ga lahko vključimo kot besedilno nadomestilo. Kadar pa gre za daljše besedilo, ga je treba zapisati neposredno na strani kot pravo besedilo.
Primer slike besedila:
Kako preverimo kakovost besedilnega nadomestila?
Postavimo si naslednja vprašanja:
- Ali opis jasno pove, kaj je na sliki?
- Je opis preveč splošen ali premalo informativen?
- Je dolžina primerna (približno 8–80 znakov, največ 125)?
- Ali se informacije po nepotrebnem ponavljajo?
- Ali slika sploh potrebuje besedilno nadomestilo?
Povezava s smernicami dostopnosti (WCAG)
Področje besedilnih nadomestil za ne besedilno vsebino naslavljajo naslednji kriteriji uspeha WCAG:
- 1.1.1 Nebesedilna vsebina
Ta kriterij zagotavlja, da imajo vse slike, ikone, grafi in drugi nebesedilni elementi ustrezna besedilna nadomestila, ki uporabnikom posredujejo enakovredne informacije v besedni obliki. S tem se omogoča dostop do vizualnih informacij uporabnikom, ki slik ne vidijo in uporabljajo bralnike zaslona ali brajeve vrstice. Ustrezno zapisana besedilna nadomestila zmanjšujejo izgubo informacij, izboljšujejo razumevanje vsebine ter zagotavljajo bolj vključujočo in zanesljivo uporabniško izkušnjo za vse, tudi v primerih, ko se slike ne naložijo ali ko uporabnik do vsebine dostopa v drugačnih okoliščinah.