Da li je vaša web prodavnica spremna za EAA?

мај 13, 2025 od SmartWeb

Krajem juna na snagu stupa European Accessibility Act, koji obavezuje pružaoce digitalnih usluga i web prodavnice da obezbede niz funkcionalnosti na svojim sajtovima za korisnike sa oštećenim sluhom, vidom i drugim poteškoćama. EAA posebno je važan za web prodavnice i medije iz Srbije, jer direktiva ne obavezuje samo kompanije iz EU, već sve kompanije koje usluge pružaju na teritoriji Unije, posebno ako je na sajtu moguća kupovina. 

EU flag, EAA

Evropska Unija nove standarde uvodi sporo ali vrlo temeljno, a jedan od najboljih primera je EAA, čija je izrada i proces usvajanja počeo još 2015. godine, a koji konačno stupa na snagu 28. juna 2025. godine u svim državama EU. Ova direktiva obavezuje sve pružaoce digitalnih usluga da se usklade sa dugačkom listom funkcionalnosti za poboljšanje korisničkog iskustva za osobe sa oštećenim vidom, sluhom, ograničenim pokretima ili kognitivnim problemima. IT zajednica je pozdravila ovu inicijativu EU, jer ne pokušava da uvede nova pravila, već samo obavezuje sajtove da primene aktuelne Web Content Accessibility Guidelines (WCAG) standarde, koji su dobro poznati, a koje kreira World Wide Web Consortium (W3C), organizacija zadužena za sve najvažnije web standarde, kao što su novi HTML i CSS.

Ovom direktivom od sajtova se zahteva da ozbiljnije shvate pristupačnost i da razmišljaju o pristupačnosti kada dizajniraju sajtove, pri čemu je svakoj državi članici ostavljeno da kažnjava pružaoce usluga na svojoj teritoriji. U teoriji, to znači da bi web prodavnica ili streaming sajt iz Srbije moguao biti odvojeno kažnjen u Francuskoj i u Nemačkoj, uz kazne koje uglavnom iznose 5-50 hiljada evra.

Kada počinje kažnjavanje sajtova koji nisu usklađeni sa EAA?

Vlasnici sajtova ne moraju da se plaše da će odmah početi da stižu kazne zbog nedovoljne pristupačnosti sajtova, jer većina zakonodavstava zemalja članica EU predviđe periode od 3 ili 6 meseci tokom kojih neće biti izricane kazne, već samo upozorenja, a ako povučemo paralelu sa drugim sličnih zakonima koji su usvajani tokom godina, vidimo da kazne obično nisu izdavane tokom prvih godinu dana od stupanja nove direktive na snagu. Pritom, da bi sajt bio kažnjen, najčešće je potrebno da građanin EU države uputi žalbu svom regulatornom telu, tako da vlasnici sajtova ne moraju da brinu da li će neki EU birokrata da ocenjuje njihov sajt, već moraju da se pobrinu da eliminišu najkritičnije probleme, i polako postepeno ostale, kako bi smanjili šansu da iko uputi žalbu na njihov sajt.

blog EAA

Najvažnije funkcionalnosti koje sajtovi moraju posedovati kako bi bili usklađeni sa WCAG/EAA:

Tekstualna pristupačnost

  • Sve slike moraju imati odgovarajući alt opis.
  • Video sadržaji moraju imati titlove.
  • Tekst mora imati barem 4.5:1 kontrast u odnosu na pozadinu.
  • Font mora biti skalabilan do 200% bez gubitka funkcionalnosti.
  • Ne koristiti samo boju da bi se prenela informacija (npr. crvena za grešku).
  • Klikabilni tekst mora biti jasan (npr. ne samo ikona „korpa“, već i tekst „dodaj u korpu“).

Navigacija i interakcija

  • Sav sadržaj mora biti dostupan putem tastature (bez potrebe za mišem).
  • Fokusni redosled elemenata mora biti logičan.
  • Navigacioni meni mora biti konzistentan na svim stranicama.
  • Mora postojati „skip to content“ link na početku stranice.
  • Ne sme se koristiti automatski sadržaj (slideri) koji se ne može pauzirati.

E-commerce funkcionalnosti

  • Sistem za plaćanje mora biti dostupan tastaturom i čitačem ekrana.
  • Proces poručivanja mora imati logične korake sa jasnim povratnim informacijama.
  • Obaveštenja o uspešnoj kupovini moraju biti dostupna čitačima ekrana.
  • Filteri (po ceni, kategoriji) moraju biti čitljivi i raditi putem tastature.
  • Opcije za veličinu, boju, količinu itd. moraju biti lako dostupne uz opis.
  • Sajt mora omogućiti sortiranje rezultata na više načina putem pristupačnih kontrola.

Forme

  • Svako polje mora imati tekstualni opis.
  • Ako postoji zahtevani format (npr. „dd/mm/yyyy“), mora biti prikazan pre unosa.
  • Informacija o tome koji su karakteri dozvoljeni mora biti unapred vidljiva.
  • Koristiti tekst “obavezno polje”, a ne samo zvezdicu.
  • Ako je unos neispravan mora biti tačno objašnjeno šta je greška i kako je ispraviti.
  • Mora postojati jasna poruka u uspešnom unosu
  • Aktivno polje mora imati jasno uočljiv vizuelni foku
  • Mora postojati jasno dugme za izlaz iz forme

Dokumentacija i pomoć

  • Mora postojati Izjava o pristupačnosti na sajtu sa opisom nivoa usklađenosti.
  • Moraju postojati pristupačne kontakt opcije (mail, telefon, chat).

prilagodjavanje sajtova

Magento 2 Amasty moduli – najbrži način da uskladite svoj sajt sa EAA

Lista obaveznih usklađivanja još je duža od tridesetak funkcionalnosti koje smo sada pomenuli i sadrži stotine stavki, pri čemu se savetuje da svaki sajt uskladi one funkcije koje su najbitnije za njegove korisnike. Na primer, sajt koji pruža usluge video striminga mora imati titlove, uključujući titlove koji objašnjavaju koji se zvuk trenutno čuje (npr „grmaljavina u daljini“), što je potrebno osobama sa oštećenim sluhom. Sa druge strane, web prodavnica koja ima neke kratke videe na svom sajtu ne mora dodavati u titl objašnjenja šta se trenutno čuje na ekranu. Sajt na kome je moguće plaćanje mora veliku pažnju da posveti svojim formama, dok sajt na kome forma postoji samo da bi se koristnik prijavio za newsletter najverovatnije neće biti kažnjen zbog grešaka u fromi.

Kada su web prodvnice u pitanju, najboljji način da se sajt što brže uskladi sa EAA normama je korišćenje Magento 2 web commerce platforme uz dodatno korišćenje Amasty modula (ekstenzija). Amasty je kompanija koja nudi najveći broj modula za poboljšavanje funkcionalnosti i izgleda Magento 2 web prodavnica, a neki od modula koje Smart Web koristi u izradi e-commerce sajtova i koje preporučujemo svim kolegama su sledeće Amasty moduli:

  • Custom Form for Magento 2: Omogućava kreiranje pristupačnih formi sa jasno povezanim etiketama, validacijom unosa i obaveštenjima o greškama.
  • AJAX Shopping Cart for Magento 2. Pruža korisnicima mogućnost dodavanja proizvoda u korpu bez osvežavanja stranice, uz jasno vizuelno obaveštenje i bolje korisničko iskustvo, posebno za korisnike sa motoričkim poteškoćama.
  • Mega Menu Pro for Magento 2. Omogućava kreiranje prilagodljivih i pristupačnih menija sa podrškom za tastaturnu navigaciju, potpuno usklađenih sa WCAG.
  • Shop by Brand for Magento 2. Omogućava korisnicima da filtriraju proizvode po brendu, što olakšava navigaciju, potpuno usklađen sa WCAG.
  • Social Login for Magento 2. Omogućava korisnicima da se prijave putem društvenih mreža, smanjujući potrebu za unosom podataka. Usklađen sa WCAG standardima.
  • One Step Checkout Pro for Magento 2. Pojednostavljuje proces plaćanja na jednoj stranici, smanjujući broj koraka za korisnika. Podržava navigaciju na tastaturi i sadrži jasne vizuelne indikatore. Usklađen sa WCAG standardima.

amasty

Pored ovih najpopularnijih Amasty ekstenzija za Magento 2, koje poboljšavaju pristupačnost sajta, Amasty nudi još desetak modula koji koji podižu nivo pristupačnosti, kao što su GDR Pro, Blog Pro, Customer Attributes, FAQ and Product Questions, Advanced Search, Reward Points i nekoliko drugih.

Odaberite Smart Web za izradu vaše web prodavnice koja ispunjava EAA standarke

Priprema Magento prodavnice za EAA može biti kompleksan proces, ali sa pravim partnerom taj proces postaje mnogo lakše, bez obzira da li se radi o unapređenju postojećeg sajta ili izradi nove prodavnice. Kao Amasty Platinum Partner, SmartWeb vam nudi:

  • Kompletan audit i strategiju prilagođavanja;
  • Modularna rešenja uz Amasty ekstenzije;
  • Neprekidnu tehničku podršku i redovna ažuriranja;
  • Prilagođavanje korisničkog interfejsa za sve uređaje.

Kontaktirajte nas kako bismo zajedno osigurali da vaša prodavnica bude u potpunosti usklađena sa Evropskim aktom o pristupačnosti.