Kontrolni seznam dostopnosti za mala podjetja in spletne trgovine

Predstavljajte si kupca, ki uporablja bralnik zaslona. Najde superge, ki jih želi, izbere velikost in pritisne nekaj, kar ima za gumb za košarico. Bralnik zaslona reče: „gumb“. Nič drugega. Takšni gumbi so na strani trije in noben nima imena, zato kupec odide, vi pa nikoli ne izveste, zakaj.

Večina težav z dostopnostjo na spletnih mestih malih podjetij je takšnih: lastnik jih ne vidi, za kupca pa so slepa ulica. Ta kontrolni seznam je za ljudi, ki upravljajo spletno mesto na Shopifyju, WooCommerce, Wixu ali Squarespaceu, ne da bi imeli zaposlenega razvijalca.

Ali mora biti spletno mesto mojega malega podjetja dostopno?

Če prodajate potrošnikom v EU, verjetno da. Evropski akt o dostopnosti (odpre se v novem zavihku) od 28. junija 2025 zajema storitve e-trgovine. Glavna izjema velja za mikropodjetja, ki opravljajo storitve: podjetja z manj kot 10 zaposlenimi in letnim prometom ali letno bilančno vsoto največ 2 milijona evrov.

E-trgovina tu pomeni prodajo na daljavo prek spletnega mesta ali aplikacije „na posamezno zahtevo potrošnika, z namenom sklenitve potrošniške pogodbe“ (člen 3(30)). Spletna trgovina ali sistem za rezervacije sodita sem. Izjema velja le za storitve: za prodajo zajetih proizvodov, kot so e-bralniki, še vedno veljajo pravila za proizvode (člen 4(5)). Tudi sedež zunaj EU ne pomaga, saj je britanska trgovina, ki prodaja kupcem v Franciji, za prodajo tem kupcem zajeta (člen 3(4)). Nacionalne zakone in globe obravnava naš vodnik po Evropskem aktu o dostopnosti.

Britanski zakon o enakosti iz leta 2010 (odpre se v novem zavihku) zahteva razumne prilagoditve za invalide, ne določa pa tehničnega standarda za spletna mesta. V ZDA smernice ministrstva za pravosodje iz marca 2022 (odpre se v novem zavihku) pravijo, da morajo podjetja, odprta za javnost, to, kar ponujajo na spletu, narediti dostopno, standardi, kot je WCAG, pa „dajejo koristne smernice“. Ne glede na to, kaj pravi zakon: kupec, ki ne more dokončati nakupa, ne kupi.

Katere so najpogostejše težave z dostopnostjo na spletnih mestih?

Prevladuje šest napak. V pregledu WebAIM Million 2026 (odpre se v novem zavihku), samodejnem pregledu milijona najbolj obiskanih domačih strani februarja 2026, je imelo 95,9 % strani zaznane kršitve WCAG, v povprečju 56,1 napake na stran. Najpogostejša težava je bilo besedilo z nizkim kontrastom, najdeno na 83,9 % domačih strani.

WCAG, smernice za dostopnost spletnih vsebin, so standard, na katerem temeljijo ta preverjanja; večina zakonov se sklicuje na njihovo raven AA, zadnjo različico pa pojasnjuje naš vodnik po WCAG 2.2. Več spodnjih preverjanj je takšnih, da jih noben skener ne more oceniti.

Ali lahko vsi preberejo vaše besedilo in razumejo vaše slike?

Začnite tukaj, ker so ti popravki poceni in jih večinoma lahko naredite sami v urejevalniku spletnega mesta. Besedilo potrebuje dovolj kontrasta, slike, ki posredujejo informacije, potrebujejo nadomestno besedilo, nič pa ne bi smelo temeljiti samo na barvi. Po podatkih Colour Blind Awareness (odpre se v novem zavihku) ima motnjo barvnega vida približno vsak 12. moški in vsaka 200. ženska.

• Kontrast. Običajno besedilo potrebuje kontrastno razmerje vsaj 4,5:1 (odpre se v novem zavihku) glede na ozadje, veliko besedilo vsaj 3:1. Barve, vključno z besedilom na fotografijah pasic, preverite z brezplačnim preverjevalnikom. Naš vodnik po barvnem kontrastu prikazuje popravke, ki ohranijo vašo blagovno znamko.
• Nadomestno besedilo izdelkov. Opišite, kar mora kupec vedeti: „Temno modri volneni pulover z rebrastim puli ovratnikom, pogled od spredaj“ je boljše od „slika izdelka 1“. Začnite z desetimi najbolje prodajanimi izdelki.
• Okrasne slike. Okrasni vzorec v ozadju naj ima prazno nadomestno besedilo, da ga bralniki zaslona preskočijo. Nekatere platforme prazno polje alt zapolnijo z imenom datoteke, zato preverite svojo.
• Samo barva. Podatek „Ni na zalogi“, prikazan le kot posivljen barvni vzorec, ali obvezno polje, označeno samo z rdečo, ne doseže vseh. Stran si oglejte s sivinskim filtrom telefona in dodajte besedo ali ikono povsod, kjer pomen izgine.
• Povečava. Pri 200-odstotni povečavi v brskalniku naj se besedilo poveča, ne da bi se prekrivalo ali bilo odrezano, meni pa naj še vedno deluje.
• Jezik strani. Vsak brezplačen preverjevalnik opozori na manjkajočo navedbo jezika. Gre za nastavitev teme ali spremembo ene vrstice v predlogi.

Ali lahko ljudje vaše spletno mesto uporabljajo s tipkovnico?

Veliko ljudi brska brez miške: uporabniki bralnikov zaslona, ljudje s tresenjem ali omejeno gibljivostjo rok in vsi, ki jim je sledilna ploščica pravkar odpovedala. Odložite miško in pritisnite Tab. Doseči bi morali vsako povezavo, gumb in polje obrazca v smiselnem vrstnem redu, vedno videti, kje ste, in se nikjer ne zatakniti.

• Viden fokus. Obroba naj kaže, kateri element je aktiven, pripeta glava ali oblaček za klepet pa je ne sme prekriti (merilo 2.4.11 Fokus ni zakrit v WCAG 2.2). Veliko tem obrobo zaradi videza odstrani; razvijalec jo lahko vrne.
• Brez pasti. S tipkovnico odprite meni, izbiro velikosti, pojavna okna in galerijo slik, nekaj izberite, nato pa jih poskusite zapustiti. Tipka Escape naj zapre pojavna okna.
• Imena za ikone. Vsaka povezava in gumb z ikono potrebuje ime, ki ga bralnik zaslona lahko prebere, na primer „Košarica, 2 izdelka“. „Kliknite tukaj“ zamenjajte z besedami, ki povedo, kam povezava vodi.
• Povezava za preskok in naslovi. Prvi pritisk tipke Tab naj v idealnem primeru prikaže povezavo „Preskoči na vsebino“. V WebAIM-ovi anketi med uporabniki bralnikov zaslona iz leta 2024 (odpre se v novem zavihku) je 71,6 % anketirancev povedalo, da se po dolgi strani najprej pomikajo po naslovih, zato uporabljajte prave ravni naslovov, ne krepkega besedila.
• Cilji za dotik. WCAG 2.2 zahteva cilje velikosti vsaj 24 × 24 pikslov CSS ali dovolj prostora okoli njih (merilo uspešnosti 2.5.8 (odpre se v novem zavihku)).

Ali se lahko vsak prebije skozi vaše obrazce, košarico in zaključek nakupa?

Pri zaključku nakupa vas težave z dostopnostjo neposredno stanejo denar, zato ga preizkusite od začetka do konca, vključno s tem, kaj se zgodi, ko gre kaj narobe. Vsako polje potrebuje vidno oznako, napake morajo biti pojasnjene z besedami, prijava pa ne sme biti odvisna od preizkusov spomina ali ugank. Štejejo tudi strani vašega ponudnika plačil.

• Oznake, ne besedilo ograde. Besedilo ograde (placeholder) izgine, takoj ko začnete tipkati, in je pogosto prebledo za branje. Vsako polje potrebuje oznako, ki ostane vidna.
• Sporočila o napakah. Obrazec oddajte prazen. Vsaka napaka naj bo izpisana z besedami („Vnesite poštno številko, na primer 1000“), naj stoji ob svojem polju in naj jo bralnik zaslona prebere, ne pa da se samo obroba obarva rdeče.
• Ne sprašujte dvakrat. Ponudite možnost „Naslov za račun je enak“, namesto da ljudi silite znova vpisovati naslov za dostavo. WCAG 2.2 je to postavila kot zahtevo ravni A, 3.3.7 Odvečni vnos (Redundant Entry).
• Prijava. Dovolite lepljenje gesel in enkratnih kod ter uporabo upraviteljev gesel. Blokiranje lepljenja krši merilo dostopnega preverjanja pristnosti (odpre se v novem zavihku) v WCAG 2.2, razen če ponudite drug način prijave.
• CAPTCHA. Uporabniki bralnikov zaslona so v WebAIM-ovi anketi iz leta 2024 CAPTCHA označili za najbolj problematičen element na spletu. Če potrebujete zaščito pred roboti, se izognite vizualnim ugankam in vedno ponudite nevizualno alternativo.
• Časovne omejitve. Če rezervacija košarice ali termina poteče, ljudi opozorite in jim omogočite podaljšanje.

Če deli zaključka nakupa pripadajo vaši platformi ali ponudniku plačil, jih vseeno preizkusite, sporočite težave in jih navedite med znanimi težavami.

Kaj pa pasice s piškotki, pojavna okna in orodja za klepet?

Za vaše kupce so skripti tretjih oseb del vašega spletnega mesta. Pasica s piškotki, ki je ni mogoče zapreti s tipkovnico, blokira vsako stran, pojavno okno za e-novice, ki sredi zaključka nakupa prevzame fokus, pa lahko prepreči prodajo. Preizkusite vsak skript, ki ste ga dodali, in ponudnika o dostopnosti vprašajte, preden namestite novega.

• Pasica s piškotki. Ali lahko s tipko Tab dosežete gumba za sprejem in zavrnitev, ju preberete pri 200-odstotni povečavi in nato nadaljujete tam, kjer ste bili?
• Pojavna okna. Fokus naj se premakne v pojavno okno, ostane v njem, dokler se ne zapre, nato pa se vrne. Escape naj ga zapre.
• Orodja za klepet. Gumb potrebuje ime, okno naj se odpira in zapira s tipkovnico, na telefonu pa ne sme prekrivati gumba „Plačaj zdaj“.
• Vrtiljaki. Vse, kar se samodejno premika dlje kot pet sekund, potrebuje način za premor, ustavitev ali skritje (WCAG 2.2 (odpre se v novem zavihku), merilo uspešnosti 2.2.2).
• Vdelana vsebina. Bloki z ocenami, zemljevidi in orodja za rezervacije so prav tako na vaši strani. Napake sporočite dobavitelju.

Ali vaši videoposnetki, PDF-ji in jedilniki delujejo za vse?

Video potrebuje podnapise, zvok prepis, pomembne informacije pa ne smejo biti le v PDF-ju ali na sliki. Restavracija, katere jedilnik je skeniran PDF, ali trgovina, katere tabela velikosti je fotografija, izključi uporabnike bralnikov zaslona in vse, ki morajo na telefonu povečati prikaz.

• Podnapisi in prepisi. Samodejne podnapise pred objavo popravite. Podkasti potrebujejo besedilno različico.
• Slike besedila. Jedilnike, cenike, tabele velikosti in delovni čas objavite na običajni spletni strani. Če morate uporabiti PDF, ga izvozite iz urejevalnika besedila z naslovi in oznakami, namesto da skenirate natisnjen list.
• Starejše datoteke. Akt ne zahteva, da popravite pisarniške datoteke ali vnaprej posnete zvočne in video vsebine, objavljene pred 28. junijem 2025, ali arhive, ki jih ne posodabljate več (člen 2(4)). Nove datoteke so zajete.

Kaj lahko popravim sam in kdaj potrebujem razvijalca ali strokovni pregled?

Večino težav z vsebino lahko popravite sami v sistemu za upravljanje vsebin: nadomestno besedilo, naslove, besedilo povezav, barve, podnapise in številne oznake obrazcev. Težave na ravni teme, kot so manjkajoči slogi fokusa, pasti za tipkovnico in prilagojeni spustni meniji, potrebujejo razvijalca. Strokovni pregled je najbolj smiseln, ko so osnove urejene, ali preden zaživi prenovljeno spletno mesto.

Kje je mesto pripomočka, kot je naš? Plošča na strani obiskovalca, kot je SiteAccessible, ljudem omogoča, da okrepijo kontrast, povečajo besedilo ali vklopijo bralno vodilo. To nekaterim obiskovalcem pomaga, ne odkljuka pa nobene točke s tega seznama: gumb brez imena ostane brez imena, past za tipkovnico pa ostane past. Najprej popravite spletno mesto, pripomoček pa obravnavajte kot dodatek.

Kako zabeležim, kaj sem naredil?

Vodite preprost dnevnik o tem, kaj in kdaj ste preizkusili, kaj ste popravili in kaj še ne deluje, nato pa pošten povzetek objavite v izjavi o dostopnosti. Če za vas velja Evropski akt o dostopnosti, morate objaviti tudi informacije o tem, kako vaša storitev izpolnjuje zahteve glede dostopnosti, običajno v splošnih pogojih ali enakovrednem dokumentu.

Ta druga obveznost izhaja iz Priloge V direktive, obliko pa določa nacionalna zakonodaja. Naš vodnik za pisanje izjave o dostopnosti vsebuje predlogo, ki jo lahko prilagodite. Nato vzdržujte rutino:

1. Seznam preverite na treh ključnih straneh in vsako napako zajemite s posnetkom zaslona.
2. Vsebinske točke ta teden popravite sami.
3. Razvijalcu predajte točke, ki zadevajo temo in zaključek nakupa, najprej najhujše.
4. Vsak popravek znova preizkusite s tipkovnico in s preverjevalnikom.
5. Objavite ali posodobite izjavo in navedite datum.
6. Ponovite, kadar koli dodate aplikacijo, zamenjate temo ali objavite novo pristajalno stran.