Spletna dostopnost leta 2026 ni več "lepa stvar" – je zakonska obveznost v EU (Evropski zakon o dostopnosti, ki velja od 28. junija 2025), dejavnik SEO (Google kaznuje nedostopna spletna mesta) in etična obveznost (15 % prebivalstva ima neko obliko invalidnosti).
Večina spletnih mest WordPress ne izpolnjuje niti najosnovnejših meril WCAG 2.1 AA. Ta vodnik pojasnjuje, kaj pomeni dostopnost, kaj zahteva EAA, in ponuja 12-stopenjski praktični kontrolni seznam za spletno mesto WordPress – kaj je dostopno v 1 uri dela, kaj je dostopno v 1 dnevu in kaj je dostopno v 1 tednu.
Evropski zakon o dostopnosti (EAA) – koga zavezuje
Zakon o dostopnosti spletnih strani (EAA) je Direktiva EU 2019/882, ki je bila prenesena v nacionalno zakonodajo v vseh državah EU. Na Hrvaškem: Zakon o dostopnosti spletnih strani.
Aktivno od 28. junija 2025 za:
- Spletna mesta za e-trgovino, ki prodajajo v EU.
- Javne službe in ustanove.
- Banke, promet, storitve IKT.
- Vsako podjetje z več kot 10 zaposlenimi in več kot 2 milijona evrov prometa.
Majhna spletna mesta (z manj kot 10 zaposlenimi, manj kot 2 milijona evrov) so izvzeta, vendar realno: če prodajate ali zagotavljate storitev državljanom EU, je dostopnost pričakovanje, ne luksuz.
WCAG 2.1 AA – kaj resnično zahteva
WCAG (Smernice za dostopnost spletnih vsebin) je standard. Tri ravni: A (osnovna), AA (privzeta raven v panogi), AAA (najvišja). Osnovna raven za leto 2026 je AA .
4 glavna načela (POUR):
- Zaznano – vsebina mora biti predstavljena na način, ki ga lahko zazna vsak.
- Uporabno – Uporabniški vmesnik mora biti uporaben za vse uporabnike (tipkovnica, bralnik zaslona, glas).
- Razumljivo – vsebina in uporabniški vmesnik morata biti razumljiva.
- Robustna – vsebina mora delovati z različnimi podpornimi tehnologijami.
12-stopenjski praktični kontrolni seznam za WordPress
1. Nadomestno besedilo na vseh slikah
Največja težava, najlažja rešitev. Vsak mora imeti atribut alt .
- Dekorativne slike:
alt=""(prazno). - Informativne slike: opisna alt – »Ženska z prenosnikom v sončni pisarni.«
- Funkcionalna slika (gumb): kaj gumb počne – »Oddaj kontaktni obrazec«.
WordPress Media Library vsili alt prompt ob nalaganju (od različice 6.0+). Poleg tega lahko vtičnik Bulk Auto Image Alt Attribute vse retroaktivno posodobi.
2. Hierarhija naslovov
En H1 na stran (običajno naslov strani). H2 za glavne razdelke, H3 za podrazdelke. Ne preskakujte nivojev (H2 → H4 je napaka).
Bralniki zaslona se premikajo po naslovih. Pravilna hierarhija = razumljiv oris.
3. Barvni kontrast
Besedilo mora imeti zadosten kontrast glede na ozadje:
- Običajno besedilo (manjše od 18 točk): kontrastno razmerje 4,5:1.
- Veliko besedilo (18pt+ ali 14pt krepko): 3:1.
- Elementi uporabniškega vmesnika (gumb, vhodni okvir): 3:1.
Test: WebAIM Contrast Checker ali brskalnik DevTools (Lighthouse). Majhno sivo besedilo na belem (vsi naši grehi) pogosto odpove.
4. Navigacija s tipkovnico
Vsi interaktivni elementi morajo biti dostopni samo s tipkovnico:
- S tabulatorjem se pomikajte po vseh povezavah + poljih obrazca.
- Enter aktivira povezavo/gumb.
- Potrditveno polje/gumb za preklop prostora.
- Esc zapre modalni/spustni meni.
Preizkus: odstranite miško, po celotnem spletnem mestu se pomikajte s tipko Tab. Če kaj ne deluje, ne uspe.
5. Kazalniki fokusa
Ko uporabnik premakne gumb Tab, mora videti, kje je fokus. Privzeti oris brskalnika je v redu, vendar ga teme pogosto odstranijo s CSS-jem ( outline: none ). Obnovite ali dodajte slog fokusa po meri:
:focus-visible { outline: 3px solid #0066cc; outline-offset: 2px; }6. Oznake obrazcev
Vsak vnos mora imeti oznako. Ne nadomestno besedilo kot oznaka (nadomestno besedilo izgine, ko uporabnik vnese besedilo).
Email adresa Ali oznaka samo za bralnik zaslona z vizualno skritim razredom.
7. Preskoči navigacijsko povezavo
Povezava »Preskoči na vsebino« na vrhu vsake strani za uporabnike bralnikov zaslona. Brskalniki je ne prikažejo vizualno (običajno position: absolute; top: -9999px ), ko pa je fokus na tabulatorju, postane vidna.
Skoči na glavni sadržaj8. Oznake ARIA, kjer je potrebno
Za gumbe, ki prikazujejo samo ikone, povezave do družbenih medijev in spustne menije – dodajte aria-label :
<?xml version="1.0" encoding="UTF-8"?>
<?xml version="1.0" encoding="UTF-8"?>
Brez oznake aria bralnik zaslona ne ve, kaj gumb počne.
9. Video prepisi in podnapisi
Video brez podnapisov = nedostopen za gluhe uporabnike. Samodejni podnapisi na YouTubu so minimum (boljši priročnik). Poleg tega prepis pod videoposnetkom ponuja besedilno alternativo.
10. Jezikovni atribut
Koren HTML mora imeti atribut lang :
Plus mark vgrajena jezikovna stikala:
The English term is accessibility.
Bralnik zaslona spremeni izgovorjavo glede na jezik.
11. Sporočila o napakah
Napaka v obrazcu mora biti:
- Besedilo (ne samo rdeč rob).
- Povezano s poljem (prek
aria-describedby). - Počisti – »E-poštni naslov ni veljaven«, ne le »Napaka«.
- Programsko naznani (bralnik zaslona ga sliši).
12. Odziven + povečava
Spletno mesto mora delovati s 200-odstotno povečavo besedila brez izgube funkcionalnosti. Preizkus: Ctrl/Cmd + dvakrat. Če se vsebina izgubi ali prekriva, popravite postavitev.
Vtičniki za dostopnost WordPressa
Dostopnost WP
Brezplačen vtičnik, ki dodaja preskočne povezave, jezikovne atribute in odpravlja pogoste težave. Solidna osnova.
Dostopnost z enim klikom
Orodna vrstica, ki obiskovalcem ponuja možnosti dostopnosti (velikost pisave, kontrast). Pomaga pri uporabniški uporabniški izkušnji, ne pa pri tehnični skladnosti.
UserWay / AccessiBe (prekrivne rešitve)
"Prekrivne plasti za dostopnost z umetno inteligenco", ki obljubljajo takojšnjo skladnost. Ne priporočam jih . Pravi strokovnjaki za dostopnost jih kritizirajo, ker ne rešujejo osnovnih težav + lahko pokvarijo navigacijo bralnika zaslona.
Preverjevalnik dostopnosti
Skenira objavo/stran z vgrajenim pregledom in prikaže težave. Uporabno za avtorje vsebine.
Orodja za pregled dostopnosti
- ax DevTools (razširitev za Chrome) – najboljše orodje za samodejno zaznavanje.
- WAVE (spletni) – vizualni indikatorji težav neposredno na strani.
- Lighthouse (Chrome DevTools) – ocena dostopnosti + priporočila.
- NVDA (brezplačni bralnik zaslona za Windows) – ročni preizkus s pravim bralnikom zaslona.
- VoiceOver (vgrajen v macOS/iOS) – na strani Apple.
Samodejna orodja zaznajo ~30–40 % težav. Pravo preverjanje zahteva ročno testiranje z bralnikom zaslona.
Kaj EAA išče dokumentirano
Poleg tehnične skladnosti EAA zahteva:
- Izjava o dostopnosti – javni dokument na spletnem mestu, ki opisuje raven skladnosti, znane težave in kontaktne podatke za povratne informacije.
- Postopek za pritožbe – kako uporabnik prijavi težavo z dostopnostjo.
- Periodična revizija – najmanj letna.
Predloga za izjavo o dostopnosti: Generator izjav o dostopnosti W3C .
Cena in časovnica za skladnost
Spletna stran majhne blagovne znamke
- Revizija: 2–4 ure.
- Popravki: 4-8 ur.
- Izjava + tekoče: 2 uri.
- Skupaj: 1–2 dni dela, ~500–1500 €.
Srednje velika poslovna spletna stran (20–50 strani + obrazec + blog)
- Revizija: 1–2 dni.
- Popravki: 3-5 dni.
- Izjava + postopek: 1 dan.
- Skupaj: 1–2 tedna, ~2.000–5.000 €.
Trgovina WooCommerce (več kot 100 izdelkov)
- Revizija: 2–4 dni.
- Popravki (tema + potek nakupa): 1-2 tedna.
- Izjava + dokumentacija: 2–3 dni.
- Skupaj: 3–4 tedne, ~5.000–15.000 €.
Kaj ponuja pristop WMD
- Pregled dostopnosti vašega spletnega mesta WP – vse težave s prednostno obravnavo.
- Popravi delo – tema + vsebina + dostopnost obrazca.
- Osnutek in objava izjave o dostopnosti .
- Tekoča revizija z letnim poročilom.
- Posvetovanje o skladnosti z EAA za določeno panogo.
Pogosto zastavljena vprašanja
Majhen sem, EAA me ne zanima?
Tehnično gledano, če imate manj kot 10 zaposlenih + 2 milijona evrov, ste oproščeni formalne obveznosti. Vendar pa dostopnost še vedno: izboljša SEO, zmanjša pravno tveganje zaradi posameznih tožb, razširi občinstvo.
Bo prekrivna plast za dostopnost rešila vse?
Ne. Prekrivne plasti (UserWay, AccessiBe) dajejo trženjske obljube, vendar je realnost, da prinašajo le površinske kozmetične spremembe. Prava dostopnost zahteva strukturno delo na temi in vsebini.
Kaj pa, če kupljena tema ni prilagojena uporabnikom s posebnimi potrebami?
Večina premium tem v letu 2026 ima oznako »pripravljeno za dostopnost«. Pred nakupom preverite. Če stara tema ne deluje, lahko CSS po meri za podrejeno temo veliko popravi (stili fokusa, kontrast).
Ali lahko nekoga tožim zaradi nedostopnosti?
V EU vedno bolj da. V ZDA že leta (tožbe ADA). Bolje je vložiti 1.000–5.000 € v ustrezno revizijo kot tvegati 50.000 $ za pravne stroške + ugled.
