Izjava o pristupačnosti

IZJAVA O PRISTUPAČNOSTI

PEVEX d.d., Sesvete, Savska cesta 84, OIB: 73660371074 (dalje: PEVEX) je internetske stranice mrežne (Internet) trgovine dostupne na mrežnim stranicama www.pevex.hr (dalje: Webshop ili web-stranica) učinilo pristupačnim u skladu sa Zakonom o zahtjevima za pristupačnost proizvoda i usluga.

1. Na Webshopu posjetiteljima se nudi mogućnost kupnje proizvoda koji su dostupni, odnosno raspoloživi na navedenoj stranici. Također, PEVEX nudi posjetiteljima informacije o proizvodima, promocijama i novostima na mrežnoj stranici, opće informacije te zanimljive grafičke i video sadržaje, a u skladu s Općim uvjetima poslovanja.

2. Načini i metode plaćanja i pretraga Webshop-a opisani su u Općim uvjetima poslovanja.

Prijava profila:

Potrebno je kliknuti na "Prijava" (ili "Registracija" ako korisnik nema račun). Nakon unosa e-mail adrese i lozinke potrebno je kliknuti na „Prijavi se“,

Kreiranje korisničkog računa (registracija)

Prilikom registracije potrebno je unijeti sljedeće podatke: e-mail adresu koja služi kao korisničko ime te lozinku (unos i potvrda). Ostali podaci nakon potvrde putem poveznice poslane e-poštom: ime, prezime, adresa i kontakt.

3. Objašnjenje pristupačnosti:

Pristupačnost putem tipkovnice

• • • Svi elementi su dostupni i funkcionalni bez upotrebe miša.
    • Trenutno aktivni (odabrani) interaktivni element na web-stranici, odnosno fokus stanje (:focus) je jasno vidljivo za sve interaktivne elemente.
    • Na vrhu web-stranice dostupna je funkcionalna poveznica “Skip to Content“( hrv. "Preskoči na sadržaj" ili "Preskoči navigaciju") koja omogućuje korisnicima, posebno onima koji koriste tipkovnicu za navigaciju (Tab), da preskoče ponavljajuće dijelove stranice (npr. glavne navigacije, logotipa, izbornika, banner) te mogu odmah prijeći na glavni dio stranice (npr. na početak proizvoda).

Višestruki osjetilni kanali (alternativni tekst i multimedija)

• Svi dekorativni vizuali (npr. pozadinske ilustracije, ukrasne ikone koje nemaju značenje kao što su linije, okviri, apstraktne slike, estetski elementi koji nemaju funkcionalnu ili informativnu ulogu) su označeni s alt="" ili role="presentation" čime se omogućava čitačima ekrana da preskoče takve vizuale kao nevažne za razumijevanje sadržaja.
• Sve slike koje prenose neku informaciju važnu za razumijevanje sadržaja (npr. dijagrami, ikone s funkcijom, slike proizvoda, grafovi, fotografije koje prenose poruku) imaju smisleni alt opis (alt="...") koji točno opisuje sadržaj i svrhu slike za korisnike koji ne mogu vidjeti sliku čime je omogućeno da sve važne informacije budu dostupne i u tekstualnom obliku.
• Svi videozapisi imaju titlove.
• Svi audio sadržaji imaju transkripte.
• Automatska reprodukcija zvuka se može zaustaviti.

Prilagodba vizualnih elemenata

Omogućena je prilagodba uvećanja, osvjetljenja i kontrasta pri čemu je:

• Razlika u svjetlini (kontrastu) između boje teksta i boje pozadine najmanje 4.5:1.
• Veliki tekst (18pt i više): omjer kontrasta najmanje 3:1.
• Ikone i gumbi imaju dovoljno kontrasta.

Responzivnost i prilagodljivost

• Sadržaj je čitljiv i funkcionalan pri povećanju do 200% te ne dolazi do nepravilnog prijeloma teksta.
• Dizajn i izgled webstranice prilagođava se manjim ekranima bez potrebe za vodoravnim pomicanjem (horizontal scrolling).

Interoperabilnost s pomoćnim uređajima

Webshop je interoperabilan s programima za pristupačnost (npr. čitači ekrana, Brailleove tipkovnice).

• Svi proizvodi imaju opis koji je dostupan i razumljiv čitačima ekrana.
• Slike proizvoda imaju smislen opis (alt tekst).
• Cijene su naznačene uz proizvod, jasno vidljive i čitljive, uključujući valutu i poreze.
• Opisi akcija/popusta su dostupni korisnicima koji koriste čitače ekrana.
• Pri izradi webstranice korištene su ispravne HTML oznake (npr. <header>, <nav>, <main>, <footer>, <button>, <form>)
• Naslovi (<h1> – <h6>) su hijerarhijski ispravni, odnosno dolaze u 6 razina bez preskakanja i svaka razina naslova logično slijedi sadržajnu strukturu webstranice te se naslovi koriste za označavanje sadržaja.
• Forme i elementi za unos podataka imaju povezane <label> oznake koje opisuju svrhu polja za unos.
• Svi interaktivni elementi su fokusabilni, a u slučaju potrebe koristi se atribut tabindex kako bi se omogućio ispravan redoslijed fokusiranja.

Forme i povratne informacije

• Validacija formulara pruža jasne tekstualne povratne informacije.
• Poruke o grešci pri ispunjavanju formulara su razumljive i povezane s poljem greške (npr. ariadescribedby).
• Tekst unutar polja za unos (placeholder) nije jedini opis tog polja, uvijek postoji vidljiva oznaka (label) koja opisuje što korisnik treba unijeti.

Pop-up prozori i obavijesti

• Modalni prozori (npr. kod prijave ili potvrde narudžbe) imaju fokus na prvo aktivno polje.
• Gumb za zatvaranje prozora je dostupan tipkovnicom i opisan (arialabel="Zatvori").
• Automatske obavijesti (npr. „Proizvod dodan u košaricu“) koriste arialive.

ARIA i statusne poruke

• ARIA atributi su korišteni samo kada HTML nije dovoljan
• kada se na webstranici dinamički promijeni neki sadržaj (poruke poput: "Prijava uspješna", "Došlo je do greške", "Proizvod dodan u košaricu", taj će sadržaj biti automatski pročitan korisnicima čitača ekrana pomoću ARIA atributa aria-live.
• ARIA role atributi (npr. role="alert", role="dialog") pravilno su korišteni za dodavanje semantičkog značenja HTML elementima u situacijama kada standardni HTML sam po sebi nije dovoljan za postizanje pristupačnosti.

Gumbi i poveznice

• Poveznice imaju smisleni tekst.
• Gumbi imaju vidljiv naziv i oznaku.
• Interaktivni elementi su dovoljno veliki (najmanje 44x44px).

Alati i testiranje

Webshop radi sa sljedećim aplikacijama:

• WAVE (Web Accessibility Evaluation Tool)
• axe DevTools (Chrome ekstenzija)
• Lighthouse (Chrome DevTools) – sekcija Accessibility

Provedene su sljedeća testiranja:

• Testiranje dostupnosti i funkcionalnosti bez upotrebe miša;
• Testiranje s čitačima ekrana (npr. NVDA, VoiceOver);
• Provjera kontrasta (Contrast Checker).

Dostupnost vremenski ograničenih ponuda

Ograničenja vremena za kupovinu ili popusti su jasno naznačeni i dostupni putem čitača ekrana.

Košarica i Checkout proces

• Sve promjene u košarici (npr. dodavanje i uklanjanje proizvoda, promjena količine, plaćanje) mogu se aktivirati korištenjem tipkovnice bez upotrebe miša.
• Promjene u košarici (dodavanje/uklanjanje proizvoda) su odmah i jasno dostupne svim korisnicima, uključujući i one koji koriste pomoćne tehnologije poput čitača ekrana, odnosno stanje košarice se automatski prenosi bez potrebe da korisnik dodatno traži ili osvježava stranicu. (npr. arialive)
• Svi koraci naplate su logični i linearni, bez neočekivanih preusmjeravanja.
• Gumbi „Nastavi“, „Povratak“, „Potvrdi narudžbu“ imaju jasne nazive i oznake tako da korisnik unaprijed zna što će se dogoditi kada ih pritisne.
• Povratne informacije o greškama u podacima za plaćanje ili dostavu su konkretne i dostupne svim korisnicima bez obzira na to koriste li miš, tipkovnicu ili čitače ekrana.

Plaćanje

• Obrasci za unos podataka (kartica, adresa) imaju jasne upute i <label> oznake koje govore korisniku što treba unijeti.
• Obavijesti o uspješno izvršenom plaćanju ili greškama će se automatski pročitati putem čitača ekrana (npr. arialive="polite").
• Sigurnosne poruke (npr. 3D Secure) su čitljive putem čitača ekrana i korisnik se tijekom autentifikacije može koristiti isključivo tipkovnicom.

Korisnički račun i prijava

• Pristup korisničkom računu, prijavi i registraciji je omogućen i korištenjem isključivo tipkovnicom.
• Potvrde registracije, promjene lozinke ili poruke o greškama u prijavi jasno su prikazane na ekranu, vizualno istaknute u kontrastnoj boji te ih čitač ekrana automatski čita čim se pojave.
• Gumbi poput „Zaboravljena lozinka“ imaju jasno objašnjenje funkcije.

Zamjenska mogućnost za boje

Osigurana je zamjenska mogućnost za korisnike koji imaju problema s prepoznavanjem boja.

Privatnost korisnika

Korisnicima je osigurana zaštita osobnih podataka prikupljenih putem pristupačnih značajki (npr. glasovne naredbe ili podaci uneseni pomoću Brailleove tipkovnice) u skladu s Pravilima privatnosti.

Prilagodljivost vremena za interakciju

Omogućiti opciju da korisnici mogu pauzirati, zaustaviti ili produžiti vremenska ograničenja (npr. ako je vremensko ograničenje za kupnju ili popunjavanje forme).

Usluge potpore

Korisnici imaju mogućnost izbora komunikacijskog kanala koji im najviše odgovara.

• komunikacija putem audio odgovora ili putem čitača ekrana;
• komunikacija putem glasovnih naredbi ili alternativnih tipkovnica.

Pružanje informacija o pristupačnosti proizvoda

Na Webshopu su dostupne informacije o pristupačnosti proizvoda koji su dostupni, odnosno raspoloživi na Webshopu, a koje je PEVEX dobio uz proizvode