Projekt “Istra bez karijesa”

Čvrsto vjerujemo da internet treba biti dostupan i pristupačan svima te smo posvećeni pružanju web stranice koja je pristupačna najširem mogućem krugu korisnika, bez obzira na okolnosti i sposobnosti.

Kako bismo to ostvarili, nastojimo se što strože pridržavati Smjernica za pristupačnost web sadržaja 2.1 (WCAG 2.1) na razini AA, koje je propisao World Wide Web Consortium (W3C). Ove smjernice objašnjavaju kako web sadržaj učiniti pristupačnim osobama s različitim vrstama invaliditeta. Usklađenost s tim smjernicama pomaže nam osigurati da je web stranica pristupačna svim osobama: slijepim osobama, osobama s motoričkim poteškoćama, osobama s oštećenjem vida, kognitivnim poteškoćama i drugima.

Ova web stranica koristi različite tehnologije koje služe tome da bude što pristupačnija u svakom trenutku. Koristimo sučelje za pristupačnost koje osobama s određenim invaliditetom omogućuje prilagodbu korisničkog sučelja (UI) i dizajna web stranice njihovim osobnim potrebama.

Dodatno, web stranica koristi aplikaciju temeljenu na umjetnoj inteligenciji koja radi u pozadini i neprestano optimizira razinu pristupačnosti. Ova aplikacija prilagođava HTML web stranice, usklađuje njezinu funkcionalnost i ponašanje za čitače ekrana koje koriste slijepe osobe te za funkcije tipkovnice koje koriste osobe s motoričkim poteškoćama.

Ako ste pronašli poteškoću u radu stranice ili imate prijedloge za poboljšanje, rado ćemo ih saslušati. Operaterima web stranice možete se obratiti putem e-mail adrese info@tz-visnjan.hr

Čitač ekrana i navigacija tipkovnicom

Naša web stranica primjenjuje tehniku ARIA atributa (Accessible Rich Internet Applications), uz različite prilagodbe ponašanja, kako bi slijepi korisnici koji koriste čitače ekrana mogli čitati, razumjeti i koristiti funkcionalnosti web stranice. Čim korisnik koji koristi čitač ekrana uđe na stranicu, odmah prima obavijest za uključivanje profila za čitač ekrana kako bi mogao učinkovito pregledavati i koristiti stranicu. U nastavku navodimo kako naša web stranica ispunjava neke od najvažnijih zahtjeva za čitače ekrana, zajedno sa snimkama primjera koda iz konzole:

1. Optimizacija za čitače ekrana: u pozadini se izvršava proces koji analizira komponente web stranice odozgo prema dolje kako bi osigurao trajnu usklađenost, čak i prilikom ažuriranja web stranice. U tom procesu čitačima ekrana pružamo smislene podatke pomoću skupa ARIA atributa. Primjerice, osiguravamo točne oznake obrazaca, opise za ikone s radnjama (ikone društvenih mreža, pretraživanja, košarice itd.), smjernice za validaciju unosa u obrasce, uloge elemenata poput gumba, izbornika, modalnih dijaloga (skočnih prozora) i drugo. Osim toga, proces u pozadini skenira sve slike na web stranici i za slike koje nisu opisane automatski dodjeljuje točan i smislen opis temeljen na prepoznavanju objekata kao ALT (zamjenski tekst) oznaku. Također izdvaja tekst koji je ugrađen unutar slike pomoću OCR (optičko prepoznavanje znakova) tehnologije. Za uključivanje prilagodbi za čitač ekrana u bilo kojem trenutku korisnici trebaju samo pritisnuti kombinaciju tipki Alt+1. Korisnici čitača ekrana također automatski dobivaju obavijest za uključivanje načina rada za čitač ekrana čim uđu na web stranicu.

   Ove prilagodbe kompatibilne su sa svim popularnim čitačima ekrana, uključujući JAWS i NVDA.

2. Optimizacija navigacije tipkovnicom: Proces u pozadini također prilagođava HTML web stranice i dodaje različita ponašanja pomoću JavaScript koda kako bi se stranicom moglo upravljati tipkovnicom. To uključuje mogućnost navigacije web stranicom pomoću tipki Tab i Shift+Tab, upravljanje padajućim izbornicima pomoću strelica, njihovo zatvaranje tipkom Esc, aktiviranje gumba i poveznica tipkom Enter, kretanje između radio gumba i potvrdnih okvira pomoću strelica te njihovo označavanje tipkom razmaknice ili Enter. Dodatno, korisnici tipkovnice imaju na raspolaganju izbornike za brzo kretanje i preskakanje sadržaja, dostupne u bilo kojem trenutku pritiskom na Alt+1 ili kao prve elemente stranice prilikom navigacije tipkovnicom. Proces u pozadini također upravlja skočnim prozorima tako da fokus tipkovnice premješta na njih čim se pojave i ne dopušta da fokus izađe izvan njih.

   Korisnici također mogu koristiti prečace poput “M” (izbornici), “H” (naslovi), “F” (obrasci), “B” (gumbi) i “G” (grafika) za skok na određene elemente.

Profili invaliditeta podržani na našoj web stranici

• Način rada siguran za epilepsiju: ovaj profil omogućuje osobama s epilepsijom sigurno korištenje web stranice uklanjanjem rizika od napadaja uzrokovanih bljeskajućim ili treperećim animacijama i rizičnim kombinacijama boja.
• Način rada za slabovidne osobe: ovaj način rada prilagođava web stranicu radi lakšeg korištenja osobama s oštećenjima vida kao što su slabljenje vida, tunelski vid, mrena, glaukom i druga stanja.
• Način rada za osobe s kognitivnim poteškoćama: ovaj način rada pruža različite opcije pomoći kako bi korisnicima s kognitivnim teškoćama poput disleksije, autizma, CVA i drugih stanja olakšao usmjeravanje na ključne elemente web stranice.
• Način rada prilagođen osobama s ADHD-om: ovaj način rada pomaže korisnicima s ADHD-om i neurorazvojnim poremećajima da lakše čitaju, pregledavaju i usmjere pažnju na glavne elemente web stranice uz znatno smanjenje ometanja.
• Način rada za slijepe osobe: ovaj način rada konfigurira web stranicu tako da bude kompatibilna s čitačima ekrana kao što su JAWS, NVDA, VoiceOver i TalkBack. Čitač ekrana je softver za slijepe osobe koji se instalira na računalo ili pametni telefon, a web stranice moraju biti kompatibilne s njim.
• Profil navigacije tipkovnicom (motoričke poteškoće): ovaj profil omogućuje osobama s motoričkim poteškoćama upravljanje web stranicom pomoću tipki Tab, Shift+Tab i Enter. Korisnici također mogu koristiti prečace poput “M” (izbornici), “H” (naslovi), “F” (obrasci), “B” (gumbi) i “G” (grafika) za skok na određene elemente.

Dodatne prilagodbe sučelja, dizajna i čitljivosti

1. Prilagodbe fonta – korisnici mogu povećavati i smanjivati veličinu slova, mijenjati vrstu fonta, prilagođavati razmak, poravnanje, visinu redaka i drugo.
2. Prilagodbe boja – korisnici mogu odabrati različite profile kontrasta boja poput svijetlog, tamnog, obrnutog i monokromatskog prikaza. Dodatno, mogu mijenjati sheme boja naslova, teksta i pozadina, uz više od sedam različitih opcija bojanja.
3. Animacije – osobe s epilepsijom mogu zaustaviti sve aktivne animacije klikom na gumb. Animacije koje su obuhvaćene sučeljem uključuju videozapise, GIF-ove i CSS prijelaze s bljeskanjem.
4. Isticanje sadržaja – korisnici mogu odabrati isticanje važnih elemenata poput poveznica i naslova. Također mogu odabrati da se ističu samo elementi koji su trenutno u fokusu ili iznad kojih se nalazi pokazivač miša.
5. Isključivanje zvuka – korisnici koji koriste slušna pomagala mogu osjetiti glavobolju ili druge poteškoće zbog automatske reprodukcije zvuka. Ova opcija omogućuje trenutno isključivanje zvuka na cijeloj web stranici.
6. Kognitivni poremećaji – koristimo tražilicu povezanu s Wikipedijom i Wiktionaryjem, koja osobama s kognitivnim poteškoćama omogućuje lakše razumijevanje značenja izraza, kratica, slenga i slično.
7. Dodatne funkcije – korisnicima omogućujemo promjenu boje i veličine pokazivača, korištenje načina ispisa, uključivanje virtualne tipkovnice i mnoge druge funkcije.

Kompatibilnost s preglednicima i asistivnim tehnologijama

Nastojimo podržati što širi raspon preglednika i asistivnih tehnologija kako bi naši korisnici mogli odabrati alate koji im najbolje odgovaraju, uz što manje ograničenja. Zato smo uložili velik trud kako bismo podržali sve glavne sustave koji obuhvaćaju više od 95 % tržišnog udjela korisnika, uključujući Google Chrome, Mozilla Firefox, Apple Safari, Opera i Microsoft Edge te JAWS i NVDA (čitače ekrana).

Napomene, komentari i povratne informacije

Unatoč svim našim nastojanjima da svima omogućimo prilagodbu web stranice njihovim potrebama, moguće je da još uvijek postoje stranice ili dijelovi koji nisu u potpunosti pristupačni, koji su u postupku prilagodbe ili za koje još ne postoji odgovarajuće tehnološko rješenje koje bi ih učinilo pristupačnima. Ipak, neprestano unapređujemo pristupačnost, dodajemo, ažuriramo i poboljšavamo njezine mogućnosti i funkcionalnosti te razvijamo i primjenjujemo nove tehnologije. Sve to s ciljem postizanja optimalne razine pristupačnosti u skladu s tehnološkim napretkom. Za bilo kakvu pomoć obratite nam se na info@vrticvisnjan.hr