Google Tag Manager: pripomoček za dostopnost
Custom HTML oznaka na vseh straneh.
Če do kode strani nimate dostopa, je Google Tag Manager najpreprostejša pot. Pripomoček dodate kot Custom HTML oznako in ga upravljate brez razvijalca.
Oznaka se sproži na vseh straneh (All Pages); po objavi (Submit) je pripomoček aktiven na celotnem spletnem mestu.
Google Tag Manager je priročen, kadar do kode strani nimate dostopa. Pripomoček dodate kot oznako s po meri napisano kodo HTML, ki se sproži na vseh straneh. Upoštevajte, da se skripta naloži nekoliko pozneje kot pri neposredni vgradnji v glavo strani.
Spodaj so navodila po korakih za Google Tag Manager, najpogostejše napake pri vgradnji in seznam za preverjanje, preden spremembo objavite obiskovalcem. Nastavitve videza, jezika in vklopljenih funkcij urejate v portalu, zato kode po vgradnji ni treba več spreminjati.
Koda za vgradnjo na Google Tag Manager
Vgradnja je ena vrstica kode. Spodaj je oblika kode — svojo vrstico z licenčnim ključem dobite v portalu, v zavihku Vgradnja kode.
<script src="https://hub.imode.si/w.js?k=A11Y-XXXX-XXXX-XXXX" defer></script>Vgradnja po korakih na Google Tag Manager
1. Pridobite svojo vrstico kode
V portalu HUB.imode.si odprite svojo licenco in zavihek Vgradnja kode. Tam je vrstica z vašim licenčnim ključem — kopirajte jo z gumbom Kopiraj kodo. Ključ je vezan na vaše domene, zato ga ne objavljajte javno.
2. korak
GTM → Tags → New → Tag Configuration → Custom HTML.
3. korak
Prilepite vrstico kode; označite Support document.write = ne.
4. korak
Triggering: All Pages → shranite in objavite (Submit).
5. Preverite na strani
Odprite svojo stran v zasebnem oknu brskalnika. V spodnjem kotu se mora prikazati okrogla ikona dostopnosti. Kliknite jo, povečajte besedilo in vklopite visok kontrast — nastavitev se mora ohraniti tudi ob prehodu na drugo podstran.
Pogoste napake pri vgradnji
Koda je dodana samo na eni podstrani
Pripomoček dodajte na ravni celotnega spletišča (skupna glava oziroma nastavitev za vse strani). Če je koda le na eni podstrani, se ikona drugje ne prikaže.
Predpomnilnik postreže staro različico
Najpogostejši vzrok za »ne deluje« je predpomnilnik. Počistite ga na platformi, pri ponudniku gostovanja in v CDN (npr. Cloudflare), nato preverite v zasebnem oknu brskalnika.
Domena ni na seznamu licence
Licenca je vezana na domene. Če stran teče tudi na različici z www ali na testni poddomeni, jo dodajte v portalu, sicer se pripomoček ne prikaže.
Orodje za pohitritev odloži ali združi skripto
Nekatera orodja za optimizacijo združujejo in odlagajo JavaScript. Skripto pripomočka dodajte med izjeme, da se naloži nespremenjena.
Pričakovanje, da pripomoček uredi vso dostopnost
Pripomoček obiskovalcu omogoči prilagoditve prikaza in branja, ne popravi pa manjkajočih opisov slik, gumbov brez besedila ali napačnega zaporedja naslovov. To se ureja v kodi in vsebini strani.
Kaj zahteva zakonodaja
WCAG so tehnične smernice za spletno dostopnost, EN 301 549 pa evropski standard za dostopnost izdelkov in storitev IKT. Javne institucije morajo po ZDSMA upoštevati relevantne zakonske zahteve in objaviti izjavo o dostopnosti.
Od 28. junija 2025 se zahteve Evropskega akta o dostopnosti in slovenskega ZDPSI uporabljajo za zakonsko določene kategorije proizvodov in storitev, med drugim za e-trgovino, elektronske komunikacije, bančne in določene transportne storitve ter e-knjige.
Obveznosti se razlikujejo glede na vrsto organizacije, storitve in morebitne zakonske izjeme. Informacije so informativne narave in ne predstavljajo pravnega svetovanja.
HUB pri preverjanju in razvoju uporablja WCAG 2.2 na ravni AA kot sodoben tehnični cilj. Za pravno presojo je treba upoštevati tudi veljavno različico EN 301 549 in zakonodajo za posamezen primer.
Pripomoček za dostopnost je podporno orodje: izboljša uporabnost in pomaga pri delu zahtev, ne zagotavlja pa popolne skladnosti. Urediti je treba tudi HTML in ARIA, obrazce, vsebino, nadomestna besedila, navigacijo s tipkovnico ter druge uporabniške procese.
Seznam za preverjanje pred objavo
- Ikona dostopnosti je vidna na vseh podstraneh, tudi na obrazcih in v košarici.
- Vse pomembne slike imajo nadomestno besedilo (alt), dekorativne pa prazno.
- Gumbi in povezave imajo besedilo ali oznako, ne samo ikone.
- Naslovi si sledijo logično: en H1 na stran, nato H2 in H3.
- Obrazci imajo vidne oznake polj in razumljiva sporočila o napakah.
- Celotno stran je mogoče uporabljati samo s tipkovnico in fokus je viden.
- Objavljena je ustrezna izjava ali druga zahtevana informacija o dostopnosti glede na zakonodajo, ki velja za organizacijo ali storitev.
Pogosta vprašanja
Ali pripomoček upočasni Google Tag Manager stran?
Skripta je zasnovana za minimalen vpliv na nalaganje: naloži se asinhrono in ne blokira začetnega izrisa strani. Shadow DOM zmanjšuje možnost navzkrižja s slogi; dejanski vpliv je odvisen tudi od izvedbe spletnega mesta.
Ali bo pripomoček spremenil videz strani?
Ne. Videz ostane nespremenjen, dokler obiskovalec sam ne vklopi prilagoditve, ta pa velja samo v njegovem brskalniku.
Ali potrebujem znanje programiranja?
Ne. Vgradnja je ena vrstica kode, ki jo prilepite na predvideno mesto. Vse nastavitve videza in funkcij urejate v portalu HUB.imode.si.
Koliko traja vgradnja?
Običajno nekaj minut. Po shranjevanju in čiščenju predpomnilnika je pripomoček viden na vseh podstraneh.
V katerih jezikih je vmesnik?
Vmesnik je na voljo v slovenščini, angleščini, hrvaščini in nemščini ter se prilagodi jeziku strani.
Ali pripomoček sam zagotavlja skladnost z zakonodajo in standardi?
Ne. Izboljša uporabnost in pomaga pri delu zahtev, skladnost pa je odvisna tudi od HTML in ARIA, obrazcev, vsebine, nadomestnih besedil, navigacije s tipkovnico, dokumentov in uporabniških procesov.
Kaj obiskovalci dobijo na vaši Google Tag Manager strani
- Povečanje besedila v več stopnjah in prilagoditev razmikov med črkami ter vrsticami
- Kontrastni načini, invertiranje barv, prilagoditev nasičenosti in skrivanje slik
- Disleksiji prijazna pisava, poravnava besedila in poudarjeni naslovi ter povezave
- Lupa, bralno vodilo in bralna maska za lažje sledenje besedilu
- Navigacija s tipkovnico, viden fokus, večji kazalec in izklop zvokov
- Hitri profili: slabovidnost, disleksija, ADHD, zmanjšanje utripanja in animacij, kognitivna podpora
- Vmesnik v slovenščini, angleščini, hrvaščini in nemščini
- Nastavitve obiskovalca se shranijo za naslednji obisk
Zakaj je dostopnost pomembna za Google Tag Manager
Približno vsak peti obiskovalec ima kakšno obliko trajne ali začasne oviranosti — slabši vid, disleksijo, motnjo pozornosti, tremor ali le zaslon na močnem soncu. Če besedila ne more povečati ali okrepiti kontrasta, stran preprosto zapusti. Pripomoček to reši na strani obiskovalca, brez prenove vaše Google Tag Manager strani.
Od 28. junija 2025 Evropski akt o dostopnosti in slovenski ZDPSI določata obveznosti za zakonsko opredeljene proizvode in storitve, ZDSMA pa ureja predvsem javni sektor. Obveznosti se razlikujejo glede na organizacijo, storitev in morebitne izjeme. Pripomoček za dostopnost ni nadomestilo za dostopno zasnovo (alt-teksti, semantični HTML, dostopni obrazci, podnapisi), je pa hiter korak k boljši uporabniški izkušnji. HUB uporablja WCAG 2.2 AA kot tehnični cilj in sodobno merilo dobre prakse; pravna presoja upošteva tudi veljavni standard EN 301 549 ter ZDSMA oziroma ZDPSI. Več o zahtevah preberite na strani zakonodaja.
Pripomoček se izriše v ločenem Shadow DOM, kar zmanjšuje možnost navzkrižja z vašimi slogi. Nalaga se asinhrono in je zasnovan za minimalen vpliv na začetni izris strani; dejanski vpliv je odvisen tudi od izvedbe spletnega mesta. Vmesnik je na voljo v slovenščini, angleščini, hrvaščini in nemščini, izbrane nastavitve pa se obiskovalcu ohranijo ob naslednjem obisku.