Skip to main content

Dostopnost za ustvarjalce vsebin: pisanje in produciranje vključujočih vsebin

Dostopnost se ne začne z oblikovanjem in konča s kodo. Ustvarjalci vsebin — pisci, uredniki, tržniki in producenti multimedijskih vsebin — imajo neposreden in znaten vpliv na to, ali je digitalna vsebina uporabna za vse. Besede, ki jih izberete, struktura, ki jo ustvarite, slike, ki jih opišete, in mediji, ki jih proizvajate, vse to določa izkušnjo uporabnikov z invalidnostjo.

Dobra novica je, da je dostopno pisanje v veliki meri dobro pisanje. Jasna, strukturirana, opisna vsebina koristi vsem uporabnikom, ne le tistim, ki uporabljajo pomožne tehnologije.

Pisanje v jasnem jeziku

Jasno, neposredno pisanje je zahteva dostopnosti, ne le slogovna preferenca. Uporabniki s kognitivnimi invalidnostmi, učnimi težavami, kot je disleksija, govorci, ki jim jezik ni materin, ter uporabniki, ki so preprosto zaposleni ali raztreseni, vsi imajo korist od vsebine, ki jo je enostavno razumeti.

Pišite kratke stavke v tvornem naklonu. Uporabljajte pogoste besede namesto žargona ali strokovne terminologije — in ko so specializirani izrazi nujni, jih pojasnite. Dolge odlomke razdelite v krajše odstavke z opisnimi podnaslovi. Ko predstavljate več elementov ali korakov, uporabite sezname. Izogibajte se idiomom, metaforam in kulturno specifičnim referencam, ki se morda ne prevajajo dobro.

WCAG zahteva, da je vsebina čim bolj berljiva, na ravni AAA pa, da se zagotovi dopolnilna vsebina ali alternativna različica, ko besedilo zahteva bralno sposobnost, ki presega nižjo sekundarno stopnjo izobraževanja.

Alternativno besedilo za slike

Alternativno besedilo je ena najpomembnejših vsebinskih odgovornosti. Vsaka slika, ki sporoča informacije, potrebuje besedilno alternativo, ki iste informacije posreduje uporabnikom, ki slike ne morejo videti. Bralniki zaslona preberejo alternativno besedilo na glas in prikaže se, ko se slike ne naložijo.

Pisanje dobrega alternativnega besedila je stvar sporočanja namena, ne le videza. Vprašajte se: katere informacije ta slika sporoča, ki jih uporabnik mora vedeti? Fotografija ekipe na sestanku morda potrebuje alternativno besedilo, kot je »Ekipa sodeluje pri načrtih projekta za konferenčno mizo«, namesto »photo.jpg« ali nejasne »ekipna fotografija«.

Različne vrste slik zahtevajo različne pristope:

Informativne slike, ki sporočajo vsebino, potrebujejo opisno alternativno besedilo, ki posreduje informacijo. Naj bo jedrnato — običajno pod 125 znakov — vendar zagotovite, da so bistvene informacije prisotne.

Funkcionalne slike, kot so ikone, uporabljene kot gumbi, potrebujejo alternativno besedilo, ki opisuje funkcijo, ne videza. Ikona povečevalnega stekla v iskalnem gumbu naj ima alternativno besedilo »Iskanje«, ne »povečevalno steklo«.

Dekorativne slike, ki dodajajo vizualni interes, ne pa informacij, morajo imeti prazno alternativno besedilo (alt=""), da jih bralniki zaslona v celoti preskočijo. Zaloge fotografij, uporabljene zgolj v estetske namene, pogosto spadajo v to kategorijo.

Kompleksne slike, kot so grafikoni, diagrami, infografike ali sheme, potrebujejo več kot kratek atribut alt. Zagotovite kratko alternativno besedilo, ki identificira sliko, nato pa v bližini podroben opis — bodisi kot vidno besedilo, napis ali povezan dolg opis.

Besedilo povezav

Povezave morajo imeti smisel tudi izven konteksta. Uporabniki bralnikov zaslona pogosto navigirajo tako, da prikličejo seznam vseh povezav na strani. Če vsaka povezava pravi »Preberite več« ali »Kliknite tukaj«, je ta seznam neuporaben.

Napišite besedilo povezave, ki opisuje, kam povezava vodi ali kaj stori. Namesto »Kliknite tukaj za prenos našega vodnika o dostopnosti« napišite »Prenesite naš vodnik o dostopnosti«. Namesto »Izveste več« napišite »Izveste več o ravneh skladnosti WCAG«.

Nikoli ne uporabite surovega URL-ja kot besedila povezave, razen če je URL sam informacija, ki se sporoča. URL-je je težko brati na glas in še težje razumeti, ko jih slišite.

Naslovi in struktura

Naslove uporabite za ustvarjanje smiselne vsebinske hierarhije, ne za vizualno oblikovanje. Uporabniki bralnikov zaslona navigirajo po naslovih, da pregledajo vsebino in skočijo na razdelke, ki jih zanimajo. Naslovi morajo slediti logičnemu vrstnemu redu — H1 za naslov strani, H2 za glavne razdelke, H3 za podrazdelke znotraj teh razdelkov — brez preskakovanja ravni.

Vsaka stran mora imeti natanko en H1. Podnaslovi morajo biti dovolj opisni, da uporabnik razume vsebino razdelka samo iz naslova.

Tabele

Tabele uporabljajte za tabelarične podatke — informacije, ki imajo smiselna razmerja med vrsticami in stolpci. Nikoli ne uporabljajte tabel za vizualno postavitev. Ko uporabljate tabele, vključite ustrezne celice glave z elementi <th> z atributi scope, ki označujejo, ali gre za glave vrstic ali stolpcev. Za kompleksne tabele z več ravnmi glav uporabite atribute id in headers za izrecno povezovanje podatkovnih celic z njihovimi glavami.

Zagotovite napis ali povzetek, ki opisuje namen tabele, zlasti za kompleksne podatkovne tabele.

Seznami

Ko predstavljate skupino sorodnih elementov, uporabite dejanske HTML sezname — urejene sezname (<ol>) za zaporedne elemente in neurejene sezname (<ul>) za nezaporedne elemente. Ne ustvarjajte lažnih seznamov s prelomi vrstic in vezaji ali znaki za oznake. Pravilna označba seznama pove bralnikom zaslona, koliko elementov je na seznamu in kje se uporabnik nahaja znotraj njega.

Video in avdio vsebina

Multimedijska vsebina ima specifične zahteve za dostopnost:

Podnapisi morajo biti zagotovljeni za vse vnaprej posnete videoposnetke z zvokom. Podnapisi morajo vključevati vse govorjeno besedilo, identificirati govorce, ko to ni vizualno očitno, in vključevati smiselne zvočne učinke. Podnapisi morajo biti sinhronizirani z zvokom in na voljo kot zaprti podnapisi, ki jih uporabniki lahko vklopijo ali izklopijo.

Transkripcije morajo biti zagotovljene za vnaprej posneto le-zvočno vsebino, kot so podcasti. Transkripcije morajo vključevati vso govorjeno vsebino, identificirati govorce in opisati ustrezne negovorne zvoke.

Zvočni opisi morajo biti zagotovljeni za vnaprej posnete videoposnetke, kjer pomembne vizualne informacije niso posredovane skozi zvočno sled. Zvočni opisi pripovedujejo pomembne vizualne elemente — dejanja, spremembe prizorov, besedilo na zaslonu — med naravnimi premori v dialogu.

Samodejno predvajanje zvoka mora biti mogoče preprečiti. Če se zvok samodejno predvaja več kot tri sekunde, zagotovite mehanizem za premor, ustavitev ali nadzor glasnosti neodvisno od sistemske glasnosti.

Dostopni dokumenti

PDF-ji in drugi dokumenti za prenos morajo prav tako biti dostopni. To pomeni, da potrebujejo ustrezno strukturo oznak (naslove, sezname, tabele), logičen vrstni red branja, alternativno besedilo za slike, opredeljen jezik dokumenta in zaznamke za navigacijo v daljših dokumentih.

Ko je mogoče, zagotovite pomembne informacije kot spletno vsebino namesto kot dokumente za prenos. Spletna vsebina je inherentno bolj prilagodljiva in jo je lažje narediti dostopno kot PDF.

Vsebina družbenih medijev

Dostopnost se raztega na družbene medije. Dodajte alternativno besedilo slikam, objavljenim na platformah družbenih medijev — večina večjih platform zdaj to podpira. V označevalnih besedilih (hashtags) uporabite CamelCase, da jih bralniki zaslona lahko pravilno razčlenijo (npr. #SpletnaDestopnost namesto #spletnadostopnost). Izogibajte se posredovanju informacij izključno skozi slike ali video brez besedilnih alternativ.

Čutilne značilnosti

Nikoli ne zagotavljajte navodil, ki se zanašajo izključno na čutilne značilnosti, kot so oblika, barva, velikost, vizualna lokacija, usmerjenost ali zvok. Namesto »kliknite zeleni gumb« ali »glejte stransko vrstico na desni« zagotovite dodaten kontekst: »kliknite gumb Pošlji« ali »glejte razdelek Sorodni članki«.

Je vaše spletno mesto dostopno?

Brezplačno skenirajte svoje spletno mesto in prejmite svojo oceno WCAG v nekaj minutah.

Brezplačno skenirajte svoje spletno mesto