Kontrolni popis pristupačnosti za mala poduzeća i web-trgovine

Zamislite kupca koji koristi čitač zaslona. Pronađe tenisice koje želi, odabere veličinu i pritisne ono za što misli da je gumb za košaricu. Čitač zaslona kaže „gumb“. Ništa više. Na stranici su tri takva gumba i nijedan nema naziv, pa kupac odlazi, a vi nikad ne saznate zašto.

Većina problema s pristupačnošću na web-stranicama malih poduzeća izgleda upravo tako: vlasniku su nevidljivi, a kupcu su slijepa ulica. Ovaj je kontrolni popis za ljude koji vode web-stranicu na Shopifyju, WooCommerceu, Wixu ili Squarespaceu bez razvojnog programera u timu.

Mora li web-stranica mojeg malog poduzeća biti pristupačna?

Ako prodajete potrošačima u EU-u, vjerojatno mora. Europski akt o pristupačnosti (otvara se u novoj kartici) od 28. lipnja 2025. obuhvaća usluge e-trgovine. Glavna iznimka odnosi se na mikropoduzeća koja pružaju usluge: poduzeća s manje od 10 zaposlenih i godišnjim prometom ili ukupnom godišnjom bilancom do 2 milijuna eura.

E-trgovina ovdje znači prodaju na daljinu, putem web-stranice ili aplikacije, „na pojedinačni zahtjev potrošača s ciljem sklapanja potrošačkog ugovora“ (članak 3. točka 30.). Internetska trgovina ili sustav za rezervacije tome odgovaraju. Iznimka obuhvaća samo usluge: prodaja obuhvaćenih proizvoda, primjerice e-čitača, i dalje povlači pravila za proizvode (članak 4. stavak 5.). Ni sjedište izvan EU-a ne pomaže, jer je britanska trgovina koja prodaje kupcima u Francuskoj obuhvaćena za te kupce (članak 3. točka 4.). Naš vodič kroz Europski akt o pristupačnosti obrađuje nacionalne zakone i kazne.

Britanski Equality Act 2010 (otvara se u novoj kartici) zahtijeva razumne prilagodbe za osobe s invaliditetom, ali ne propisuje tehničku normu za web-stranice. U SAD-u smjernice Ministarstva pravosuđa iz ožujka 2022. (otvara se u novoj kartici) navode da poduzeća otvorena javnosti moraju učiniti pristupačnim ono što nude na internetu te da norme poput WCAG-a „pružaju korisne smjernice“. Što god zakon govorio, kupac koji ne može dovršiti naplatu ne kupuje.

Koji su najčešći problemi s pristupačnošću na web-stranicama?

Prevladava šest propusta. U WebAIM Million 2026 (otvara se u novoj kartici), automatiziranom skeniranju početnih stranica milijun najposjećenijih web-stranica u veljači 2026., 95,9 % stranica imalo je otkrivene WCAG propuste, prosječno 56,1 pogrešku po stranici. Najčešći problem bio je tekst niskog kontrasta, pronađen na 83,9 % početnih stranica.

WCAG (Smjernice za pristupačnost web-sadržaja) norma je na kojoj se temelje te provjere; većina zakona upućuje na njezinu razinu AA, a naš vodič kroz WCAG 2.2 objašnjava najnoviju verziju. Neke provjere u nastavku ne može procijeniti nijedan skener.

Mogu li svi pročitati vaš tekst i razumjeti vaše slike?

Počnite ovdje, jer su ti popravci jeftini i uglavnom ih možete napraviti sami u uređivaču web-stranice. Tekst treba dovoljan kontrast, slike koje nose informaciju trebaju alternativni tekst i ništa se ne smije oslanjati samo na boju. Otprilike 1 od 12 muškaraca i 1 od 200 žena ima poremećaj raspoznavanja boja, prema podacima udruge Colour Blind Awareness (otvara se u novoj kartici).

• Kontrast. Normalan tekst treba omjer kontrasta od najmanje 4,5:1 (otvara se u novoj kartici) prema pozadini, a velik tekst najmanje 3:1. Provjerite svoje boje, uključujući tekst preko fotografija u bannerima, besplatnim alatom. Naš vodič za kontrast boja pokazuje popravke koji čuvaju vaš brend.
• Alternativni tekst proizvoda. Opišite ono što kupac treba znati: „Tamnoplavi vuneni džemper s rebrastom dolčevitom, pogled sprijeda“ bolje je od „slika proizvoda 1“. Počnite s deset najprodavanijih proizvoda.
• Ukrasne slike. Pozadinski ukras treba prazan alternativni tekst kako bi ga čitači zaslona preskočili. Neke platforme prazno polje ispune nazivom datoteke, pa provjerite svoju.
• Samo boja. „Nema na zalihi“ prikazano samo kao posivljeni uzorak ili obvezno polje označeno samo crvenom bojom neće doprijeti do svih. Pogledajte stranicu sa sivim filtrom na mobitelu i dodajte riječ ili ikonu svugdje gdje značenje nestaje.
• Povećanje. Pri povećanju od 200 % u pregledniku tekst bi trebao rasti bez preklapanja ili odrezivanja, a izbornik bi trebao i dalje raditi.
• Jezik stranice. Svaki besplatni alat za provjeru označit će nedostajuću oznaku jezika. To je postavka teme ili izmjena jednog retka u predlošku.

Može li se vaša web-stranica koristiti tipkovnicom?

Mnogi pregledavaju bez miša: korisnici čitača zaslona, osobe s tremorom ili ograničenim pokretima ruku i svatko kome je upravo otkazao touchpad. Odložite miš i pritisnite Tab. Trebali biste doći do svake poveznice, gumba i polja obrasca razumnim redoslijedom, uvijek vidjeti gdje ste i nikada ne zapeti.

• Vidljiv fokus. Obrub bi trebao pokazivati koji je element aktivan, a fiksno zaglavlje ili oblačić za chat ne smiju ga prekrivati (kriterij 2.4.11 Fokus nije zaklonjen u WCAG 2.2). Mnoge teme uklanjaju obrub radi izgleda; razvojni programer može ga vratiti.
• Bez zamki. Tipkovnicom otvorite izbornik, odabir veličine, skočne prozore i galeriju slika, nešto odaberite i pokušajte izaći. Escape bi trebao zatvarati skočne prozore.
• Nazivi za ikone. Svaka poveznica i gumb s ikonom trebaju naziv koji čitač zaslona može izgovoriti, primjerice „Košarica, 2 artikla“. „Kliknite ovdje“ zamijenite riječima koje kažu kamo poveznica vodi.
• Poveznica za preskakanje i naslovi. Prvi pritisak tipke Tab idealno bi trebao otkriti poveznicu „Preskoči na sadržaj“. U WebAIM-ovu istraživanju korisnika čitača zaslona iz 2024. (otvara se u novoj kartici) 71,6 % ispitanika reklo je da se na dugoj stranici najprije snalaze po naslovima, pa koristite prave razine naslova, a ne podebljani tekst.
• Ciljevi za dodir. WCAG 2.2 traži ciljeve od najmanje 24 sa 24 CSS piksela ili dovoljno prostora oko njih (kriterij uspješnosti 2.5.8 (otvara se u novoj kartici)).

Mogu li svi proći kroz vaše obrasce, košaricu i naplatu?

Na naplati vas problemi s pristupačnošću izravno stoje novca, pa je testirajte od početka do kraja, uključujući ono što se događa kad nešto pođe po zlu. Svako polje treba vidljivu oznaku, pogreške moraju riječima objasniti problem, a prijava ne bi smjela ovisiti o testovima pamćenja ili zagonetkama. Računaju se i stranice vašeg pružatelja usluge plaćanja.

• Oznake, a ne zamjenski tekst. Zamjenski tekst nestaje čim netko počne tipkati i često je preblijed za čitanje. Svako polje treba oznaku koja ostaje vidljiva.
• Poruke o pogreškama. Pošaljite prazan obrazac. Svaka pogreška trebala bi biti napisana riječima („Upišite poštanski broj, primjerice 10000“), stajati uz svoje polje i biti najavljena, a ne samo obojiti obrub u crveno.
• Ne pitajte dvaput. Ponudite „Adresa za račun je ista“ umjesto da ljude tjerate da ponovno upisuju adresu za dostavu. WCAG 2.2 to je pretvorio u zahtjev razine A, 3.3.7 Suvišan unos.
• Prijava. Dopustite ljudima da lijepe lozinke i jednokratne kodove te da koriste upravitelje lozinki. Blokiranje lijepljenja krši kriterij pristupačne autentifikacije (otvara se u novoj kartici) u WCAG 2.2, osim ako ne nudite drugi način prijave.
• CAPTCHA. U WebAIM-ovu istraživanju iz 2024. korisnici čitača zaslona CAPTCHA su proglasili najproblematičnijom stvari na webu. Ako trebate zaštitu od botova, izbjegavajte vizualne zagonetke i uvijek ponudite nevizualnu alternativu.
• Vremenska ograničenja. Ako košarica ili rezervacija istječu, upozorite ljude i dopustite im da produlje rok.

Ako dijelovi naplate pripadaju vašoj platformi ili pružatelju usluge plaćanja, svejedno ih testirajte, prijavite probleme i navedite ih kao poznate probleme.

A banneri o kolačićima, skočni prozori i widgeti za chat?

Vašim kupcima skripte trećih strana dio su vaše web-stranice. Banner o kolačićima koji se ne može zatvoriti tipkovnicom blokira svaku stranicu, a skočni prozor za newsletter koji usred naplate preotme fokus može upropastiti prodaju. Testirajte svaku skriptu koju ste dodali i pitajte dobavljače o pristupačnosti prije nego što instalirate novu.

• Banner o kolačićima. Možete li tipkom Tab doći do „Prihvati“ i „Odbij“, pročitati ih pri povećanju od 200 % i zatim nastaviti ondje gdje ste bili?
• Skočni prozori. Fokus bi trebao ući u skočni prozor, ostati ondje dok se prozor ne zatvori, a zatim se vratiti. Escape bi ga trebao zatvoriti.
• Widgeti za chat. Gumb treba naziv, prozor bi se trebao otvarati i zatvarati tipkovnicom, a na mobitelu ne bi smio stajati preko gumba „Plati sada“.
• Vrtuljci. Sve što se automatski kreće dulje od pet sekundi treba način da se pauzira, zaustavi ili sakrije (WCAG 2.2 (otvara se u novoj kartici), kriterij uspješnosti 2.2.2).
• Ugrađeni sadržaj. Widgeti za recenzije, karte i alati za rezervacije također su na vašoj stranici. Propuste prijavite dobavljaču.

Rade li vaši videozapisi, PDF-ovi i jelovnici za sve?

Video treba titlove, zvuk treba transkript, a važne informacije ne bi smjele postojati samo u PDF-u ili na slici. Restoran čiji je jelovnik skenirani PDF ili trgovina čija je tablica veličina fotografija isključuju korisnike čitača zaslona i svakoga tko na mobitelu mora povećati tekst.

• Titlovi i transkripti. Ispravite automatske titlove prije objave. Podcasti trebaju tekstnu verziju.
• Slike teksta. Jelovnike, cjenike, tablice veličina i radno vrijeme stavite na običnu web-stranicu. Ako baš morate koristiti PDF, izvezite ga s naslovima i oznakama iz programa za obradu teksta umjesto da skenirate ispis.
• Stariji dokumenti. Akt vas ne obvezuje da popravite uredske dokumente ili prethodno snimljeni zvuk i video objavljene prije 28. lipnja 2025., niti arhive koje više ne ažurirate (članak 2. stavak 4.). Novi dokumenti su obuhvaćeni.

Što mogu popraviti sam, a kada trebam razvojnog programera ili reviziju?

Većinu problema sa sadržajem možete popraviti sami u CMS-u: alternativni tekst, naslove, tekst poveznica, boje, titlove i mnoge oznake obrazaca. Problemi na razini teme, poput nedostajućih stilova fokusa, zamki za tipkovnicu i prilagođenih padajućih izbornika, traže razvojnog programera. Revizija ima najviše smisla kad su osnove popravljene ili prije nego što redizajn postane dostupan javnosti.

Gdje je mjesto widgetu poput našeg? Panel na strani posjetitelja kao što je SiteAccessible omogućuje ljudima da pojačaju kontrast, povećaju tekst ili uključe vodilicu za čitanje. To pomaže nekim posjetiteljima, ali ne rješava nijednu stavku s ovog popisa: gumb bez naziva ostaje bez naziva, a zamka za tipkovnicu ostaje zamka. Najprije popravite web-stranicu, a widget smatrajte dodatkom.

Kako zabilježiti što sam napravio?

Vodite jednostavan zapis o tome što ste testirali, kada, što ste popravili i što još ne radi, a zatim iskren sažetak objavite u izjavi o pristupačnosti. Ako se na vas odnosi Europski akt o pristupačnosti, morate objaviti i informacije o tome kako vaša usluga ispunjava zahtjeve za pristupačnost, obično u općim uvjetima ili jednakovrijednom dokumentu.

Ta druga obveza proizlazi iz Priloga V. direktive; oblik određuje nacionalni zakon. Naš vodič za pisanje izjave o pristupačnosti sadržava predložak koji možete prilagoditi. Zatim održavajte rutinu:

1. Primijenite kontrolni popis na svoje tri ključne stranice i snimite zaslon svakog propusta.
2. Stavke vezane uz sadržaj popravite sami još ovaj tjedan.
3. Razvojnom programeru predajte stavke vezane uz temu i naplatu, počevši od najgorih.
4. Svaki popravak ponovno testirajte tipkovnicom, a ne samo alatom za provjeru.
5. Objavite ili ažurirajte svoju izjavu, s datumom.
6. Ponovite kad god dodate aplikaciju, promijenite temu ili pokrenete novu odredišnu stranicu.