WordPress: pripomoček za dostopnost
Ena vrstica kode v glavi strani.
WordPress poganja velik del slovenskih spletnih strani, tudi strani organizacij in storitev, za katere lahko veljajo zahteve ZDSMA ali ZDPSI. Obveznosti so odvisne od organizacije, storitve in morebitnih zakonskih izjem. HUB.imode.si doda vaši WordPress strani pripomoček za dostopnost, ki obiskovalcu omogoči povečanje besedila, močnejši kontrast, disleksiji prijazno pisavo, bralno vodilo, lupo in navigacijo s tipkovnico — brez prenove teme in brez posegov v vaše stile.
Namestitev običajno traja nekaj minut: ena vrstica kode v glavi strani. Zasnovano je za uporabo z razširjenimi temami, graditelji strani (Elementor, Divi, Gutenberg, WooCommerce) in predpomnilniki, kot so WP Rocket, LiteSpeed Cache in Cloudflare; združljivost je odvisna tudi od posamezne izvedbe.
WordPress poganja največji del slovenskih spletnih strani — od predstavitvenih strani obrtnikov in šol do trgovin na WooCommerce. Ker gre za odprt sistem s tisočimi temami in vtičniki, se dostopnost od strani do strani zelo razlikuje: nekatere teme imajo urejeno strukturo naslovov in dovolj kontrasta, druge uporabljajo svetlo sivo besedilo na beli podlagi in gumbe brez besedila.
Ta vodnik po korakih pokaže, kako v WordPress vgradite pripomoček za dostopnost HUB.imode.si, katere napake se najpogosteje pojavijo in kaj morate poleg pripomočka urediti v sami temi, da bo stran res uporabna za vse obiskovalce.
Koda za vgradnjo na WordPress
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 WordPress
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 delite naprej.
2. Namestite vtičnik za kodo v glavi strani
V nadzorni plošči WordPressa izberite Vtičniki → Dodaj nov in namestite katerikoli vtičnik za vstavljanje kode, na primer WPCode ali Insert Headers and Footers. Ta način je najbolj varen, ker koda ostane na mestu tudi po posodobitvi teme.
3. Prilepite kodo v razdelek <head>
Odprite nastavitve vtičnika, prilepite vrstico v polje za glavo strani (Header) in shranite. Koda naj velja za celotno stran, ne le za eno objavo.
4. Alternativa brez vtičnika
Če vtičnika ne želite, dodajte vrstico v datoteko header.php svoje otroške teme, neposredno pred zaključni </head>. Nikoli ne urejajte datotek nadrejene teme — posodobitev bi spremembo izbrisala.
5. Počistite predpomnilnik
Po shranjevanju počistite predpomnilnik WordPressa (WP Rocket, LiteSpeed Cache, W3 Total Cache) in predpomnilnik pri ponudniku ali CDN (npr. Cloudflare). Brez tega koraka se sprememba pogosto ne pokaže takoj.
6. Preverite na strani
Odprite svojo stran v zavihku brez zgodovine brskanja. 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 vstavljena samo na eni podstrani
Če kodo prilepite v urejevalnik posamezne objave, pripomoček deluje samo tam. Vedno jo dodajte na ravni celotne strani (glava strani ali header.php).
Predpomnilnik postreže staro stran
Najpogostejši vzrok za »ne dela« je predpomnilnik. Počistite ga v vtičniku za predpomnjenje, pri ponudniku gostovanja in v CDN, nato preverite v zasebnem oknu.
Vtičnik za optimizacijo odstrani ali odloži skripto
Vtičniki, kot sta Autoptimize ali LiteSpeed, znajo združevati in odlagati JavaScript. Skripto pripomočka dodajte na seznam izjem (exclude), da se naloži nespremenjena.
Domena ni na seznamu licence
Licenca je vezana na domene. Če stran teče na www različici ali na testni poddomeni, dodajte tudi to domeno v portalu, sicer se pripomoček ne prikaže.
Tema sama ostane nedostopna
Pripomoček obiskovalcu omogoči prilagoditve, ne popravi pa manjkajočih opisov slik, gumbov brez besedila ali napačnega zaporedja naslovov. To se ureja v temi in vsebini.
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 v košarici in na obrazcih.
- 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, 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 WordPress 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 potrebujem vtičnik iz uradne WordPress zbirke?
Ne. Vgradnja poteka z eno vrstico kode v glavi strani, zato ni odvisna od dodatnega vtičnika in ne potrebuje posodobitev.
Ali deluje z WooCommerce trgovino?
Da. Koda velja za celotno stran, torej tudi za kategorije, produkte, košarico in zaključek nakupa.
Ali bo pripomoček spremenil videz moje teme?
Ne. Videz strani ostane nespremenjen, dokler obiskovalec sam ne vklopi prilagoditve, in te velja samo v njegovem brskalniku.
Kaj pa večjezične strani (WPML, Polylang)?
Vmesnik pripomočka je na voljo v slovenščini, angleščini, hrvaščini in nemščini ter se prilagodi jeziku strani.
Kaj obiskovalci dobijo na vaši WordPress 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 WordPress
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 WordPress 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.