Izjava o pristupačnosti
Ispunjavanje zahtjeva Zakona br. 424/2023 o pristupačnosti
Ova stranica sažima kako naša internetska trgovina/web stranica ispunjava zahtjeve Zakona br. 424/2023 o pristupačnosti internetskih stranica i mobilnih aplikacija. Zakon se temelji na Direktivi Europske unije 2019/882 i propisuje da digitalne usluge moraju biti dostupne svim korisnicima, uključujući osobe s invaliditetom.
Zahtjevi zakona i naša provedba
- Digitalne usluge moraju biti dostupne svim korisnicima, uključujući osobe s invaliditetom.
- Zakon ne propisuje konkretne tehničke zahtjeve, ali omogućuje dokazivanje pristupačnosti putem tzv. usklađene norme.
- Prema čl. 16 Zakona br. 424/2023, smatra se da su zakonski zahtjevi ispunjeni ako je usluga u skladu s usklađenom normom ili njenim dijelom.
- Za dokazivanje usklađenosti koristimo normu EN 301 549 V3.2.1:2021 i WCAG 2.2 na razini AA. Ove norme definiraju konkretne kriterije pristupačnosti i metode njihove provjere.
Ispunjavanje zahtjeva prema usklađenoj normi
U nastavku navodimo konkretne korake kojima ispunjavamo zahtjeve ovih normi:
- Web stranica je uočljiva, upravljiva, razumljiva i stabilna u skladu s načelima WCAG 2.2.
- Sve funkcije weba dostupne su i samo pomoću tipkovnice.
- Osigurana je kompatibilnost s pomoćnim tehnologijama.
- Sve slike imaju smisleni tekstualni opis (atribut alt).
- Boje i kontrast dizajnirani su s naglaskom na čitljivost za osobe s oštećenjem vida.
- Web je čitljiv i upravljiv i pri uvećanju teksta do 200%.
- Obrasci sadrže ispravno dodijeljene oznake i dostupni su čitačima zaslona.
- Struktura weba je logična, naslovi i navigacija su razumljivi i dobro hijerarhijski organizirani.
- Cijeli web označen je ispravnim jezikom stranice.
- Sadržaj je dostupan na svim vrstama uređaja (računalo, mobitel, tablet).
- Web redovito testiramo automatiziranim i ručnim alatima, uključujući čitače zaslona.
- Na zahtjev pružamo informacije o pristupačnosti i u zvučnom obliku.
Pregled ispunjenja zahtjeva pristupačnosti prema EN 301 549 / WCAG 2.2:
| Zahtjev | Opis zahtjeva | Korištene tehnologije i alati | Način dokazivanja |
| Pristup tipkovnicom (WCAG 2.2 - 2.1 / EN 301 549 - 9.2.1) |
Sve funkcije web stranice mogu se koristiti samo pomoću tipkovnice. | HTML, tabindex, ARIA | Ručno testiranje pomoću tipkovnice |
| Kompatibilnost s pomoćnim tehnologijama (WCAG 2.2 - 4.1.2 / EN 301 549 - 9.4.1) |
Elementi su ispravno označeni i čitljivi čitačima zaslona. | Semantički HTML, ARIA, alt opisi | Testirani čitači: NVDA, JAWS, VoiceOver, TalkBack |
| Tekstualne alternative (WCAG 2.2 - 1.1.1 / EN 301 549 - 9.1.1) |
Slike imaju smislen alt tekst, dekorativne s alt="" | HTML5 | Ručna provjera, alat WAVE |
| Dovoljan kontrast (WCAG 2.2 - 1.4.3 / EN 301 549 - 9.1.4.3) |
Kontrast boja najmanje 4,5:1 | CSS, WebAIM Contrast Checker | Lighthouse, WAVE, ručno testiranje |
| Povećanje teksta (WCAG 2.2 - 1.4.4 / EN 301 549 - 9.1.4.4) |
Sadržaj ostaje čitljiv i funkcionalan pri povećanju do 200% | Responzivni CSS | Ručno testiranje u preglednicima |
| Pristupačni obrasci (WCAG 2.2 - 3.3.2 / EN 301 549 - 9.2.5) |
Oznake, logična struktura, čitljive poruke o greškama | HTML5, ARIA | Ručno testiranje, NVDA, VoiceOver |
| Logična struktura sadržaja (WCAG 2.2 - 1.3.1 / EN 301 549 - 9.1.3) |
Semantička struktura HTML-a, naslovi, redoslijed elemenata | Semantički HTML | Validator, ručna provjera |
| Označavanje jezika stranice (WCAG 2.2 - 3.1.1 / EN 301 549 - 9.3.1.1) |
Definiranje glavnog jezika pomoću atributa lang | HTML5, atribut lang | Ručna provjera HTML-a |
| Vidljivi fokus (WCAG 2.2 - 2.4.7 / EN 301 549 - 9.2.4.7) |
Fokus mora biti uvijek vidljiv i ne prekriven | CSS, ARIA | Ručno testiranje pomoću tipkovnice |
| Izgled fokusa (WCAG 2.2 - 2.4.11 / EN 301 549 - 9.2.4.7) |
Fokus mora biti jasno vidljiv (npr. okvir, promjena boje) | CSS | Ručno testiranje pomoću tipkovnice |
| Upravljanje bez povlačenja (WCAG 2.2 - 2.5.7 / EN 301 549 - 9.2.5.4) |
Interakcije ne zahtijevaju povlačenje – alternativa klikom | JS fallback ili tipkovna alternativa | Nema elemenata koji koriste povlačenje kao primarnu funkciju |
| Minimalna veličina cilja (WCAG 2.2 - 2.5.8 / EN 301 549 - 9.5) |
Gumbi i kontrole najmanje 24×24 px | CSS | Testiranje na različitim uređajima |
| Responzivnost (temeljeno na WCAG 2.2 - 2.5.8, 1.4.4) |
Stranica je upotrebljiva i pregledna na svim uređajima | Responzivni CSS | Testiranje na raznim vrstama uređaja |
| Konzistentnost (WCAG 2.2 - 3.2.6 / EN 301 549 - 9.3.2.3) |
Pomoć, navigacija, kontakti i drugi elementi jednako su dostupni na svim stranicama | Navigacija, poveznice | Ručna provjera na različitim stranicama |