Analiza web stranica i javnih komunikacijskih i informacijskih servisa

Analiza web stranica i javnih komunikacijskih i informacijskih servisa državnih službi s obzirom na

pristupačnost slijepim osobama (skraćeno – ispitivanje webišta)

AUTOR: DENIS RUDIĆ, 2009.

Cilj ovog projekta je osvješćivanje slijepih osoba o dostupnosti informatičkih rješenja koja im omogućuju bolju tj. samostalnu komunikaciju u svakodnevnim situacijama te upozoravanje i osvješćivanje javnosti o potrebama za prilagodbom različitih komunikacijskih servisa i sustava kako bi isti bili prilagođeni slijepima. Ovaj dio projekta, "Analiza web-stranica i javnih komunikacijskih i informacijskih servisa državnih službi s obzirom na pristupačnost slijepim osobama" prikazuje trenutno stanje u tom području u Republici Hrvatskoj. Analiza je provedena na 40 web stranica. Instrumentarij koji je korišten obuhvaća alat za objektivnu procjenu "Ocawa" i upitnik za subjektivnu procjenu koji je izrađen u timskoj koordinaciji slijepih osoba, stručnjaka za web design i stručnjaka za područje pristupačnosti sadržaja na mreži. Nositelj projekta je Udruga slijepih Istarske županije Pula, a u cijelosti je financiran iz sredstava Ministarstva zdravstva i socijalne skrbi. Rezultati ovog projekta imaju svrhu da se web dizajnerima prezentira na koji način rješenja koja koriste mogu utjecati na pretraživanje sadržaja na internetu slijepim osobama te ds se pokažu načini na koji bi ti sadržaji trebali biti uređeni kako bi bili pristupačni navedenoj populaciji. Rezultati također mogu poslužiti kao smjernice za slijepe surfere - na koje dijelove da obrate pozornost, odnosno na dijelove kod kojih bi mogli naići na poteškoće te neke najrudimentarnije načine navigacije. Dijelovi koji prikazuju "problematične" dijelove HTML koda pojedinih stranica mogu biti nerazumljivi početnicima, slijepim surferima te je preporuka da te dijelove preskoče. Ovaj rad će poslužiti za osvješćivanje dijela generalne populacije o mogućnostima koje pristupačni sadržaji mreže mogu koristiti marginalnim skupinama te se nadamo da će biti korištena prilikom kreiranja određenih strategija i podzakonskih akata u svrhu boljeg usklađivanja s europskim standardima. U konačnici sve prikazano ide u smjeru bolje integracije slijepih u svakodnevni život što je vrh piramide željenih efekata.

Uvod

Da bi gore navedena tema bila obrađena u potpunosti, morat ćemo se vratiti u ne tako davnu prošlost, u doba kad su naše majke zaljubljeno gledale na crno-bijelim TV ekranima kako Beatlesi izvode “Love me do”, a naši očevi nosili traperice s trapez nogavicama, dugu kosu i bili glavni u gradu na svojim Piaggio Vespama…Tijekom toga vremena, točnije 1969. godine, Američka agencija za napredna istraživanja Ministarstva obrane (Department of Defense's Advanced Research Projects Agency), ARPANET, pokrenula je internet na Sveučilištu UCLA u Kaliforniji. Cilj je bio taj da se znanstvenicima omogući razmjenjivanje rezultata različitih istraživanja dobivenih na različitim i prilično udaljenim lokacijama. No da ne bi sve bilo idilično treba se sjetiti da je to bilo vrijeme hladnog rata i prvobitni cilj ARPANET-a je bio izrada mreže koja bi bila dovoljno sigurna da izdrži u uvjetima nuklearnog napada. Prilikom rada ARPANET se temelji na komutaciji paketa, a njegova odlika je ta da su podatci razbijeni na manje informacija od kojih svaki sadrži adresu, provjeru pogrešaka i korisničke podatke. Ono što još ide u prilog hladnoratovskoj doktrini paranoje jest to da kod komutacije paketa, paketi poslani s više računala mogu dijeliti jednu podatkovnu vezu, što bi značilo da se u slučaju napada podatci s jednog računala koje prestane raditi mogu preusmjeriti na druga računala u mreži s komutacijom paketa.

1

TCP/IP, protokol, razvijen 1974., podržava skup usluga poput elektroničke pošte, prijenosa datoteka i pristupa na udaljena računala prisutan je još i danas. U prvo vrijeme s ARPANET-om su bili povezani UCLA, UC Santa Barbara, Universitiy of Utah te Stanford research institute, no s vremenom se sve više gradova “kačilo” na ARPANET, počinje se koristiti termin Internet, a godine 1984 ARPANET se gasi. Sveučilišta i različite tehničke organizacije su i dalje koristile internet, no područje primjene interneta se proširilo na druge namjene koje više nisu bile isključivo obrambene i znanstvene, već namjene šireg spektra interesa, na primjer, grupe orijentirane na različite stilove života, tehnologije, kuhanja, različite vjerske grupe i tako dalje. Prije 1990. godine sve informacije na internetu su bile tekstualnog sadržaja, nije bilo slika, grafika i boja, te su se svi zadatci provodili uz pomoć tipkovnice, bez odabiranja s mišem. To je značilo da je upotreba interneta bila ograničena na “znalce” te je to bilo vrijeme vladavine operativnog sustava DOS. DOS je bio baziran na komandnom sučelju u kojem je krajnji korisnik komande zadavao uz pomoć tipkovnice, odnosno upisivanjem naredbi. Različite tvrtke i pojedinci su se počeli zanimati za mogućnost da i slijepe osobe pokušaju koristiti računalo. Razvojem čitača ekrana (screen reader softvera) - Hal, Jaws i Vocal eyesa za DOS, slijepe osobe su dobile mogućnost korištenja tekstualnih pretraživača (browser ) ili preglednika za pregled web stranica. Tadašnji pretraživači nisu imali grafičko sučelje, to jest, sadržaj stranica se prikazivao u tekstualnom obliku. Slijepim osobama je u to vrijeme pretraživanje sadržaja na internetu bilo lakše zbog navedenih razloga i mogle su prilično jednostavno koristiti, na primjer, Telex ili posljednju inačicu poznatog tekstualnog pretraživača Netscape navigator 2.0.

Od 1989 pojavom www-a i internet pretraživača 1993. u potpunosti se promijenio internet koji je do tada bio poznat. www je grafički orijentiran mehanizam koji povezuje korisnika s traženim izvorom informacija, a temelji se na principu odabira slike ili teksta da bi korisnici mogli pristupiti na lokaciju s koje mogu pristupiti informacijama. Jednako tako su internet pretraživači omogućili dobivanje željenih informacija i onoj skupini ljudi koji nisu posjedovali vještine rada na računalu, tj. do željenog sadržaja vas je dijelio samo jedan klik mišem na sličicu ili ikonicu koja se nalazi ispred vas na zaslonu ekrana. U tim trenutcima korištenje interneta i pristup sadržaju na mreži za slijepe korisnike također se u potpunosti mijenja. Ono što je bilo jednostavno, uvelike se zakompliciralo, da ne kažem da je postalo nemoguće. Operativni sustav Windows, koji je grafičko sučelje i koji je za razliku od DOS-a omogućavao multi tasking, tj. istovremeno korištenje nekoliko aplikacija, bio je bitno poboljšanje za generalnu populaciju, ali i početak stagnacije za slijepe korisnike koji su i dalje koristili mogućnosti koje im je nudio DOS. Na sreću to vrijeme stagnacije koje ću pjesničkom slobodom nazvati “petoljetka” jer je otprilike toliko i trajalo, završeno je otprilike početkom 1996. kad je svjetlo dana ugledao Jaws for Windows, čitač ekrana za Windows 3,1. Ubrzo nakon njega i konkurentske kompanije izbacuju svoje čitače ekrana na radost slijepih osoba.

Internet u Republici Hrvatskoj

1991. godine Ministarstvo znanosti i tehnologije je pokrenulo projekt Hrvatske akademske i istraživačke mreže, (CARNet, Croatian academic research network). U početku pristup internetu imaju osobe iz akademske zajednice, no jednako tako pristup mreži postupno postaje dostupan i drugim pojedincima te, kako navodi CARnet, besplatan je svim korisnicima.

Internet i slijepi surferi kod nas

U to se vrijeme na prste jedne ruke moglo nabrojiti slijepe osobe koje su imale vještine i potrebna znanja za korištenje računala, pa čak i samo računalo. Kako navode neki radovi svega desetak osoba se koristilo internetom i računalom uopće. To su bili pioniri informatizacije slijepih, recimo gospoda Zoran Rogić, Nijaz Škaljo, Zlatko Sobočan, Mario

2

Perčinić i Tomislav Juzbašić. Od sredine devedesetih godina prošlog stoljeća, broj slijepih osoba koji se koriste računalnom tehnologijom se iz godine u godinu povećavao. Prema grubim procjenama Zagrebačke udruge slijepih u zadnjih desetak godina koliko se kod njih provodi računalna edukacija, oko 80-ak slijepih je prošlo tečaj. No, dio ljudi koji nisu bili ni blizu Zagreba, ali i oni koji zbog različitih razloga ili nisu mogli ili nisu htjeli ići na taj tečaj , samoinicijativno je krenulo u tu priču, uz to postojale su organizacije poput Udruge slijepih i slabovidnih studenata “Šišmiš” unutar kojih se podučavalo svoje članove, tako da je neka gruba procjena da danas u Hrvatskoj ima otprilike 400 računalno pismenih slijepih osoba. Kao marginalna skupina i slijepi su dio generalne populacije “Lijepe naše”. Prateći suvremene tokove društva i slijepe osobe se koriste računalima u svakodnevnom radu i životu, u odnosu s javnim službama, u kulturi, zabavi, u slobodnome vremenu, političkom životu, uglavnom svemu onome što može poboljšati sudjelovanje u društvenom životu na jednakim osnovama. U tome smislu pristupačnost internetsim sadržajima za tu skupinu ljudi omogućava puno više nego što bi netko mogao pretpostaviti.

Pristupačnost web sadržaja

Pristupačnost internetskih stranica i njihovog sadržaja znači da ljudi s posebnim potrebama mogu percipirati i razumjeti te pretraživati sadržaje, dodavati svoj sadržaj i biti u interakciji s drugim korisnicima interneta. Kako internet postaje izuzetno važan resurs u svim aspektima života, obrazovanju, zapošljavanju, trgovini, upravljanju, zdravstvenoj brizi, rekreaciji planiranju putovanja i svemu onome što svakodnevni život čini lakšim i jednostavnijim, a u smislu dobivanja potrebne informacije, s pravom se može reći da je pristupačnost sadržaja na mreži preduvjet za osiguranje jednakih mogućnosti osobama s posebnim potrebama (invaliditetom). Prema URL: http://www.pristupacnost.net/public_html/?page=pages,variable,projekti) “Najpoznatija organizacija uključena u uspostavu smjernica za pristupačnost sadržaja na mreži je Inicijativa za pristupačnost internetu - Web Accessibility Initiative (WAI), koja je dio konzorcija Svjetske internetske mreže - World Wide Web Consortium (W3C).”W3C je konzorcij koji se bavi razvojem standarda i uputa za daljnji razvoj interneta. Jednako tako se bavi i pristupačnošću mreže na način da bude dostupna svima onima koji sa sadržajem mreže mogu imati nekih problema, Web Accessibility Initiative (WAI ), te je 1998. godine u lipnju objavljen • WAI User Agent Guidelines, , first public Working Draft announcement, June, 1998 ( URL: http://www.w3.org/WAI/about/releases).Od tada do danas se navedeni program usavršava i donedavno su bile važeće Smjernice za pristupanje sadržaju na internetu (WCAG) 1.0 objavljene 1999. godine.S obzirom na tehnološke promjene i njihovo konstantno unapređivanje, u korak s njima je morala ići i izrada novih smjernica te je tako izašla i ažurirana verzija istih-smjernica za pristupanje sadržaju na internetu 2.0 (WCAG 2.0). . Usporedno s time WAI trenutačno radi na uputama za migraciju (prelaženje) s WCAG 1.0 na WCAG 2.0. Prethodna inačica smjernica (WCAG) 1.0 je poslužila pri izradi mnogih zakona u nekim zemljama. (WCAG) Smjernice 1.0 Prevedene su i na hrvatski, te su dostupne na URL:http://www.ffzg.hr/infoz/dzs/smjer.Ažurirana verzija (WCAG) 2. može se pronaći na stranici http://www.w3.org/TR/2008/REC-WCAG20-20081211/, na engleskom je jeziku i prema mojim saznanjima još nije prevedena na hrvatski. Iako prijevod ne postoji, engleska verzija smjernica kao i različiti materijali koji mogu poslužiti programerima te donositeljima odluka mogu se jednostavno i lako pronaći na stranicama W3C konzorcija.

Što u biti predstavlja pojam pristupačnosti i koji su glavni segmenti koji doprinose tome da se populacija kojoj i sam pripadam (slijepe osobe), može jednostavno i bez poteškoća služiti sadržajima mreže?Postoje određene skupine u općoj populaciji koje nemaju iste radne mogućnosti, uvjete ni sposobnosti. Na primjer, neki od njih ne čuju, ne vide, ne mogu se kretati ili služiti određenim vrstama informacija. Potom, neki od njih mogu imati poteškoća s čitanjem ili razumijevanjem

3

teksta, ne mogu se služiti mišem ili tipkovnicom, ne služe se jezikom na kome je tekst napisan. Smjernice uzimaju u obzir moguće primjere dizajna stranica te na temelju njih predlažu rješenja u svrhu poboljšavanja pristupačnosti sadržaja mreže.

Slike kao takve mogu osobama koje ne vide predstavljati problem, no smjernice idu u tom smjeru da se one učine pristupačnima na način da slijepim i slabovidnim osobama bude ponuđen tekstualni ekvivalent slikovnog sadržaja. Tekstualni sadržaj korisniku može biti prikazan čitačem zaslona ili brajevim pismom ili vizualno prezentiranim tekstom. Na ovaj način se informacija čini dostupnom različitim skupinama osoba s invaliditetom, slijepim, slabovidnim , gluho-slijepim i tako dalje. Da bi tekst bio koristan, on mora imati istu funkciju kao slika. Primjer je, kako ga navodi WAI, fotografija zemlje iz svemira. Ako je funkcija te slike dekorativna, onda tekst „zemlja iz svemira“ zadovoljava funkciju, no ako se na sliku može kliknuti kako bi se pružili neki podatci o planetu, tekstualni ekvivalent bi mogao biti „informacije o zemlji“". Tako imenovane slike pružaju jednako valjanu paralelnu informaciju osobama s invaliditetom, u ovome slučaju slijepima. Takvi tekstualni ekvivalenti osim što pomažu osobama s invaliditetom, pomažu i populaciji bez sličnih stanja jer olakšavaju pronalaženje informacija budući da tražilice prilikom pretraživanja koriste tekst. Netekstualni ekvivalenti teksta poput ikona, snimljenog govora ili video snimka osobe koja tumači tekst na znakovni jezik mogu također učiniti dokumente dostupnim osobama koje imaju poteškoća s čitanjem, s poremećajem čitanja i onima koji imaju kognitivne poteškoće. Ovi načini prilagodbe odnose se na osiguravanje prikladnog prikaza, a tu se još sugerira da se dokumenti oblikuju pristupačnima iako ih neki korisnici ne mogu vidjeti, što ne znači da se sve informacije prezentiraju u auditivnoj inačici jer se slijepi služe čitačima zaslona ili brajevim zaslonom da bi dobili pruženu informaciju. Jednako tako je bitno oblikovati razumljivi sadržaj koji je jednostavan za korištenje. Osim jasnog i razumljivog jezika koji korisnicima drugog jezičnog područja olakšava razumijevanje prisutnog sadržaja, takav jezik može imati olakšavajuću kvalitetu i za korisnike koji imaju poremećaje čitanja poput disleksije ili onima koji imaju kognitivne poteškoće. Osim jezika, potrebno je u ovoj kategoriji omogućiti razumljive mehanizme navigacije unutar i između stranica. Takvi navigacijski alati i orijentacijske informacije povećavaju dostupnost i upotrebljivost same stranice kao i njenog sadržaja. Kod nekih korisnika vizualni znakovi poput hipervezanih slika, klizača, okvira, navigacijska grafika ili grafički preglednici mogu predstavljati probleme. Korisnici mogu gubiti kontekstualnu informaciju jer imaju uvid u samo djelić stranice kad joj pristupaju riječ po riječ uz pomoć čitača zaslona ili brajevog retka. Bez korektnih orijentacijskih informacija moguće je da se dogodi nepotpuno razumijevanje velikih tablica, menija ili popisa.

Dokument „Web Acessibility Guidelines“ sadrži četrnaest općih načela pristupačnog dizajna i svaka od smjernica pruža informaciju zašto je koristiti i kojim osobama ona koristi te su prikazane definicije provjernih točaka i kako se one najčešće primjenjuju. Ponuđena su i rješenja koja je potrebno primijeniti u svrhu poboljšavanja pristupačnosti sadržaja na mreži, a u svrhu olakšavanja pregledavanja istog onim korisnicima koji imaju poteškoća pri pregledavanju takvih sadržaja.

Kako smo mogli vidjeti slijepe osobe u Hrvatskoj koriste se računalima zadnjih petnaest godina. Načine na koji su stjecali znanja i vještine smo nabrojali, no što možemo reći o tome koliko je javnost upoznata s mogućnostima koje slijepi imaju pri korištenju računala? Još bitnije je koliko država koja bi prema ustavu trebala osigurati posebnu skrb za marginalne skupine, u ovom slučaju slijepe, poznaje mogućnosti koje nam takvo računalo pruža za dobivanje pojedinih vrsta informacija i ono što je još važnije koliko je upoznata s mogućnošću osiguravanja pristupačnih sadržaja mreže za osobe s invaliditetom?U proteklih nekoliko godina su rađene analize pristupačnosti pojedinih web stranica, bilo da su u domeni države, privatnog sektora ili neke nevladine organizacije. Stranice koje su imale domenu .hr su u najvećem broju slučajeva bile takve da se slijepa osoba na njima ili nije mogla snalaziti, što bi značilo potpuno nepristupačna, ili da bi se trebala dovijati kako bi

4

došla do neke željene informacije, što bi značilo da bi na ljestvici od 5 mogla dobiti ocjenu 3.Treba reći da je Republika Hrvatska potpisnica UN-ove konvencije o pravima osoba s invaliditetom te da je donijela strategiju i pripadajuće joj mjere i programe za zaštitu i promicanja ljudskih prava u kojima postoji odjeljak koji obrazlaže značaj dostupnosti informacija za osobe s invaliditetom.

U daljnjem dijelu teksta će se prikazati postupak odabira web stranica, odabir metoda za njihovu objektivnu procjenu uz pomoć objektivnih alata za procjenjivanje, ali i subjektivne procjene pristupačnosti tih istih stranica od strane slijepih osoba. Nadalje, bit će prikazani rezultati pojedinačnih evaluacija, ali i statistički obrađeni podatci te će se na kraju dobiti stvarna slika o tome u kolikoj mjeri su pristupačni sadržaji hrvatskih web stranica te mogući prijedlozi za poboljšanjima. Prijedlozi će biti poslani web administratorima koji održavaju te stranice, a sve u namjeri da se slijepim osobama omogući što jednostavnije pregledavanje istih stranica. Kako od strane državnih struktura dolaze svi bitni naputci, odluke, strategije i zakoni, vjerujemo da će nalazi koje dobijemo i naše sugestije biti prihvaćeni jer smjernice za pristup sadržajima na internetu nisu namijenjene samo slijepima već i većem broju osoba s invaliditetom, a jednako tako i korisnicima koji nemaju navedenih poteškoća.Osim donositeljima odluka, to jest web administatorima, ova procjena je namijenjena i slijepim surferima koji će iz dodatka u kojem se nalaze procjene svih stranica moći steći uvid u strukturu tih stranica i biti upozoreni na moguće probleme na koje mogu naići kod istih.U navedenom dodatku prvi dio se sastoji od subjektivne procjene koja će najviše koristiti slijepim surferima početnicima, no kako bi ovaj rad bio integrativan ispod svake procjene je naveden problematični dio koda stranice koji je namijenjen web administratorima u svrhu njihovog poboljšavanja. Ovaj dio će za većinu slijepih surfera biti nerazumljiv i manje bitan i stoga preporučujemo da to preskoče.

Definicije web-stranica

U ovom prvom dijelu izrade ovoga projekta smo se bazirali na tome da se ponajprije utvrde webovi koji će biti evaluirani. Kako se u sklopu projektnih aktivnosti Hrvatskog saveza slijepih u prijašnjim godinama već izvodilo procjenjivanje nekih webova, konzultirale su se takve evaluacije, no s obzirom na to da je zadnja bila rađena 22. studenog 2004. godine te da su se mnoga ministarstva spajala, razdvajala ili su nastala nova, tu procjenu (iako smo je konzultirali) ne možemo uzeti u obzir kao bitan i valjan kriterij. Stoga smo morali sami stvarati kriterije koji će nam poslužiti za selekciju uzorka za procjenu. Kriteriji koji su postavljeni su sljedeći:

a) sadržaj stranice mora biti informativan za slijepe osobe,b) velika opća posjećenost stranicec) mogućnost promjene web stranice u svrhu poboljšavanja pristupačnosti za slijepe osobe ako bude potrebno.

Kriterij 1/ informativnost za slijepe osobe.

Kako možemo definirati informativnost za slijepe osobe? Što se toga tiče moramo uzeti u obzir probleme s kojima se suočava slijepa osoba u svakodnevnom životu. Dio takvih problema se nastoji riješiti određenim državnim beneficijima, strategijama, zakonima ili odlukama koje idu u smjeru toga da se slijepe osobe izjednače u mogućnostima s generalnom populacijom. Nećemo ulaziti u to koliko su dobre ili loše, ali one se kreiraju i provode prvenstveno preko državnih institucija, a to je bio razlog da se u ovom istraživanju najvećim dijelom obrade webovi koji se nalaze u javnom državnom sektoru. Naravno da nismo u obzir uzeli neke od njih jer da jesmo koliko bi to „soli bacili u more“ da procjenjujemo pristupačnost, recimo, stranice Ministarstva obrane?

5

Iz gore navedenog razloga webovi koje ćemo navesti pružaju određene informacije koje su iznimno relevantne i specifične za slijepe osobe, a direktno su vezane za svakodnevno življenje. Takve informacije su one koje se tiču zdravstva, socijalne skrbi, zakonskih odredbi, pravilnika za ostvarivanje nekih zajamčenih prava, zapošljavanja, obrazovanja, mogućnosti putovanja i njegovog planiranja, odnosno sve ono s čim se slijepa osoba mora susretati u životu a da bi on bio što potpuniji. Jednako tako u procjenu pristupačnosti su uvrštene i stranice koje se ne nalaze u domeni državnog već i javnog sektora, a odnose se na segmente svakodnevnog življenja. Broj stranica iz tog sektora je manji, ali to ne znači da je manje relevantan za svakodnevni život. Dnevne tiskovine, forumi, banke ili trgovine informatičkom opremom su tu našle svoje mjesto.

Kriterij 2/Velika opća posjećenost stranice

Glede ovoga kriterija postavlja se pitanje kako je to moguće utvrditi? Iako mnoge stranice imaju svoje web countere, u svijetu je uobičajeno da se rade neovisne procjene posjećenosti web stranica te se na taj način putem statističkih analiza određuje top lista najposjećenijih web siteova. U svijetu je takvo procjenjivanje uobičajeno te se ono vrši na siteu www.alexa.com.Na ovim prostorima, a tu mislim na zemlje koje su nastale raspadom Jugoslavije, to je još u začetku, no postoji servis www.radanpro.com, koji koristi strategije i načine procjenjivanja poput prethodno navedenog sitea. Uz ostale zemlje iz okruženja na Radanpro siteu se mogu procjenjivati stranice iz Hrvatske i vidljiva je Top lista od 371 najposjećenijih URL-ova iz naše zemlje. Na listi su mahom komercijalne stranice, ali i neki državni servisi, to jest statistika posjećenosti njihovih web siteova. U obzir smo uzeli prvih 10 s te ljestvice i to na dan 08. rujna 2008. godine, no nismo se držali redoslijeda od prvog do desetog što će biti objašnjeno malo kasnije. U vrijeme kad se pregledavala lista prvo mjesto je zauzimao URL:http://www.google.hr, no on je isključen iz procjene iz razloga što kao najučestalije korišten pretraživač razmišlja o pristupačnosti, to jest kao komercijalni site iz Sjedinjenih Američkih Država mora udovoljavati antidiskriminacijskim zakonima koje propisuje država i nedavno je s Američkom vladom sklopljen sporazum osiguravanju pristupačnih elektroničkih knjiga za slijepe osobe. Nadalje iako je www.bloger.hr na visokom mjestu među prvih 10 i on je isključen jer je nekoliko mjesta iznad njega www.blog.hr te nismo htjeli ponavljati veći broj takvih servisa. Jednako tako smo izuzeli i www.dnevnik.hr i www.jutarnji .hr iz sličnih razloga, to jest imamo više medija koji su na višem rangu top liste. Zato smo stavili neke druge web siteove koji su na nižem rangu, ali zadovoljavaju prethodni kriterij.

Kriterij 3/ mogućnosti promjene web stranice u svrhu poboljšavanja pristupačnosti za slijepe osobe.

Zbog ovog razloga je na našu listu uveden http://e-hrvatska.hr jer je to stranica u ingerenciji državnih službi, a ta institucija kao takva je najbitnija glede strategije koju je donijela Vlada vezano za internetizaciju državne uprave, samouprave i lokalnih uprava.Nadalje, ona će s obzirom na svoju djelatnost i misiju najvjerovatnije biti ona institucija na koju će nas upućivati državni subjekti u slučaju da njihove web stranice ne budu zadovoljavale kriterije pristupačnosti. S obzirom na Nacionalnu strategiju izjednačavanja mogućnosti za osobe s invaliditetom i načela o dostupnosti informacija, vjerujemo da će ova institucija biti zamašnjak eventualnoj potrebi za promjenom nepristupačnih siteova.

Prema gore navedenim kriterijima sastavljena je lista webova koji su bili procijenjeni s obzirom na pristupačnost za slijepe osobe.

Lista procjenjivanih webova u svrhu utvrđivanja njihove pristupačnosti slijepim osobama:

1. www.sabor.hr ),

6

http://www.sabor.hr/

http://e-hrvatska.hr/

http://www.dnevnik.hr/

http://www.blog.hr/

http://www.bloger.hr/

http://www.google.hr/

http://www.radanpro.com/

http://www.alexa.com/

2. Predsjednik Republike Hrvatske, ( www.predsjednik.hr );3. Vlada Republike Hrvatske, ( www.vlada.hr );koja na Radanpro rang listi zauzima 239. mjesto,4. Ministarstvo financija, ( www.mfin.hr );5. Ministarstvo unutarnjih poslova, ( www.mup.hr );na Radanpro rang listi zauzima 133. mjesto,6. Ministarstvo pravosuđa, ( www.pravosudje.hr );na Radanpro listi zauzima 123. mjesto,7. Ministarstvo gospodarstva, rada i poduzetništva, ( www.mingorp.hr );8. Ministarstvo zdravstva i socijalne skrbi, ( www.mzss.hr );9. Ministarstvo znanosti, obrazovanja i športa, ( www.mzos.hr );smjestilo se na 178. mjesto Radanpro rang liste,10. Ministarstvo obitelji, branitelja i međugeneracijske solidarnosti, (www.mobms.hr );11. Katastar, ( www.katastar.hr ); nalazi se na 246. mjestu Radanpro rang liste,12. Hrvatske željeznice, ( www.hznet.hr );rang na Radanpro listi 89.13. Autobusni kolodvor Zagreb, ( www.akz.hr ); nalazi se na 141. mjestu Radanpro rang liste, 14. Jadrolinija, ( www.jadrolinija.hr );15. Croatia airlines, ( www.croatiaairlines.hr );16. Carnet, ( www.carnet.hr );zauzima rang 77 na Radanpro listi,17. Filozofski fakultet, Zagreb, ( www.ffzg.hr ); nalazi se na 42. mjestu Radanpro rang liste,18. Ekonomski fakultet, Zagreb, ( www.efzg.hr );83. rang Radanpro liste,19. Studentski centar, Zagreb, ( www.sczg.hr );20. Hrvatski zavod za zapošljavanje, ( www.hzz.hr ); zauzima 142. rang Radanpro liste,21. Fond za profesionalnu rehabilitaciju i zapošljavanje osoba s invaliditetom, (www.fond.hr);22. Hrvatski zavod za zdravstveno osiguranje, (www.hzzo-net.hr );23. Hrvatski fond za mirovinsko osiguranje, ( www.mirovinsko.hr );24. Financijska agencija, ( www.fina.hr);25. Narodne novine, ( www.nn.hr );zauzima 77. mjesto na Radanpro rang listi 26. Porezna uprava, ( www.pu.mfin.hr ); 27. Hrvatska pošta, HP express, (www.posta.hr );28. Središnji državni ured za e-hrvatsku, ( http://e-hrvatska.hr );29. Nacionalna zaklada za razvoj civilnog društva, (http://zaklada.civilnodrustvo.hr ); 30. Iskon, (www.iskon.hr );prema Radanovoj listi rang 2,31. index, ( www.index.hr ); rang 3. Radanpro liste32. blog hr, ( www.blog.hr );rang 4. Radanpro liste,33. T-portal, ( www.tportal.hr );rang 5. Radanpro liste,34. 24 sata, ( www.24sata.hr );zauzima 6. rang Radanpro liste,35. Večernji list, ( www.vecernji.hr ); 7. mjesto Radanpro rang liste,36. Privredna banka, Zagreb- internet bankarstvo,( https://net.pbz.hr );rang 35. Radanpro rang liste, 37. Zagrebačka banka, ( www.zaba.hr );

7

http://www.zaba.hr/

http://www.vecernji.hr/

http://www.24sata.hr/

http://www.tportal.hr/

http://www.blog.hr/

http://www.index.hr/

http://www.iskon.hr/

http://zaklada.civilnodrustvo.hr/


http://www.posta.hr/

http://www.pu.mfin.hr/

http://www.nn.hr/

http://www.mirovinsko.hr/

http://www.hzzo-net.hr/

http://www.fond.hr/

http://www.hzz.hr/

http://www.sczg.hr/

http://www.efzg.hr/

http://www.ffzg.hr/

http://www.carnet.hr/

http://www.croatiaairlines.hr/

http://www.jadrolinija.hr/

http://www.akz.hr/

http://www.hznet.hr/

http://www.katastar.hr/

http://www.mobms.hr/

http://www.mzos.hr/

http://www.mzss.hr/

http://www.mingorp.hr/

http://www.pravosudje.hr/

http://www.mup.hr/

http://www.mfin.hr/

http://www.vlada.hr/

http://www.predsjednik.hr/

zauzima 34. mjesto Radanpro rang liste38. Plavi oglasnik, ( www.oglasnik.hr );39. Forum Hr, ( www.forum.hr );zauzima 8. rang Radanpro liste, na 40. HG spot, (www.hgspot.hr ).,zauzima rang 52. Radanove top liste.

Instrumentarij

Nakon što su određeni web siteovi koji su procjenjivani s obzirom na pristupačnost za slijepe osobe, slijedio je drugi korak koji se bavio odabirom alata za procjenjivanje. Procjena se vršila na objektivnoj i subjektivnoj razini te je za svaku od njih trebalo pronaći odgovarajući alat.

Alat za objektivnu procjenu

Vezano za objektivnu procjenu nije bilo puno problema jer se na stranicama http://www.w3.org/WAI/ER/tools/complete mogu pronaći gotovo svi alati za objektivnu procjenu pristupačnosti, njihove tehničke specifikacije i niz deskriptivnih informacija. Razmjenom informacija s dijelom ljudi iz zajednice slijepih osoba te stručnjaka za web design koji ne spadaju u prethodno navedenu skupinu, a imaju saznanja o ovoj problematici došli smo do dva objektivna alata. Ti alati su Ocawa i atrc web checker a mogu se pronaći na sljedećim linkovima:http://www.ocawa.com/en/Test-your-Web-Site.htm, http://checker.atrc.utoronto.ca.U prvo vrijeme se potonji činio bolji i pristupačniji, to jest manje kompliciran za slijepe osobe, stoga je donesena odluka da taj alat bude korišten za objektivnu procjenu. Međutim, nakon nekoliko uspješnih procjena, točnije pet, prilikom procjenjivanja stranice Ministarstva pravosuđa navedeni alat je postao nedostupan te se za svaki pokušaj procjene dobivala ista poruka HTTP Status 404 - /servlet/Checkacc. Kako smo mislili da je to bio kratkotrajni prekid čekalo se nekoliko dana, no kako se poruka stalno ponavljala, odustali smo od tog alata za objektivnu procjenu i počeli koristiti drugi. Kako su izvještaji bili drugačiji, morali smo početi od početka jer različitost podataka ne bi dovela do valjane i objektivne statističke analize dobivenih podataka. Ocawa servis je doveo do nekih drugih malih poteškoća, a to je da ona dopušta 10 besplatnih procjena. Taj problem se riješio na način da su iduće 3 skupine od po deset web stranica morale biti odrađene na nekom drugom računalu. Uz te male sitne poteškoće analiza je odrađena, a rezultati će biti vidljivi u daljnjem dijelu ovoga rada.

Subjektivna procjena

Prethodno je navedeno da su se subjektivne procjene radile i prije u sklopu raznih aktivnosti koju je vodio Hrvatski savez slijepih. Međutim, za statističku analizu izvještaja subjektivnih procjena moralo se pristupiti izradi upitnika za subjektivnu procjenu pristupačnosti web stranica. U kreiranju upitnika su pomogla prethodna iskustva i problemi s kojima su se susretale slijepe osobe prilikom pretraživanja interneta. Bitna pomoć u izradi upitnika došla je i od strane Agencije za istraživanje tržišta, medija i javnog mnijenja, „Puls“. Upitnik se sastoji od 21 pitanja. Dio tih pitanja, točnije 7 odnosi se na slike koje se mogu pronaći na stranici prilikom pretraživanja sadržaja. Zanimalo nas je koliki je broj slika, jesu li i u kojoj mjeri dobro tekstualno označene, ometaju li praćenje teksta ili navigaciju. Zatim nas je zanimalo ometa li korisnika pri navigaciji struktura same stranice, poput redundantnih linkova ili njihova razbacanost. Iduće pitanje se odnosilo na jasnoću gumba, to jest, jesu li dovoljno jasni. Zanimalo nas je može li se prilikom pretraživanja stranice slijepi korisnik koristiti standardnim komandama koje koristi screen reader ili je potrebna posebna snalažljivost

8

http://www.ocawa.com/en/Test-your-Web-Site.htm

http://www.hgspot.hr/

http://www.forum.hr/

http://www.oglasnik.hr/

korisnika? To nas je zanimalo iz razloga što su za uobičajenog korisnika dovoljne i Jaws-ove komande, a ukoliko su potrebne posebne vještine, to bi značilo da stranica kao takva i ne odgovara standardima pristupačnosti. Jako je zgodno, pogotovo za slijepog korisnika početnika, da u trenutku kad otvara neki link, to jest podstranicu, da se novi sadržaj otvara na vrhu stranice jer na taj način nema previše skrolanja po stranici, te je uvršteno i pitanje postavi li se sadržaj linka koji se otvorio na vrh stranice. Na ovo pitanje se nadovezuje i sljedeće - nakon izlaska s te podstranice vrati li se kursor na poziciju od koje se krenulo? Tako uređena stranica omogućuje slijepom korisniku da nastavi na jednostavan način pregledavati sljedeće linkove, a da ne mora najveći dio vremena provoditi u „skrolanju“.

Sljedećih nekoliko pitanja vezano je za multimedijalne sadržaje stranica. Zanimao nas je broj animacija i interaktivnih elemenata na stranici, te ometaju li oni snalaženje po stranici. Jednako tako i glazba koja se može čuti prilikom otvaranja nekih stranica može ometati slijepe surfere, pogotovo one koji koriste softverski sintetizatore za hrvatski jezik. Zbog tog razloga smo naveli pitanje o postojanju zvukova koji mogu ometati. Na velikom broju stranica, pogotovo državnih, postoje sadržaji koji se mogu skinuti. Većinom su to zakoni, pravilnici, natječaji i formulari. Takvi tipovi dokumenata mogu biti u raznim formatima pa nas je zanimalo u kojima. Na prethodno pitanje se nadovezuje sljedeće, a ono se odnosi na to jesu li skinuti dokumenti u .pdf-u čitljivi, odnosno jesu li prilagođeni slijepim osobama na način da se radi o skeniranim slikovnim pdf dokumentima s digitalnim tekstom.

Kod nekih stranica postoji mogućnost da se pošalje upit ili komentar. Slijepi korisnici najčešće koriste Outlook Express mail klijent zbog njegove jednostavnosti. Iz tog razloga smo stavili pitanje vezano za slanje e-maila, otvara li se na stranicama outlook ili forma. Iako odgovor na to pitanje neće u velikoj mjeri utjecati na rezultat evaluacije pojedine stranice u nekoj značajnoj mjeri, bitno je dobiti odgovor na to pitanje pogotovo iz perspektive korisnika početnika.

Sljedeće pitanje je bitno za visoko slabovidne osobe. Ono govori o postojanju ili nepostojanju mogućnosti prilagođavanja izgleda i pristupačnosti stranice ili nekog alternativnog pogleda/izgleda koji olakšava surfanje. U slučaju da je odgovor na ovo pitanje «da, postoji» to predmnijeva da su kreatori takve stranice ipak na neki način upoznati s konceptom pristupačnosti. Zadnja rubrika upitnika traži od ispitivača da donese ocjenu opće pristupačnosti stranice. Ocjene su na skali od 5 stupnjeva, poput onih u školi, gdje ocjena 1 znači nepristupačna, 2 kaže da je stranica gotovo neupotrebljiva, 3 bi značila da je pretraživanje stranice otežano, ali da je snalaženje moguće, 4 kaže da bi uz manju doradu bila pristupačna i 5 da je stranica potpuno pristupačna.

Procjene pojedinih stranica

Prema popisu koji je sastavljen krenulo se s analizom pojedinih stranica. Stranice će biti prezentirane po redoslijedu koji su dobile prilikom sastavljanja liste. Redni broj ne znači nužno da su ga dobile zbog važnosti ili nečega sličnog već su preuzete s URL-a: http://www.nn.hr/clanci/sluzbeno/2008/0387.htm. Komercijalne stranice odabrane za ovu procjenu su bile prisutne na rang ljestvici Radanpro.

Pojedinačne procjene (zbog opsežnosti svake) nalaze se u Prilogu 1.

Interpretacija rezultata istraživanja

9

http://www.nn.hr/clanci/sluzbeno/2008/0387.htm

Prvi dio obrade je uzeo u obzir subjektivnu procjenu svih četrdeset web stranica . Njihov popis se nalazi na samom početku ovog istraživanja, ali samo kao podsjetnik navest ću da se radi o dvadeset i devet stranica koje su u domeni državnih tijela ili državne uprave, a da su jedanaest iz privatnog, odnosno komercijalnog sektora. Iako neke stranice pripadaju pod komercijalni sektor, kako su one u većinskom vlasništvu Republike Hrvatske, ne pripadaju u grupu privatno komercijalnih stranica. Iz perspektive slijepog surfera, odnosno osobe koja pretražuje sadržaje koji se nalaze na mreži u prijašnjim vremenima slike koje su se mogle naći na webu su prilično često imale ometajući učinak na pregledavanje sadržaja. Često su te slike imale čudne nizove brojeva koji bi prilikom pregledavanja sadržaja slijepim osobama ometale razumijevanje samog teksta, a ako još tome pridodamo i mjesto na kome se ta slika nalazi, recimo u sredini članka, onda je ometajući efekt koja ona stvara slijepom surferu višestruk. Stoga smo se osvrnuli na razinu ometanja koje slike koje se nalaze na stranici mogu napraviti slijepoj osobi prilikom pregledavanja sadržaja na određenim stranicama.

Slike su kategorizirane u četiri kategorije od kojih svaka može imati različit učinak na pregledavanje i razumijevanje sadržaja neke web stranice. Prvu kategoriju čine slike koje su dobro tekstualno opisane, odnosno one koje imaju dobar alternativni tekst. Takve slike su recimo:“ graphic Ante Starčević“. Ta slika se nalazi na stranici Sabora Republike Hrvatske, podstranici koja pruža „surferu“ informacije o velikanima Sabora. Jasno je nekome tko naiđe na takav sadržaj da je riječ o portretu osobe o kojoj je riječ. Ukupni udio takvih slika uočenih pregledom svih stranica je preko 65 posto, odnosno udio takvih slika je 0,651007212, uzimajući u obzir i one stranice na kojima nisu zamijećene slike.

Druga kategorija slika su one koje imaju nedovoljno informativan alternativni tekst, odnosno tekst koji ne pruža potpunu informaciju o tome što se nalazi na slici. Udio takvih slika koje su uočene prilikom subjektivnog procjenjivanja je 0,116732126, što bi, ako gledamo postotak bez decimala, zaokruženo činilo 12 posto. Jedan od primjera takvih slika je „DocSlike/novcana2“,a ta je grafika, odnosno grafički link, bio prisutan na stranicama Hrvatskog zavoda za zapošljavanje. Taj link daje nedovoljnu informaciju koju podstranicu otvara, no ako u obzir uzmemo kontekst cjeline u kojoj se link nalazi, moguće je predmnijevati što se krije iza njega.

Iduća kategorija slika se odnosi na one koje nisu imale alternativni tekst, ali se dalo razlučiti što je na slici jer su bile smisleno imenovane. Prosječni udio takvih slika je bio 0,92841484, znači 9 posto. „free web counter“ spada u ovu kategoriju slika i nalazi se na stranici Autobusnog kolodvora Zagreb.

Zadnja kategorija slika je kategorija onih koje nemaju niti alternativni tekst, niti smisleni naziv. Te slike predstavljaju najveći problem pri navigaciji ili razumijevanju teksta. Što se tiče navigacije to su najčešće bili redundantni linkovi, jedan primjer je „images/pl“ koji se može pronaći na stranici Ministarstva pravosuđa. Tih grafičkih linkova je velik broj te se nalaze na velikom dijelu stranice.

Drugi tip takvih slika koje nemaju smisleni naziv također se mogu pronaći u velikom broju na istoj stranici, a čitač ekrana ih pročita kao dugi niz brojeva. Najveći dio takvih linkova su bile hiperveze na neku drugu stranicu te se morao otvoriti doslovce svaki od tih linkova da bi se vidjelo što se nalazi iza njega. Udio takvih slika je bio 0,139419178, odnosno gotovo 14 posto.Idući segment koji dolazi u obzir nakon kategoriziranja prisutnih slika je taj da se vidi utječe li broj slika i njihova lokacija na navigaciju po stranici i u kolikoj mjeri. Mjera ometanja ili neometanja se procjenjivala na skali od četiri stupnja.Prvi stupanj je označavao neometanje, drugi je bio malo, potom slijedi srednje te zadnja mogućnost ometanja koja je definirana kao puno. Slučajeva u kojima broj slika i njihova

10

lokacija ne ometaju navigaciju je bilo 36 od 40, što iznosi u prosjeku 90 posto. U dva slučaja je procijenjeno da postoji malo ometanje što u ukupnome prosjeku čini 5 posto. To je zabilježeno na stranicama T-portala i Večernjeg lista. Za preostala dva itema na skali svaki ima po jedan slučaj te zbirom postotaka dobije se količina od 5 posto, što na kraju s prethodnima u zbiru daje 100 posto. Na stranici Ministarstva pravosuđa količina prisutnih slika i njihova lokacija srednje ometajuće utječe na navigaciju po stranici. Stranica na kojoj broj i lokacija slika utječu na navigaciju jest katastar. Iako u upitniku stoji da na stranici ima samo jedna slika i da je dobro tekstualno označena, ipak problem radi kontrolni broj koji se mora prekopirati sa stranice da bi se mogli vidjeti sadržaji katastarskih knjiga. Slijepim osobama ovakav dizajn stranice onemogućava dobivanje informacija, što bi značilo da ta grafika ili sličica u potpunosti diskriminira mene kao slijepu osobu u nastojanju da raspolažem informacijom kao i generalna populacija. Jednako kao i slike koje nemaju korektan ekvivalent vizualnog sadržaja tako i redundantni slikovni linkovi mogu imati ometajuće djelovanje na čitanje. Najčešće se to može dogoditi kad se ti linkovi nalaze unutar nekog teksta. Takvih primjera je bilo prije prilično puno, ali u ovoj procjeni je bilo jako malo onih koji su imali ometajući utjecaj. Kao i kod prethodne stavke i ovdje se procjena vršila na skali od četiri stupnja. Početak ljestvice je označavao da redundantni linkovi ne ometaju čitanje. Takvih slučajeva je bilo 37, što bi značilo 93 posto. Prisutna su i 2 slučaja u kojem su takvi elementi u maloj mjeri ometali čitanje. To je primjećeno na stranicama „news“ portala 24 sata i Večernjeg lista. Na stranici pravosuđa učinak redundantnih slikovnih linkova imao je srednje ometajući učinak na čitanje. Sadržaji ovih portala su uglavnom vijesti i broj linkova je prilično velik te se u tom smislu referiram na ometanje koje stvaraju redundantni linkovi. Naime, neke od vijesti imaju po dva ili čak i više linkova koji otvaraju isti sadržaj. Kako stranice nisu dizajnirane na način da su prisutni headinzi, početnicima navigacija po stranici predugo traje i to zbog velike količine istovjetnih linkova. Tako koncipirane stranice mogu dovesti kod slijepih surfera do pojave umora što demotivira daljnje pretraživanje te to u konačnici dovodi do manje informiranosti dijela slijepih osoba o događanjima u zemlji i šire, to jest slijepe osobe su uskraćene za informaciju za razliku od onih koji vide. Glede stranice pravosuđa, grafički redundantni linkovi nisu tagirani i primjedba je da bi bilo poželjno da se to učini jer oni pružaju za svakodnevni život puno bitnije informacije od nekih news magazina. Redundantni grafički linkovi mogu kod ljudi koji imaju problema s koncentracijom čak i pomoći pri snalaženju i orijentaciji jer se ista informacija pruži opetovano nekoliko puta, no moj stav je da bi za slijepe bilo dobro da se broj linkova smanji, odnosno da se takvi linkovi korektno i jasno označe.

Prijedlog je da se postavi samo jedan grafički link za svaku vijest, ali da bude tagiran, odnosno da ima korektan alternativni tekstualni ekvivalent. Na taj način bi se zadovoljile potrebe generalne populacije koja je jednako bazirana na sliku kao i na tekst, potom slijepim surferima bi bila pružena informacija, a zadovoljila bi se jedna od smjernica za pristup sadržajima mreže koja načelno govori o potrebnosti omogućavanja jednostavnosti neke stranice koja može koristiti i osobama s kognitivnim poteškoćama kao i onima koji imaju stare tehnologije ili sporiju internet vezu.

Konstrukcija stranice može također imati dvojake učinke na navigaciju po stranici. U slučajevima da su linkovi podijeljeni u logične cjeline i ako su te cjeline odijeljene, onda je intuitivno pretraživanje moguće jer pojedini segmenti mogu tvoriti logičan slijed. Na žalost, to i nije uvijek slučaj, a o tome govorimo kad su grupe linkova razbacane po stranici, te se za pretraživanje takvih stranica treba potrošiti puno vremena da se pronađe željeni sadržaj. Procjenom je utvrđeno da su u 36 slučajeva linkovi strukturirani na način da čine logičan i intuitivan slijed što predstavlja 90 posto od 40 procijenjenih stranica. Onih preostalih 10 posto odnosi se na 4 stranice, a to su: stranica Ministarstva pravosuđa, stranica Studentskog centra Zagreb te stranice „news“ portala 24 sata i Večernjeg lista. Recimo, na stranici Studentskog centra se određene skupine linkova ponavljaju i ono što mi

11

je malo smetalo jest to da se različita događanja koja su se ranije odvijala imaju dvije do tri crtice i ispod svake se nalazi link za slanje elektroničke pošte. Postoji nekolicina imena koja se ponavljaju po nekoliko puta. S obzirom da na stranici ima velik broj linkova mislim da bi zbog razumijevanja sadržaja bilo dobro takve linkove reducirati na minimum. Kod portala 24 sata sam primijetio da se grupe linkova ponavljaju na različitim dijelovima naslovnice, ponekad se miješaju te nije baš jasno u koju kategoriju pripadaju. Moram naglasiti da postoje i jasno strukturirani dijelovi, ali ne mogu zaobići ove koji su predstavljali problem. Ono što je kod početnika jako bitno jest to da kad se uđe na neki link, da se on otvara na vrhu stranice. Tako surferi odmah dobiju uvid u sadržaj koji ih je zanimao. Ovakav slučaj je primijećen u 27,5 posto procijenjenih stranica, što znači da je to 11 primjera. Međutim, u velikom broju od tih 11 slučajeva treba pričekati nekoliko sekundi nakon učitavanja da otvoreni sadržaj dođe u fokus čitača ekrana. Izuzetno je dobro rješenje s headinzima, odnosno kad se novi sadržaj otvara na heading razini 1 te je tekst čitljiv u jako kratkom vremenskom razdoblju. Također se događa da se neki novi sadržaji otvaraju u novom prozoru gdje je tekst trenutačno vidljiv. Na preostalih 29 stranica ili 72,5 posto od ukupnog broja prilikom otvaranja nekog linka novi sadržaj se ne otvara na vrhu stranice. Takva strategija je izuzetno zamorna, pogotovo ako korisnik nije upoznat sa stranicom i ne zna na kom dijelu se, primjerice, tekst otvorio te kao početnik skrola preko cijele naslovnice. Iz tog razloga je dobro da se novi sadržaj otvara u vrhu ili da se novi link otvori na heading razini 1 ili 2 te se slijepi surfer do tog sadržaja može trenutačno prebaciti uz pomoć prečaca čitača ekrana. Nakon što se završi s tim sadržajem, prilikom vraćanja na naslovnicu kursor se u 85 posto slučajeva vrati na link s kojega se krenulo. Taj postotak je primijećen na 34 stranice. Ovo je sasvim dobro rješenje koje omogućava bolje razumijevanje konteksta i orijentaciju po stranici. Na koncu prilikom pregledavanja neke nove stranice bilo bi potrebno preskrolati previše sadržaja dok se ne dođe do onog sljedećeg. Na koncu, ne poznaju svi slijepi surferi prečace čitača zaslona za Internet Eksplorer poput slova «U» koje fokus prebacuje na neotvoreni link. Bilo je 12,5 posto slučajeva u kojima se fokus čitača zaslona ne vraća na link s kojeg se otvorio neki sadržaj, odnosno na 5 stranica. Također je bilo i onih slučajeva gdje se fokus kursora nekad pozicionirao na link s kojega se krenulo, a nekada nije.

Ono što su većina slijepih surfera navikli je to da se na naslovnicu vraćaju uz pomoć tipke „backspace“, međutim ona kod otvorenih «on mouse over» linkova ne funkcionira već se vraća na onu stranicu koja je u Internet Exploreru podešena da bude home page. To može biti zbunjujuće za početnike jer ne razumiju, odnosno nemaju napredne vještine za korištenje Internet pretraživača i pretraživanje pojedinih stranica koje su koncipirane na takav način. Primjer je, recimo, glavni meni Hg spota. Na njemu se otvara velik broj „on mouse over“ podlinkova. Nije problem toliko u otvaranju, koliko u zatvaranju istih.

Formati dokumenata koji se mogu skinuti sa stranice

S ovih 40 stranica moglo se skinuti različitih vrsta dokumenata u najučestalijim formatima. Pdf dokumenti su prisutni u 53 posto slučajeva, Microsoft Word dokumenata je bilo 23 posto, HTML je zastupljen u 8 posto slučajeva, xls datoteka ima 8 posto i drugih tipova datoteka je bilo 10 posto, dok 35 posto otpada na one stranice s kojih se nije moglo skinuti nikakve dokumente. Bitan pokazatelj pristupačnosti su i pdf dokumenti odnosno njihova čitljivost. Razlog leži u tome što su pdf dokumenti skenirani imagei, odnosno mogu se kategorizirati kao slike. Slika kao takva čitaču ekrana ništa ne znači i on će za takav pdf dati upozorenje da je to prazan dokument. Kako bi dokument postao upotrebljiv pomoćnim tehnologijama, on mora sadržavati i digitalni tekst. Ako je priređen na taj način, on se smatra čitljivim. U dokumentima koji su skinuti s ove stranice bilo je pristupačnih kao i nepristupačnih. Nepristupačnih pdf dokumenata je bilo u 3 slučaja i to čini 14 posto. U te slučajeve se

12

ubrajaju dokumenti skinuti sa stranice Ministarstva unutarnjih poslova, Studentskog centra i Božićna knjiga čuda koja je skinuta sa stranice Hg spota. Najbitniji nečitljivi dokumenti su na stranici MUP-a, radi se o ispravama, odnosno formularima koje je potrebno popuniti da bi se predao zahtjev. Recimo da slijepa osoba živi sama, informatički je pismena i treba produžiti putovnicu. Da je pdf formular čitljiv, to bi bio zadatak riješen u par minuta, no ovako treba nekog moliti da ti pročita i ispuni formular. Integracija «Ne». Integriran će biti korisnik kad sam bude mogao popuniti formular za prijavu i odnijeti ga s ostalim potrebnim sitnicama na PU. Da bi se to dogodilo, treba skeniranu sliku „provući“ kroz „OCR“ program (opticall character recognition“) te se tada može pdf dokument učiniti čitljivim za slijepe osobe, odnosno čitljivim za pomoćne tehnologije. Iako sam naveo da je u 19 preostalih slučajeva pdf čitljiv i tu postoje male razlike ovisno o tome je li se prilikom digitaliziranja teksta koristio algoritam za prepoznavanje Hrvatskih grafema ili ne.

Dokumenti koji su rađeni uz algoritam za Hrvatske grafeme su u potpunosti čitljivi, dok se kod drugog tipa dokumenata događaju komplikacije pri razumijevanju teksta jer slova poput č, ć, đ, š i ž predstavljaju neki čudni znakovi te čitač ekrana ne daje razumljive riječi u kojima se nalaze takva slova. Primjer donekle čitljivog pdf-a se može pronaći na stranicama Financijske agencije -„Prijedlog za glavni upis.pdf“, dok je primjer potpuno čitljivog pdf-a bilo koji vozni red trajekata koji se mogao skinuti sa stranica Jadrolinije ili „Tiskanica br. 1.3.(2).pdf“ koji se može skinuti sa stranice Hrvatskog zavoda za mirovinsko osiguranje. Ovi dokumenti mogu poslužiti kao primjer pristupačnosti za sve druge web administratore koji na stranicama koje servisiraju postavljaju dokumente u ovome formatu. Većina stranica koje su provjerene omogućavaju surferima da postavljaju pitanja, daju komentare, sugestije ili kritike. Samo su primijećene 3 stranice koje nemaju mogućnost da se pošalje elektronička pošta, to je stranica Fonda za profesionalnu rehabilitaciju, Porezna uprava i 24 sata, iako se na stranicama porezne uprave na dijelu gdje su kontakti nalazi link «pišite nam» koji nudi formular za pisanje kritika ili pohvala.

Ovaj vid forme zahtijeva upisivanje kontrolnog broja koji je za razliku od ostalih pristupačan slijepim surferima. Forme su prisutne na 4 stranice i one čine 10 posto ukupnog broja stranica. To su sljedeće stranice: Ministarstvo zdravstva i socijalne skrbi, Croatia Airlines, Mirovinsko osiguranje i Hrvatska pošta. Sve do jedne forme su bile pristupačne i po njima se moglo kretati uz pomoć standardnih komandi čitača zaslona što znači da su pristupačne svim slijepim surferima neovisno o stupnju razine vještina za rad s čitačem ekrana koje koriste. Na nekima od stranica za slanje elektroničke pošte postoje mogućnosti obavljanja tog zadatka korištenjem forme i nekog od programa za elektroničku poštu. To su sljedeće stranice: Zaklada za razvoj civilnog društva, Iskon i Indexova stranica. Udio te kategorije je 8 posto od ukupnog broja stranica. Najveći dio stranica, njih 30, pokriva 75 posto od ukupnog broja stranica te se za slanje elektroničke pošte otvara defaultni program s računala. Ovakav način slanja E-pošte mi je osobno nekako najdraži. Razlog tome je što je trajanje cijelog postupka brže nego kod ostalih načina kontaktiranja. Jednako tako je moguće provjeravati pravopis, postaviti razinu važnosti te povratnicu što je bitno jer mnoge službe, pogotovo državne ne odgovaraju promptno ili nikako.

Smjernice za pristup sadržajima mreže jasno naglašavaju zbog čega i kome su one potrebne. Tim grupacijama surfera je bitno da s obzirom na poteškoće s kojima se suočavaju, mogu na neki način prilagoditi izgled ili pristupačnost stranice koju pregledavaju. Od ukupnog broja stranica samo 6 ili 15 posto pruža takvu mogućnost. To su stranice Sabora, Vlade, Ministarstva financija, Zaklade za razvoj civilnog društva, T-portal i stranica Večernjeg lista. Na stranici Forum postoji jedna mogućnost prilagodbe, ali je nisam uvrstio, odnosno u upitniku sam stavio da ne postoji, o čemu ću napisati nešto kasnije u tekstu. Najučestaliji vid prilagodbe je mogućnost da se na stranici povećava smanjuje veličina slova. Takva mogućnost postoji na stranici Sabora, Ministarstva financija, Zaklade za razvoj civilnog društva, T-portala i Vlade. Sve ove stranice na naslovnici imaju linkove kojim se

13

može promijeniti veličina slova. Kod nekih je promjena uočljiva, odnosno bar je čitač ekrana dao takvu informaciju, dok je kod stranice Zaklade po mojem mišljenju mogućnost promjene isključivo kozmetičke naravi. Na stranici T-portala veličina fonta se može mijenjati isključivo na podstranicama kad se otvori neka vijest. Na ovoj stranici su prisutni funboxovi koji predstavljaju male sličice u okviru, koje sporadično mijenjaju svoj položaj. Ono što bi također mogao biti vid prilagodbe pristupačnosti je mogućnost da se mijenjanje položaja pauzira te da se linkovi, sukladno tome, ne mijenjaju. Najbolje mogućnosti prilagođavanja pristupačnosti nudi stranica Vlade na linku (http://www.vlada.hr/hr/dodatno/pristupacnost_i_prilagodba_izgleda). Na tom linku se mogu mijenjati veličina slova, izgled stranice i kontrast te različiti stilovi fonta. Promjene se mogu trajno pospremiti preko korisničkog računa.

Ovo je prilično dobar vid prilagodbe jer uzima u obzir potrebe slabovidnih osoba te različitih stanja koja te osobe mogu imati. Na stranici Večernjeg lista postoji prilagodba izgleda koja koristi slijepim osobama. Na linku „vijesti bez slika“ mogu se pregledati sve vijesti isključivo u tekstualnom obliku. Ovo je dobro zamišljeno, međutim postavljanje ovakvih alternativnih stranica nije u skladu sa smjernicama za pristupačnost sadržaja mreže. Iako je ovo glavni segment stranice jer je to dnevni list, slijepi surferi su zakinuti za neke druge sadržaje koji se mogu pronaći na stranici, na primjer komentiranje vijesti nije moguće s ovog podlinka. Sličnu strategiju pokušavanja prilagođavanja sadržaja na stranici može se vidjeti i na www.forum.hr koji ima link „text only“. Na ovoj podstranici se u tekstualnom formatu mogu pregledavati različite kategorije threadova i kad se ode na jednu od tema, svi postovi su posloženi u nizu za danu temu.

To je u redu iz perspektive voajera ili za traženje neke od informacija. Međutim, slijepi korisnici ne mogu u potpunosti sudjelovati u raspravama koje se tamo vode. Razlog tome je što ne postoji mogućnost repliciranja ili postavljanja pitanja preko ove alternativne stranice. Zbog nemogućnosti aktivnog sudjelovanja i interakcije s ostalim članovima forum grupe, ovu stranicu u upitniku okarakterizirao sam kao onu koja nema mogućnosti prilagođavanja izgleda, odnosno valjanog alternativnog izgleda koji bi poboljšao pristupačnost. Na kraju krajeva i smjernice kažu da je potrebno omogućiti pristup sadržajima mreže, a ne segregirati određene skupine korisnika, u ovom slučaju slijepe surfere.

Za svaku stranicu je u subjektivnoj procjeni trebalo odrediti ocjenu te je tu primijenjena skala od 5 stupnjeva. Prvi stupanj je označavao stranice koje su nepristupačne. Ovu ocjenu je dobila stranica www.katastar.hr. te ona kao jedina od 40 ima udio od 3 posto. Razlog ocjenjivanja ove stranice nepristupačnom je taj što slijepom surferu nije moguće dobiti uvid u najbitniji sadržaj koji ona nudi, a to su uvidi u zemljišne knjige i vlasničke listove. Iako na naslovnicu nema primjedbi segment podstranice na kojoj se mogu dobiti navedene informacije zahtijeva prepisivanje kontrolnog broja koji stranica sama generira te se tek tada može steći uvid u tražene informacije.

Kako bi se poboljšala pristupačnost ove stranice, potrebno je iznaći rješenje koje bi slijepim surferima omogućilo da putem paralelne informacije, na primjer zvučne sekvence, dobiju informaciju koja je predstavljena putem vizualne identifikacije. Takve mogućnosti nude servisi poput Windows livea ili onakav tip kakav je primijećen na stranici porezne uprave. Na linku kontakti/pišite nam otvara se forma za slanje elektroničke pošte. U toj formi je prisutan kontrolni broj koji je potrebno upisati u odgovarajuće polje kako bi se izvršio zadatak slanja. Ovaj kontrolni broj je čitljiv uz pomoć standardnih komandi čitača ekrana i mogao bi se primijeniti na stranicu katastra kako bi ona udovoljila kriteriju pristupačnosti.

Druga ocjena u nizu nosi rang dva i pridodaje se stranicama koje su gotovo neupotrebljive. U upitniku je samo jedna stranica dobila takav rang i njen udio u ukupnom broju je 3 posto. URL je https://www.zaba.hr/ebank/gradjani. Ova stranica je dobila ovakvu ocjenu iz razloga

14

https://www.zaba.hr/ebank/gradjani.%20Ova%20stranica%20je%20dobila%20ovakvu%20oc



što je slijepoj osobi nemoguće da sama pregledava svoj bankovni račun. Razlog tomu je nužnost tokena za pristupanje tim sadržajima. Ocjena dva je dana iz razloga što sam imao pomoć osobe koja vidi i koja mi je omogućila s čitanjem potrebnih parametara sa zaslona token aparata registraciju na ovaj servis. Nakon što sam pregledao cijeli servis, bio sam zadovoljan pristupačnošću za slijepe. Naravno, zanemario sam potrebu da mi netko tko vidi pročita informacije s tokena. Uglavnom, koncepcija same aplikacije je sasvim u redu. Ono što bi poboljšalo pristupačnost jest korištenje usluge koju ima konkurentska banka, to jest da se korisnicima omogućava pristupanje aplikaciji internet bankarstva korištenjem matičnog broja i pina. Ovako je razlika među njima 3 ranga.

Stranice po kojima je snalaženje otežano, ali moguće, dobile su rang 3. Tako rangiranih stranica ima 6: www.pravosudje.hr, www.hznet.hr, www.akz.hr, www.pu.mfin.hr, www.blog.hr i www.hgspot.hr. Udio ovih stranica u ukupnom postotku iznosi 15 posto. Na stranici pravosuđa je prisutan velik broj grafika koje nemaju alternativnog teksta, nisu označene, dobar dio linkova je redundantan, također nisu tagirani i navigacija po stranici je prilično zamorna. Sličan umarajući učinak imao je pokušaj da na sljedećoj od navedenih stranica izračunam cijenu vozne karte. Tablica za izračun je bila zbunjujuća i dok sam uspio, potrošio sam mnogo vremena. Razlog zbog kojeg je stranica autobusnog kolodvora dobila istu ocjenu kao prethodna, također je aplikacija za izračun karata.

Rađena je u Jawi i da bi se dobila informacija potrebno se dovijati korištenjem nestandardnih komandi čitača ekrana. Što bi značilo da početnici ne bi mogli dobiti gotovo nikakvu informaciju, a vozni red je najbitniji sadržaj koji nudi ova stranica. Stranica porezne uprave je dobila ovu ocjenu jer je prilično teška za navigaciju, ima jako puno «on mouse over» linkova, nestandardne opcije navigacije te je prilično teško pronaći neku informaciju. Čak sam razmišljao i da joj smanjim ocjenu, no način na koji je riješen problem kontrolnog broja, a koji je pristupačan čitačima zaslona, prevagnuo je da dobije veću ocjenu.

Stranica www.blog.hr je dobila ovu ocjenu iz razloga što slijepi surfer ne može samostalno kreirati korisnički račun zbog kontrolnog broja. Da bi se stranica poboljšala, moglo bi se za kontrolni broj primijeniti rješenje s prethodne stranice te bi tako ocjena mogla ići razred više. Na najviši razred ne bi mogla s obzirom na količinu linkova i jako čestog osvježavanja s novim sadržajima. Hg spot stranica je u ovoj skupini iz razloga koji se odnosi na glavni meni. Njegov dizajn je takav da zbunjuje jer najbitniji linkovi nemaju alternativni tekst, a isto tako su ti linkovi «on mouse over» što početnicima predstavlja „mission impossible“ za jednostavnu pretragu.

Stranica koje su zadovoljile kriterije za rang potpune pristupačne stranice ima 29 i njihov udio u ukupnom broju je 73 posto. Te stranice su bile jednostavne za pregledavanje i navigaciju. Uglavnom su imale označene headinge i lako se dolazilo do određenih sadržaja koje pružaju. One su uglavnom bile dobro strukturirane i imale su logičan slijed te su bile prilično intuitivne. S obzirom da je njihov broj bio velik, on je i u toj mjeri utjecao i na prosječnu ocjenu koja iznosi 4.5. Ako uzmemo u razmatranje i usporedimo komercijalne s drugim webovima koji su u segmentu državnih struktura, može se primijetiti da se ne razlikuju previše. S obzirom na to da je broj komercijalnih webova gotovo tri puta manji od druge kategorije, (N= 11 ), njihova prosječna ocjena je 4,2 zaokruženo na jednu decimalu. Druga kategorija procijenjenih webova potpada pod državna tijela ili stranice u čijoj vlasničkoj strukturi država igra bitnu ulogu. Prosječna ocjena tih 29 stranica je 4,6. Prema dobivenim ocjenama za sve stranice, te kad bismo ih išli uspoređivati na razini od dvije decimale, vjerujem da se ne bi pokazala statistički značajna razlika između te dvije grupe webova. No ako bi ocjene, to jest njihov prosjek, išli zaokruživati na cijele brojeve, odnosno ako bi ih dijelili u razrede, onda bi komercijalne stranice, to jest njihova prosječna ocjena, spadala u razred četiri (između 3,5 i 4,5) dok bi državni webovi i njihova prosječna ocjena koja bi iznosila 5, spadale u viši razred.

15

http://www.blog.hr/


http://www.blog.hr/


http://www.akz.hr/


http://www.pravosudje.hr/

Nakon subjektivne procjene slijedila je i objektivna procjena uz pomoć alata „Ocawa“. U sljedećem dijelu teksta bit će interpretirani dobiveni nalazi. Daleko najčešći tip greške detektiran programom Ocawa je nedostatak tekstualnog ekvivalenta vizualnim, zvučnim i video sadržajima. Ovaj tip greške se pojavio kod 26 od 40 stranica. Prosjek grešaka tipa 1_1 je 37,54. Ukupan broj ovakvih grešaka je 979. Najveći broj ovog tipa grešaka je registriran na stranici www.vecernji.hr ( N=343) što predstavlja nešto više od trećine ukupnoga broja. Kako je ovo portal na kojem se nalaze vijesti i to je dnevni list, onda se može smatrati razumljivim da se na stranici nalazi izuzetno velik broj slika, odnosno grafičkih elemenata. Ovaj web je u kategoriji komercijalnih u kojoj se još nalaze i T-portal, 24 sata, plavi oglasnik i Hg spot te je ukupan broj primjedbi ovog tipa 493 što bi predstavljalo 50% ukupnog broja ovog tipa primjedbi. Treba još samo reći da je postotak koji otpada na primjedbe na stranicu Večernjeg lista unutar ove kategorije webova skoro 70. Od ostalih webova na oglasnik otpada 21%, na Hg spot oko 8% te je ukupan udio u postotku preostala dva weba 2%.

Od ukupnog broja ovog tipa primjedbi na webove koji spadaju u kategoriju koja ima nekakvu poveznicu s državnim servisima ili gospodarskim subjektima države otpada skoro 50%. Ovaj termin «skoro» stavljen je budući da nisam htio stavljati decimale jer bi to bilo prevelika količina brojki. Ukupan broj primjedbi ove kategorije je 486. Najveći udio čine one koje su registrirane na stranici Hrvatskog zavoda za zapošljavanje (N=101) i njen udio u ovoj kategoriji je 21%, a u ukupnom broju svih procijenjenih webova iznosi 10%. Potom u ovoj grupi webova slijede: www.mirovinsko.hr s 15%, stranica Porezne uprave s 11%, Katastar s 10%, Zavod za zdravstveno osiguranje s gotovo 10%, Studentski centar s 9%, Hrvatske pošte sa 6 %, stranica Predsjednika Republike sa skoro 4%, 3% Stranica Autobusnog kolodvora i CARNet-a te stranica Vlade sa skoro 2%.

Stranice Ministarstva financija, unutrašnjih poslova, pravosuđa, znanosti obrazovanja i športa, obitelji branitelja i međugeneracijske solidarnosti; Fina-e, Jadrolinije, Ekonomskog fakulteta, E-hrvatske i Zaklade za razvoj civilnog društva ukupno čine 5%. Nisam navodio njihove postotke jer te stranice imaju između jedne do najviše pet primjedbi, a najveći njihov dio ima samo jednu.

Drugi tip grešaka su greške smjernice 5.1 tablice iz kojih se ne mogu raspoznati stupci i redovi, odnosno nisu definirana zaglavlja redova i stupaca. Ovaj tip primjedbe je uočen na sljedećim stranicama www.vlada.hr, www.mzss.hr, www.hznet.hr i www.blog.hr. Na svakoj od tih stranica ima po jedna primjedba ovog tipa. Kako navode smjernice, tabelarni prikaz podataka bi trebalo izbjegavati jer bitno otežavaju rad ekranskim čitačima. No ako se i takvi sadržaji stavljaju na stranice, potrebno je definirati zaglavlja redova i stupaca jer to pomaže osobama koje dobivaju glasovnu izlaznu informaciju i onim slijepima koji te informacije dobivaju putem brailleevog prikaza. Inače je moguće pregledavati samo dio po dio stranice. Ako usporedimo pojavnost ovog tipa primjedbi, onda je vidljivo iz rezultata da stranice koje potpadaju u kategoriju državnih webova prednjače u pojavnosti u omjeru 3 naprama 1. Na jednakom broju stranica Ocawa je uočila nedostatak naslova kod okvira stranica.

Primjedba se odnosi na potrebu da se osiguraju informacije o kontekstu i orijentaciji. Na taj način će korisnicima biti lakše razumjeti složene stranice ili elemente, odnosno okvire koje treba jasno označiti zbog olakšavanja identifikacije i navigacije. Ovaj problem je uočen na sljedećim stranicama: www.hznet.hr, www.index.hr, www.blog.hr i na stranici www.vecernji.hr. Ukupan broj ovog tipa grešaka je 12. Najveći broj (N=7) otpada na stranicu www.blog.hr, potom slijedi stranica Večernjeg lista sa (N=3) dok ostale dvije stranice imaju po jednu primjedbu ovog tipa. Ako stavimo u omjer državne i komercijalne stranice, onda je omjer 3 naprema 1 u korist komercijalnih webova. No, gledano iz perspektive ukupne količine ovakvog tipa primjedbi, udio komercijalnih webova iznosi 92 %.

16

http://www.blog.hr/




http://www.blog.hr/


http://www.mzss.hr/




Zadnji tip primjedbe je nedostatak opisa svrhe okvira stranica. Ovaj tip primjedbe je uočen jedino na stranici Porezne uprave i to u količini od 4 primjedbe.

Većina stranica ima samo jedan tip primjedbe, no na sljedećim je uočeno po dva: www.vlada.hr primjedbe 1,1 i 5,1, www.hznet.hrPrimjedbe 5,1 i 12,1, www.pu.mfin.hrPrimjedbe 1,1 i 12,2, www.blog.hrPrimjedbe 5,1 i 12,1 i www.vecernji.hrPrimjedbe 1,1 i 12,1.Analiza pokazuje da prema objektivnom kriteriju postoji 10 web stranica koje nemaju grešaka. To su sljedeće web stranice:www.sabor.hrwww.mingorp.hrwww.croatiaairlines.hrwww.ffzg.hrwww.fond.hrwww.nn.hrwww.iskon.hrhttps://net.pbz.hr https://www.zaba.hr/ebank/gradjani/www.forum.hr.

Od ukupnog broja stranica one koje nemaju primjedbe čine 10 od 40. Komercijalne, s obzirom na ovaj kriterij, čine udio od 10%, to jest 4 od 40, dok nekomercijalne imaju udio od 15% ili 6 od 40. Broj komercijalnih stranica na kojima je uočena neka primjedba čine 17% ili 7 od 40 i na nekomercijalne stranice otpada 57,5% ili 23 od 40. Ovi postotci se temelje na ukupnome broju stranica i predstavljaju isključivo deskriptivnu statistiku.

Greške detektirane programom Ocawa a koje se odnose na nedostatak tekstualnog ekvivalenta vizualnim, zvučnim i video sadržajima je djelomično, ali ne potpuno usporediv s analizom označavanja slika prikazanom u prvom dijelu ovog izvještaja. Uzmu li se u obzir oba kriterija, samo 3 web stranice nemaju grešaka kod označavanja vizualnih, zvučnih i video sadržaja. To su sljedeće stranice: www.sabor.hr, www.ffzg.hr i https://net.pbz.hr. Iako se statistički ovi podatci ne mogu valjano uspoređivati, Wai guidelines u dodatku koji obrađuje temu provjere pristupačnosti jasno navodi da se uz provjeru automatskim alatima konzultiraju i procjene drugih osoba. Automatske metode jesu brze i praktične, ali ne mogu prepoznati sve probleme te je preporučeno konzultiranje procjena od strane drugih osoba koje će najbolje pomoći pri osiguravanju jasnoće jezika i jednostavne navigacije. Najučinkovitije će poslužiti ako se primijene pri samom početku izrade, kasnije će biti teže stranicu učiniti potpuno pristupačnom.

Zaključak

Subjektivnom procjenom je utvrđeno da je najveći broj od ukupnog broja stranica pristupačan N= 29 od 40, kod objektivne procjene bez primjedbi N=10 stranica. Također je bitno naglasiti da je Ocawa na 10 stranica registrirala samo po jednu primjedbu, koje prema subjektivnim kriterijima nisu bitno utjecale na potpunu pristupačnost. Iz ovog se može zaključiti da je kod subjektivne procjene 72,5% stranica pristupačno te s obzirom na objektivnu ocjenu 25%, odnosno ako bi tu još dodali i onih 10 stranica s jednom primjedbom, 50%. Uzevši u razmatranje količinu nekomercijalnih webova 23 od 29 ima ocjenu potpune pristupačnosti, dok se kod komercijalnih uočava drugačiji omjer: 6 od 11, bez dodavanja onih s jednom primjedbom.

17

https://net.pbz.hr/

http://www.ffzg.hr/




Jedina nepristupačna stranica u subjektivnoj procjeni u nekomercijalnoj grupi je www.katastar.hr, na kojoj slijepa osoba nikako ne može doći do najbitnijeg sadržaja koji se odnosi na uvid u status katastarske čestice. Kako bi ova stranica postala pristupačna, trebalo bi koristiti rješenja koja kontrolni broj na dijelu za pregledavanje zk uložaka čine pristupačnim za pomoćne tehnologije. Preporuka da se vidi kako je to riješeno na URL: http://www.pu.mfin.hr/kontakt/feedback.asp?id=b07d3. Iako na komercijalnim nema potpuno nepristupačnih stranica, ocjene koje su dodijeljene tim stranicama nisu u tolikoj mjeri unisone kao ocjene nekomercijalnih. Aplikacije koje su jako bitne poput cijene izračuna voznih karata željeznice ili voznog reda autobusa nisu bile u potpunosti pristupačne, nasuprot tome aplikacija koju koristi PBZ Internet bankarstvo je u potpunosti pristupačna slijepim osobama. Zaba nema takve jednostavne mogućnosti kojom bi slijepa osoba potpuno samostalno mogla raspolagati svojim računom. Međutim, najave PBZ-a idu u tom smjeru da će u idućem vremenu ugasiti mogućnost pristupanja aplikaciji uz pomoć matičnog broja i pina. Bilo bi potrebno iskoordinirati u sklopu Hrvatskog saveza slijepih postojeću komisiju za informatiku i pravobraniteljstvo za osobe s invaliditetom u svrhu omogućavanja ravnopravnosti pristupa za slijepe osobe te uspostaviti i kontakt s Hrvatskom narodnom bankom. Najveći broj primjedbi objektivnog alata Ocawa odnosio se na nepostojanje tekstualnog ekvivalenta video i audio sadržaja, odnosno nedostajanje alternative za image. Omjer komercijalnih spram nekomercijalnih stranica je 50:50, iako trećina svih primjedbi tog tipa otpada na stranicu www.vecernji.hr, unatoč tome je stranica subjektivno procijenjena kao pristupačna. Vjerojatno se ovdje radilo o kriterijima procjenjivača, stoga bi zbog potpune metodološke valjanosti bilo potrebno u obzir prilikom sljedećih procjena uzeti veću skupinu subjektivnih ocjenjivača, podijeliti ih u tri skupine: početnici, procjenjivači srednje razine vještina i eksperti te koristiti više razine statističke obrade podataka osim deskriptivne. Preporuka je također da se poveća fond sati koji je slijepima potreban za svladavanje pretraživanja sadržaja na internetu. Glede kreatora web sadržaja potrebno je uspostaviti suradnju s njima i stručnjacima za pristupačnost sadržaja mreže u svrhu poboljšavanja pristupačnosti trenutnih rješenja koji se koriste na procijenjenim webovima.

Literatura i prilozi su u tekstu ispod.

18



LITERATURA:

1. Butorac, D.; Rudić, D.: Preliminarno ispitivanje pristupačnosti web-stranica nekih državnih institucija RH, Hrvatski savez slijepih, 2003.

2. Perčinić, M.: „Internet i slijepe osobe u Hrvatskoj“ http://www.savez-slijepih.hr/hr/strucniradovi/strucni/racunala/10.htm

3. „Povijest Interneta“ http://www.grapnet.com/page_net.php?id=334&oid=312

4. „Povijest CARNet-a“ http://www.carnet.hr/o_carnetu/o_nama/povijest_carneta

5. „ The history of Internet“ http://members.nextra.at/dmayr/history.htm

6. Popis ministarstava i tijela državne uprave prema: http://www.nn.hr/clanci/sluzbeno/2008/0387.htm

7. http://www.radanpro.com/ntopliste.php?d=HR&c=100&alexa=ukupna&m=1

8. http://www.ffzg.hr/infoz/dzs/smjer/

9. http://www.pristupacnost.net/public_html/?page=pages,variable,projekti

19

http://www.ffzg.hr/infoz/dzs/smjer/

http://www.radanpro.com/ntopliste.php?d=HR&c=100&alexa=ukupna&m=1

http://www.radanpro.com/ntopliste.php?d=HR&c=100&alexa=ukupna&m=1

http://www.nn.hr/clanci/sluzbeno/2008/0387.htm

http://members.nextra.at/dmayr/history.htm

http://www.carnet.hr/o_carnetu/o_nama/povijest_carneta

http://www.grapnet.com/page_net.php?id=334&oid=312

http://www.grapnet.com/page_net.php?id=334&oid=312

http://www.savez-slijepih.hr/hr/strucniradovi/strucni/racunala/10.htm

http://www.savez-slijepih.hr/hr/strucniradovi/strucni/racunala/10.htm

PRILOG 1 Analiza pojedinih web stranica

Web stranica Predsjednika Republike Hrvatskehttp://www.predsjednik.hr

Prilikom subjektivne procjene ove stranice primijetili smo da se na stranici u vrijeme procjenjivanja, 09. listopada moglo naći 6 slika. Većinom su te slike bile redundantni slikovni linkovi koji su vizualno objašnjavali vijesti. Bili su postavljeni iznad naslova, ali ispod njega je stajao link „opširnije“ koji vas je vodio na potpunu vijest. Ti slikovni linkovi nisu imali niti alt tekst, niti smisleni naziv, no s obzirom da ih nije bilo puno, ne može se reći da su na bilo koji način utjecali na to da ometaju navigaciju. Broj linkova na stranici je bio prilično velik, preko 50. Iako redundantni linkovi nisu imali ometajući efekt, prijedlog je taj da se broj linkova smanji na način da se redundantni slikovni linkovi kreiraju tako da imaju alt tekst koji bi bio razumljiv i tako bi se broj linkova mogao smanjiti te bi oni mogli vršiti vizualnu prezentaciju vijesti za „videće“ korisnike interneta i ujedno bi i slijepe osobe imale potpunu informaciju, a vrijeme pretraživanja stranice bi se smanjilo. Prilikom otvaranja neke podstranice, recimo pritiskom tastera «enter» na neku od vijesti, događa se da Jaws ubrzo, to jest nakon nekoliko sekundi, počne čitati vijest. Međutim, u najvećem broju slučajeva se to ne događa te je stoga u upitniku za subjektivnu procjenu ove web stranice stavljen odgovor «ne». Zbog tog razloga slijepi korisnik interneta, početnik, mora skrolati do mjesta gdje se otvorio taj članak. Prilikom vraćanja natrag na naslovnicu, kursor se pozicionira na ono mjesto s kojeg se krenulo. To mi je sasvim u redu jer se slijepa osoba ne mora opet prešetavati po cijeloj stranici da bi pregledavao iduće sadržaje. Naravno, to se odnosi na korisnike početnike koji još vjerojatno nisu ovladali u potpunosti Jawsovim prečacima za Explorer.Glede gumbova na stranici postoji samo jedan koji pokreće funkciju pretraživanja nakon što se upišu kriteriji za obavljanje te akcije. Sam gumb je priliko jasno označen, to jest čitač zaslona ga izgovori kao: "Traži button“. Na stranici nema animacija i interaktivnih flash elemenata, niti ne postoje bilo kakvi zvučni elementi poput glazbe ili zvukova. Prema tome ni na koji način ne mogu ometati snalaženje po stranici. Što se tiče bilo kakvih materijala koji bi se mogli skinuti sa stranice, recimo, dokumenata u pdf-u ili html-u, njih nema.Prilikom otvaranja sljedećeg linka za kontakte:http://www.predsjednik.hr/default.asp?akcija=&ru=30&gl=200309120000004&sid=&jezik=1Otvara se podstranica s adresom te ispod nje postoji send mail link koji otvara Outlook Express. Takav način dizajna stranice mi se čini prilično praktičan jer su slijepe osobe navikle raditi s navedenim mail klijentom. Glede mogućnosti prilagođavanja izgleda i pristupačnosti stranice ili nekog alternativnog izgleda koji bi olakšavao pregledavanje stranice, on ne postoji, čak ni mogućnost promjene fonta na makar 3 razine.Stranica kao takva dobila je ocjenu 5 u subjektivnoj evaluaciji.

Moj osobni prijedlog glede usabilityja - naime, čitač zaslona ima prečace s kojima pritiskom na neko slovo tipkovnice možete doći na određeni dio stranice. Na primjer, pritiskom na slovo «h» kursor će biti pozicioniran na svaki idući naslov ili podnaslov. Na taj način se olakšava i ubrzava pretraživanje stranica. Na žalost, ova stranica nije konstruirana na takav način, stoga bi bilo dobro da naslov nosi oznaku "<H1>", a podnaslov "<H2>". Takve male stvari slijepim osobama puno znače jer ako elementi na stranicama nisu označeni na takav način, slijepim surferima početnicima pregledavanje stranica uzimat će mnogo vremena i nije isključena mogućnost da zbog dugotrajnosti i zamora kojeg to može uzrokovati ta osoba izgubi motivaciju za pretraživanjem, a na taj način dolazi do smanjene

20

http://www.predsjednik.hr/default.asp?akcija=&ru=30&gl=200309120000004&sid=&jezik=1


informiranosti slijepih osoba. No gumb za pretraživanje ili edit polje su označeni na način koji slijepoj osobi omogućuje da pritiskom na jedno slovo, u ovom slučaju «b» i «e», pozicionira kursor na te elemente. Stoga zbog tih kriterija usability se može okarakterizirati dobrim.

Objektivni alat za procjenu stranice Ocawa na samu stranicu ima 18 primjedbi. Te primjedbe su vezane za „prioritet 1“. Svih 18 primjedbi se odnose na to da je potrebno omogućiti tekstualni ekvivalent za svaki netekstualni element. U ovoj procjeni netekstualni elementi obuhvaćaju slike i grafičke prikaze teksta, uključujući simbole, na primjer, animirani gif.Preporuka je za ovu stranicu da se u HTML-u koristi „alt“ za img elemente, za sljedeće linije:267, 263, 251, 245, 232, 230, 214, 212, 196, 183, 170, 168, 124, 114, 103, 98, 91, 40.

/></a></td></tr></table> [line 00040] <td><img src="assets/uprh/images/p.gif" width="20" height="50" border="0" /></td> [line 00091] <td width="544" height="190" valign="self"><img src="Slike/2003/10/31/1788598.JPG" width="543" height="187" /></td> [line 00098] <td height="1"><img src="assets/uprh/images/p.gif" width="10" height="1" border="0" /></td> [line 00103] <tr><td height="20" colspan="3"><img src="assets/uprh/images/p.gif" width="10" height="20" border="0" /></td></tr> [line 00114] <img border="0" name="li" src="slike/2003/04/28/9740869i.GIF" /></td></tr> [line 00124] <img border="0" src="assets/uprh/images/p.gif" width="1" height="10" /></td></tr> [line 00168] <img border="0" width="100" src="Slike/2009/01/02/7369195m.JPG" /></a></td></tr></table> [line 00170] <td width="20" valign="self"><img src="assets/uprh/images/p.gif" width="16" height="20" border="0" /></td> [line 00183] <td width="20" valign="self"><img src="assets/uprh/images/p.gif" width="16" height="20" border="0" /></td> [line 00196] <td width="20" valign="self"><img src="assets/uprh/images/p.gif" width="16" height="20" border="0" /></td> [line 00212] <img border="0" width="100" src="Slike/2008/12/30/4414636m.JPG" /></a></td></tr></table> [line 00214] <td width="20" valign="self"><img src="assets/uprh/images/p.gif" width="16" height="20" border="0" /></td> [line 00230] <img border="0" width="100" src="Slike/2008/12/30/5134851m.JPG" /></a></td></tr></table> [line 00232] <td width="20" valign="self"><img src="assets/uprh/images/p.gif" width="16" height="20" border="0" /></td> [line 00245] <td width="10"><img src="assets/uprh/images/p.gif" width="10" height="5" border="0" /></td> [line 00251] <td height="5" bgcolor="#ffffff"><img src="assets/uprh/images/p.gif" width="10" height="5" border="0" /></td> [line 00263] <img border="0" name="ot1" src="slike/2003/05/22/2960779i.GIF" /></a> [line 00267] <img border="0" name="ot4" src="slike/2003/05/22/3930017i.GIF" /></a>

Prema ovome, najveća zamjerka jest ta da su img elementi na stranici takvi da slijepoj osobi ne pružaju nikakvu informaciju te bi ih trebalo adekvatno preraditi na način da svi netekstualni elementi dobiju tekstualni ekvivalent.

21

Web stranica Sabora Republike Hrvatskehttp://www.sabor.hrKod procjenjivanja ove web stranice, nakon završetka ugodno sam se iznenadio. Na izvještaju subjektivne procjene vidljivo je da postoji 16 slikovnih elemenata na stranici. U redu, netko će predmnijevati da je to puno, ali bez obzira na broj, u potpunosti sve do jedne, dobro su tekstualno opisane. Primjera radi na sljedećem linku se nalazi mali tekst o Anti Starčeviću, http://www.sabor.hr/Default.aspx?art=1780&sec=792. Kad se otvori sadržaj koji govori o toj povijesnoj osobi, iznad teksta se nalazi njegova slika koju čitač zaslona pročita ovako: graphic Ante Starčević. Na naslovnoj stranici postoji link „o saboru“, nakon što se na njega pritisne enter, ispod linka s kojeg se krenulo pojave se svi linkovi koji u nekom od segmenata govore o njemu. Otvorivši idući link „povijest saborovanja“ pojavljuju se podlinkovi tog linka, jedan od njih je i link „velikani“ na kojem se, između ostalih, može pronaći i link koji je prikazan gore. Ti linkovi o velikanima, kad se otvore, ispod njih je linija teksta koja kaže da se tu radi o bistama saborskih velikana, te su u tom dijelu stranice poredane slike,a ispod njih i link „više“ na kojem se mogu pronaći tekstualni sadržaji o tim osobama. Jako mi se svidjelo da se pod «hijerarhija otvorenog linka» odmah ispod njega može vidjeti što pokazuje, da je struktura linkova takva da ne ometa navigaciju kao što to može biti u slučajevima kad su isti razbacani po stranici. Prethodno je navedeno koliko su dobro slike tekstualno opisane, stoga nema ni primisli da bi svojim brojem, kao i s pozicijom na kojoj se nalaze u odnosu na tekst mogle ometati praćenje istog. Ovo je primjeren način na koji se slike mogu opisivati da se uklope u kontekst cijele priče te ne bi smetalo kad bi ih bilo i više jer dodatno povećavaju razumijevanje sadržaja na stranici slijepoj osobi, to jest slijepom surferu. U mjeri u kojoj su jasne i razumljive slike, to jest njihovi tekstualni ekvivalenti za objašnjenje istih, tako su jasni i razumljivi prisutni gumbi na stranici. Tih gumba na stranici ima 3, a to su: "pretraži", "pošalji" i "osvježi button". Glede gumba «pretraži», on se kao i kod većine web stranica nalazi ispod edit polja u tražilici, na sličnom mjestu je i gumb «pošalji», to jest, nalazi se ispod edit polja u koje se može upisati tema o povijesti saborovanja koja vas zanima, te se ispod tog gumba nalazi posljednji navedeni «osvježi». Što potonji radi, ne moram opisati, zar ne? Otvaranjem nekog linka njegov sadržaj se ne postavlja na vrh ekrana, već na samo dno. Međutim, to se može kompenzirati s time što se Jaws fokusira na taj novootvoreni link te tekst odmah bude auditivno prezentiran. Dobra stvar je ta da i da nakon vraćanja na prethodnu razinu kursor bude pozicioniran na onaj lik s kojega se krenulo. Na stranici nema postavljenih animacija, interaktivnih flash elemenata, zvukova ili glazbe koja se čuje prilikom otvaranja stranice, a što sve može ometati pretraživanje slijepoj osobi. Međutim, kad se otvori link „Prijenos sjednice i videoarhiv“, a koji se otvara u zasebnom prozoru, moguće je gledati prijenose saborskih rasprava. Za napredno pretraživanje treba koristiti E-doc na adresi infodok.sabor.hr u kojoj se može naći potpuni prikaz pojedinih saborskih rasprava. Na stranici uz ostale sadržaje postoje i dokumenti u .pdf-u koji se mogu skinuti. Ti dokumenti su čitljivi i slijepim osobama uz pomoć čitača zaslona što znači da se prilikom njihove izrade koristio i digitalni tekst. Kao i kod prethodno procijenjene stranice i kod ove se prilikom otvaranja linka za slanje elektroničke pošte otvara Outlook Express.Na ovoj stranici postoji mogućnost prilagođavanja izgleda i pristupačnosti stranice, odnosno mogućnost smanjenja ili povećanja slova. Veličina slova se može mijenjati od veličine fonta 7 do 12. Nisam siguran koliko to može pomoći slabovidnim osobama, no lijepo da postoji takva mogućnost. Prema načinu na koji je stranica koncipirana i mojim utiscima prilikom procjenjivanja njezine pristupačnosti, stranici dajem ocjenu 5, to jest prolazi iz perspektive korisnika početnika jer mu ne može stvarati probleme pri snalaženju po njoj, kao ni moguće probleme pri razumijevanju samih sadržaja.

22

http://www.sabor.hr/Default.aspx?art=1780&sec=792


Što se tiče usabilityja same stranice ponovo se može primijetiti da se naslovi i podnaslovi ne označavaju prikladno kao i u slučaju prethodne stranice. Bilo bi lijepo i funkcionalno za sve osobe, internet surfere, da su naslovi i podnaslovi koji su vidljivi na stranicama, označeni s "<H1>" i "<H2>". Iz perspektive slijepog korisnika na taj način bi se u trenutku pritiska na tipku h, ili još bolje tipku 1 na lijevom, nenumeričkom dijelu tipkovnice, fokus kursora postavio na glavni naslov, pritiskom na tipku na kojoj se nalazi broj 2 bi se mogli prošetati po podnaslovima i tako brže pregledati određene sadržaje. Tako nešto postoji na stranici googlea na kojem je usability besprijekoran. Bez obzira na isti problem kao kod prethodne stranice, uzimajući u obzir prethodne opaske vezane za subjektivnu procjenu, ova stranica ima vrlo dobar usability.

Objektivna procjena

Nakon objektivne procjene ove stranice s Ocawom i nakon uvida u izvještaj bio sam ugodno iznenađen. Ocawa nije pronašla niti jednu primjedbu na ovu stranicu s obzirom na prioritete 1. i njihove smjernice, što bi značilo da su osigurane jednakovrijedne alternative auditivnom i vizualnom sadržaju.

23

Web stranica Vlade Republike Hrvatske http://www.vlada.hr

Za razliku od prethodnih stranica koje su na naslovnicama imale prosječno otprilike pedesetak linkova, ova koja se bavi prezentiranjem djelovanja Vlade Republika Hrvatske na svojoj naslovnici ima skoro za polovinu više od ukupnog zbroja prethodnih. Količina sadržaja je dovela do toga da sam prilično vremena utrošio na pregledavanje iste.Na stranici se u to vrijeme nalazilo 17 slika i sve one su zadovoljile kriterij da su dobro tekstualno opisane. Međutim, kako ćete moći vidjeti iz primjera one imaju, po mom mišljenju, previše alt teksta. Uostalom, pogledajte sami liniju ispod.Naslovnica - Vlada Republike Hrvatske – službeniwebportal_files/predsjednik_vlade_s_predstavnicima_grada_zagreba_small,. Po mom mišljenju sasvim bi dovoljan bio onaj dio koji počinje od predsjednik do kraja opisa. Međutim, dobro je opisano pa prema tome nemam zamjerke na opis jer pruža jasnu sliku o čemu se radi. Gotovo sve takve slike su opisane na isti način. Niti jedna od njih ne ometa praćenje teksta jer se nalazi ispod headinga 3, koji služi kao naslov za članak, dio tog bloka je i spomenuta slika koja se može povećati pritiskom na link ispod slike te je ispod njega link „više“ koji vodi na članak. Mogućnost povećavanja slike može dobro poslužiti slabovidnim osobama s dovoljnim ostatkom vida i može se tretirati kao postojanje mogućnosti prilagođavanja pristupačnosti stranice. Broj slika i njihova lokacija ne utječu na navigaciju i razumijevanje danog sadržaja.Kad se otvori link „više“ koji vas vodi na tu vijest, ona dobiva atribut glavnog naslova, to jest headinga level 1 te se lako dođe do njega uz pomoć Jawsovih prečaca. Na ovom web siteu ima pregršt redundantnih slikovnih linkova, a s obzirom na prilično veliku količinu linkova svih vrsta na stranici, po mojem mišljenju bi bilo dobro da se link „više“ možda i izbaci. Mislim da to ne bi bitno utjecalo na strukturu i izgled stranice, ali bi smanjilo količinu nepotrebnih i istovjetnih sadržaja. Način na koji su označeni headinzi na stranici izuzetno mi je po volji. To je omogućilo preglednost stranice na način da grupe linkova nisu porazbacane, da se svi linkovi ne nalaze u linijama i dostupni su u čas vremena. Prema tome navigacija po stranici nije miti malo otežana. Na samoj stranici ima 5 gumba i svi su dovoljno jasni da ne stvaraju poteškoće. Prvi od njih je gumb „traži“ na tražilici, koja ima atribut headinga trećeg nivoa. Drugi po redu „traži“ gumb se nalazi na heading nivou 4 koji nudi mogućnost pretraživanja weba. Treći i posljednji od „traži.“ gumba je također na još jednom heading nivou 4, a služi za pretraživanje adresara. Kod ove mogućnosti pretraživanja mora se označiti radio buton institucije te pritiskom na gumb traži rezultatise izlistaju na podnivoima heading levela 5. Svi send mail linkovi koji se na taj način mogu pronaći otvaraju Outlook Express. U najvećem broju slučajeva kad se otvori neki link, njegov sadržaj je vidljiv u kratkom roku na vrhu ekrana, no iako se neke stvari otvore na sredini ili dnu stranice, a obzirom da su headinzi obilježeni na pravi način, brzo se pristupa otvorenom sadržaju. Nakon što se završi s pregledavanjem tog sadržaja te vraćanjem na prethodno učitanu stranicu, kursor se pozicionira na ono mjesto s kojeg se netom prije krenulo.Iako interaktivni Flash elementi na stranici mogu ometati nesmetano pretraživanje stranice kod ove to nije bio slučaj. Postojao je u vrijeme procjene 1, međutim kako sam rekao, preko njega se preskrolalo bez problema. Na stranici nije bilo glazbe koja se mogla čuti u trenutcima otvaranja iste, te ovdje nije mogla predstavljati problem. Međutim, sa stranice su se mogli pokrenuti određeni audio zapisi - izjave za javnost, obraćanja, dijelovi intervjua. Lako su se mogli preslušati jer je prije njih na stranici bio podnaslov o čemu bi se tu moglo raditi te bi nakon toga uslijedio link „audio“, a u

24


nekim slučajevima i „video“. Dobro je što je bilo razumljivo predočeno te se lako može prijeći preko toga. Neke od njih sam iz čiste znatiželje otvorio te mogu reći da u radu nisu predstavljale problem. Stranica obiluje mnogim sadržajima koji se mogu skinuti, najučestalije su to dokumenti u .pdf-u, no ima i onih koji su u .HTML-u. Svi dokumenti u .pdf–u su čitljivi i kako ne bi ostavio mjesta sumnji, skinuo sam ih do desetak i to različitog sadržaja. Svi do jednoga su bili čitljivi. Prethodno, dok sam navodio jesu li gumbi jasno obilježeni, spomenuo sam da su svi send mail linkovi tako koncipirani da se otvara Outlook Express.Na ovoj stranici postoji mogućnost prilagođavanja izgleda i pristupačnosti .Na samom vrhu stranice se nalazi link: Pristupačnost i prilagodba izgleda Alt+A, (http://www.vlada.hr/hr/dodatno/pristupacnost_i_prilagodba_izgleda). Na tom linku se mogu podešavati veličine slova, koliko sam uspio vidjeti najveća je veličina fonta 15. Potom postoji mogućnost mijenjanja izgleda stranice i kontrasta. Za tu kategoriju je moguće čekićati radio butone. Prvi je osnovni izgled. Drugi je „čitljivije boje i oštrina“ ispod kojeg piše „optimalna paleta boja za sve bojne poremećaje - protanopiju, deuteranopiju i tritanopiju s podvučenim linkovima“. I posljednji nudi kontrast pozadine i sadržaja, crnu pozadinu i bijela slova. Iduća kategorija je za mijenjanje slova i nudi mogućnost odabira osnovnog tipa i prilagođeno slabovidnim, tip Arial. Postavke mogu biti promijenjene za vrijeme korištenja Vladinog web servisa, ali također postoji mogućnost da se one trajno spreme, no za to se mora prijaviti i preko „moje korisničke postavke“ te mogu stalno takvima i ostati. Uz ovaj način prilagođavanja stranice u svrhu bolje pristupačnosti, na samoj naslovnici postoje tri linka u nizu koji imaju efekt da mijenjaju veličinu slova. Svaki od njih je označen slovom, a u različitoj veličini fonta. Prema svemu što je napisano mislim da mirne savjesti mogu reći da je web stranica Vlade Republike Hrvatske potpuno pristupačna. Stoga zaslužuje ocjenu 5!

Jednaku takvu ocjenu mogu dati glede usabilityja. Headinzi su dobro označeni, gumbi također, edit polja se lako mogu dosegnuti, prema mojoj procjeni sve je odlično.

Ocawa izvještaj

Objektivnom procjenom pristupačnosti mrežnog sadržaja pomoću Ocawa alata pokazalo se da on uočava 10 primjedbi. Od tih primjedbi 9 se odnosi na to da je potrebno omogućiti tekstualni ekvivalent za svaki netekstualni element. Netekstualni elementi obuhvaćaju slike i grafičke prikaze teksta, uključujući simbole, na primjer, animirani gif.Ti problemi su uočeni na sljedećim linijama koda:277, 312, 347, 382, 416, 449, 1425, 2211, 2212.

[line 00277] <a href="/hr/naslovnica/novosti_i_najave/2008/prosinac/predsjednik_vlade_govorio_u_vijecu_sigurnosti_o_situaciji_u_somaliji_i_naporima_medunarodne_zajednice_u_borbi_protiv_piratstva" > <img src="/var/vlada/storage/images/premijer/aktualnosti/novosti/2008/prosinac/predsjednik_vlade_govorio_u_vijecu_sigurnosti_o_situaciji_u_somaliji_i_naporima_medunarodne_zajednice_u_borbi_protiv_piratstva/1066876-1-cro-HR/predsjednik_vlade_govorio_u_vijecu_sigurnosti_o_situaciji_u_somaliji_i_naporima_medunarodne_zajednice_u_borbi_protiv_piratstva_small.jpg"width="185" height="134" style="border: 0px;" /> </a> [line 00312] <a href="/hr/naslovnica/priopcenja_za_javnost/2008/prosinac/izjava_vlade_republike_hrvatske"

25

> <img src="/var/vlada/storage/images/naslovnica/priopcenja_za_javnost/2008/prosinac/izjava_vlade_republike_hrvatske/1059763-6-cro-HR/izjava_vlade_republike_hrvatske_small.jpg"width="185" height="134" style="border: 0px;" /></a> [line 00347] <a href="/hr/naslovnica/priopcenja_za_javnost/2008/prosinac/cetvrta_sjednica_ekonomskog_vijeca" > <img src="/var/vlada/storage/images/naslovnica/priopcenja_za_javnost/2008/prosinac/cetvrta_sjednica_ekonomskog_vijeca/1070766-2-cro-HR/cetvrta_sjednica_ekonomskog_vijeca_small.jpg"width="185" height="134" style="border: 0px;" /></a> [line 00382] <a href="/hr/multimedija_i_fotogalerije/fotogalerije/2008/studeni/predsjednik_vlade_na_forumu_ministara_pravosuda_i_unutarnjih_poslova_eu_zapadni_balkan" > <img src="/var/vlada/storage/images/multimedija_i_fotogalerije/fotogalerije/2008/studeni/predsjednik_vlade_na_forumu_ministara_pravosuda_i_unutarnjih_poslova_eu_zapadni_balkan/1010526-1-cro-HR/predsjednik_vlade_na_forumu_ministara_pravosuda_i_unutarnjih_poslova_eu_zapadni_balkan_small.jpg"width="185" height="127" style="border: 0px;" /> </a> [line 00416] <a href="/hr/naslovnica/novosti_i_najave/2008/prosinac/predsjednik_vlade_otvorio_dionicu_autoceste_zagreb_dubrovnik" > <imgsrc="/var/vlada/storage/images/premijer/aktualnosti/novosti/2008/prosinac/predsjednik_vlade_otvorio_dionicu_autoceste_zagreb_dubrovnik/1075232-2-cro-HR/predsjednik_vlade_otvorio_dionicu_autoceste_zagreb_dubrovnik_small.jpg"width="185" height="134" style="border: 0px;" /> </a> [line 00449] <a href="/hr/aktualne_teme_i_projekti/aktualne_teme/hko_hrvatski_kvalifikacijski_okvir" > <img src="/var/vlada/storage/images/aktualne_teme_i_projekti/aktualne_teme/hko_hrvatski_kvalifikacijski_okvir/hko_temathumb_naslovni/815129-1-cro-HR/hko_temathumb_naslovni.gif"width="343" height="248" style="border: 0px;" /></a> [line 01425] <a href="/hr/naslovnica/novosti_i_najave/2008/prosinac/predsjednik_vlade_otvorio_dionicu_autoceste_zagreb_dubrovnik" > <imgsrc="/var/vlada/storage/images/premijer/aktualnosti/novosti/2008/prosinac/predsjednik_vlade_otvorio_dionicu_autoceste_zagreb_dubrovnik/1075232-2-cro-HR/predsjednik_vlade_otvorio_dionicu_autoceste_zagreb_dubrovnik_largebox.jpg"width="307" height="222" style="border: 0px;" /> </a> [line 02211] <td class="first"><a target="_blank" href="http://www.hitro.hr" title="HITRO.HR"> <img width="125" height="27" style="border: 0px none;" src="/var/vlada/storage/images/adresar_i_linkovi/korisni_linkovi/javni_sektor/hitro_hr/40990-1-cro-HR/hitro_hr_articlethumbnail.jpg" tip="HITRO.HR"/></a> </td> [line 02212] <td><a target="_blank" href="http://www.vlada.hr/nacionalniprogramromi/" title="Nacionalni program za Rome"> <img style="border: 0px none;" src="/var/vlada/storage/images/adresar_i_linkovi/korisni_linkovi/vlada_rh/nacionalni_program_za_rome/320634-3-cro-HR/nacionalni_program_za_rome_articlethumbnail.gif"

26

/> </a> </td>

Zadnja, deseta primjedba, odnosi se na to da se oblikuju tablice koje se prikladno prikazuju. Provjerna točka 5.1. kaže da se za podatke u tablicama definiraju zaglavlja redova i stupaca.[Na primjer, u HTML-u koristite TD da bi definirali ćelije i TH da bi definirali zaglavlja.Taj problem je uočen na liniji 528

[line 00528] <table class="calendar">

27

Web stranica Ministarstva financijahttp://www.mfin.hr

Ova stranica ima sličnu strukturu kao i stranica Vlade Republike Hrvatske. Razlika je u tome što su headinzi podijeljeni na razine podnaslova, znači prilikom dizajniranja stranice najviše ima heading nivoa kategorije 2 i 3. Prilično dobro za pretraživanje što se tiče slijepih osoba. Na stranici je uočeno 9 slika koje su dobro tekstualno opisane, što znači da je alt tekst korektan. Prema tome nema slika koje bi spadale u kategoriju procjene nedovoljno informativnog alt teksta, neoznačenih, kao ni onih koje nemaju alt tekst. Većina slika se nalazi na heading nivoima 2 i 3, koji označavaju vijesti. Ovisno o recentnosti članka formirala se hijerarhija. Sve vijesti imaju sličnu strukturu - heading čini naslov, ispod njega se nalazi slika koja tvori grafički link, no i ona ima korektan alt tekst. Skrolanjem dalje je datum na koji se zbilo to što čini vijest i ispod toga postoji link „više“ za cijeli članak. Crtica koja rezimira sadržaj članka nalazi se ispod linka. Osobno, ovakav način kreiranja stranice, to jest ovog dijela čini mi se prilično solidnim. Iako se ovdje radi o redundantnim slikovnim linkovima, oni ne predstavljaju problem te klikom na njih se otvara tekst članka na heading razini 1. Linkovi kao takvi su podijeljeni na način da se tematski slažu po headinzima, te je lako pregledavati sadržaj što znači da nema negativnog utjecaja na navigaciju. Na stranici su također prisutni gumbi. Njihov broj je 3. Kako je uobičajeno na internetu, i ova stranica ima tražilicu i gumb „traži“ je smješten ispod polja za unos kriterija pretrage. Iduća dva gumba se nalaze na heading nivou 2 čiji je naslov newsletter. Ispod polja za unos adrese elektroničke pošte, putem koje se dobiva newsletter, postoje dva gumba „prijava“ i „odjava“. Prilikom ulaska na neki link sadržaj se ne postavlja na vrh stranice. Čitač zaslona nakon otprilike 8 do 10 sekundi pruža informaciju koja se može dobiti s linka koji je otvoren. Također, kad se otvara taj sadržaj čitač zaslona daje informaciju da se sadržaj na ekranu sastoji od jednog headinga i određenog broja linkova. U tom jedinom headingu na stranici se nalazi željeni sadržaj koji se može trenutačno iščitati pritiskom na tipku slova «H» ili broja 1 na tekstualnom dijelu tipkovnice. To mi se čini dobrim, no za tako nešto treba slijepa osoba biti moderator user čitača zaslona, odnosno biti upoznata s Jaws prečacima za Internet Explorer. Kad se završi pregledavanje sadržaja na nekoj stranici i vrati se na naslovnicu, kursor se nalazi na onome linku s kojega se krenulo. Na stranici nema animacija, interaktivnih flash elemenata, glazbe ili zvukova, te prema tome takvi elementi niti ne mogu ometati snalaženje po stranici. Na stranici postoji nekoliko linkova s kojih se mogu skidati dokumenti. Na linku http://www.mfin.hr/hr/publikacije dostupni su sadržaji u .pdf-u i mogu se čitati na način da se sadržaj skine na računalo ili online. Oba načina su čitljiva za čitače zaslona, no moja je preporuka da se sadržaji skinu na računalo jer na taj način učitavanje samog dokumenta u Adobe Reader ide puno brže. Sadržaji koji se nalaze na: http://www.mfin.hr/hr/zakonodavstvo nude zakone i pravilnike. Glede zakona može ih se skinuti na računalo u .html formatu ili za slučaj da se čitaju iz Internet Explorera, link na kojem se nalazi neki od zakona vas preusmjerava na stranice Narodnih novina.Svi linkovi koji se nalaze na stranici a služe za slanje upita elektroničkom poštom otvaraju Outlook Express.Na stranici postoji mogućnost prilagođavanja izgleda. On se očituje u tome da postoje četiri linka u nizu, imenovani su svi sa slovom A i pružaju mogućnost da se veličina slova poveća. No, čini mi se da ono ne funkcionira jer kad se stisne neki od ta četiri linka, ja osobno ne primjećujem nikakvu razliku. Moguće da je to trenutno neaktivno i nadam se da će se stanje promijeniti.S obzirom na navedeno stanje dvoumio sam se hoću li stranicu ocijeniti s 4 ili 5. Naravno da bi trebalo vidjeti što se može napraviti s onim linkovima za koje mislim da su namijenjeni povećavanju fonta. U ovome slučaju sam postupio kao i učitelji u školi i dao ocjenu 5

28

http://www.mfin.hr/

uzimajući u obzir dobro vladanje i nadu da će ovakva ocjena utjecati motivirajuće da se taj problem otkloni.

Glede usabilityja prilikom surfanja, on je odličan. Dobre stvari koje sam uočio naveo sam u dijelu o subjektivnoj procjeni same stranice.

Alat za objektivnu procjenu Ocawa na samu stranicu ima jednu primjedbu. Ona se odnosi na to da se za svaki netekstualni element mora omogućiti tekstualni ekvivalent.Primjedba se odnosi na liniju 71.

[line 00071] <img class="new" src="http://www.mfin.hr/adminmax/images/headers/hr/banner-3.gif">

29

Web stranica Ministarstva unutarnjih poslovahttp://www.mup.hrPretražujući ovu stranicu na njoj sam našao 23 slike. Slike su bile najučestalije na onim nivoima headinga koji su predstavljali vijesti. Heading koji je sačinjavao naslov neke vijesti je bio u tekstualnom obliku, no iznad njega je bio grafički link koji je bio tagiran s istovjetnim tekstom. Niže od tog headinga se nalazio mali sažetak te vijesti te ispod istog link „više“. Otvaranjem bilo kojeg od ta 3 linka na heading nivou 1, vijest biva vidljiva u potpunosti. Na vrhu vijesti se nalazi slika koja je dobro tagirana a istovjetna je tekstom kao i na prethodnoj stranici. Kod nekih vijesti je moguće pri dnu članka klikom na link povećati fotografiju. Također na stranici postoje linkovi na kojima se može vidjeti izgled isprava koje izdaje Ministarstvo te kakve fotografije za te isprave moraju biti. Kad se klikne na link koji vodi do izgleda nekih od isprava, slijepe osobe to ne mogu percipirati jer je riječ o fotografiji. Međutim takve informacije o izgledu isprava mogu vidjeti na linkovima koji sadržavaju zakon o istim. Iako je broj slika koje se nalaze na ovoj stranici veći od prethodnih, one ne ometaju navigaciju. Njihovu lokaciju sam u najvećoj mjeri objasnio i kako je vidljivo iz prethodnih redaka, postavljene su na takvom mjestu da ne smetaju pri navigaciji. Iako je vidljivo da na stranici ima redundantnih slikovnih linkova, oni ne utječu na način da ometaju čitanje. Uostalom, kako kažu „ponavljanje je majka znanja“, možda ponavljanje različitih vrsta linkova s istovjetnim tekstom, može imati i dobre učinke na osobe koje imaju probleme s koncentracijom. Linkovi su prema mojoj procjeni dobro strukturirani i grupirani u razumljive cjeline. Na stranici su tri gumba. Prvi od njih je ispod polja za unos kriterija pretrage, no za razliku od prethodnih stranica on izgleda ovako: images/SearchButton. Gumb jest razumljiv, no nekako sam očekivao da će biti označen kao i prethodni „traži“. Idući gumb je upravo takvog karaktera - „traži“ i nalazi se u tražilici koja omogućava da doznate koji je vaš kvartovski policajac i broj telefona na koji se može kontaktirati. Zadnji od prisutna 3 gumba na stranici se nalazi u sklopu heading razine 6 unutar najčešćih pitanja. U slučaju da surfer nije pronašao odgovor na svoje pitanje, može ga postaviti unutar polja za upisivanje. Ispod toga postoji i drugo polje za unos adrese elektroničke pošte te je ispod tog polja gumb „pošalji“.Sva tri gumba su dovoljno razumljiva.Za pregledavanje stranice se mogu koristiti standardne komande čitača ekrana. Prilikom pretraživanja ove stranice ako, na primjer, otvorite link „Zlostavljanje putem mobitela i interneta - suvremenih tehnologija“ čitač zaslona ekrana će pročitati prilično puno sadržaja s naslovnice dok ne počne čitati sadržaj otvorenog linka. To može biti jako demotivirajuće, no ako se koriste prečaci čitača ekrana za rad u Internet Exploreru, na razini headinga 1 trenutačno će čitač zaslona reproducirati glasovni output. Međutim, slijepe osobe početnici pri radu s čitačima zaslona čekaju da se sadržaj iščita. Moja preporuka je ta da se zbog početnika stranica pokuša koncipirati na način da se prilikom otvaranja nekog linka, nakon što se stranica učita, odmah može čuti željeni blok teksta.Kao i kod svih prethodno procijenjenih stranica, nakon što se izađe s te postranice kursor se pozicionira na mjesto s kojega se krenulo. Kad se stranica procjenjivala na njoj nije bilo animacija, interaktivnih flash elemenata, glazbe ni kakvih drugih zvukova koji bi mogli ometati rad.Kako se na ovoj stranici mogu skinuti mnoge stvari zakona, osobnih i putnih isprava, a za potonje i različiti obrasci koji mogu poslužiti da se isprave obnove, činilo mi se praktično da ih skinem na svoje računalo. Naravno, svi obrasci i pravilnici su u .pdf-u, no na moje iznenađenje oni koji su bili bitni za produljenje isprava nisu bili čitljivi čitačima zaslona. Adobe Reader 9 je za gotovo svaki skinuti .pdf dokument dao poruku „alert“ empty document!“ To je značilo da je dokument samo imidž, odnosno slika. Da bi bio čitljiv trebalo ga se prepoznati s nekim OCR programom. Da bi slijepim osobama .pdf dokument bio pristupačan, potrebno je

30

http://www.mup.hr/

konvertirati skeniranu sliku teksta u searchable text preko OCR (opticall character recognition) programa kako bi bio pristupačan osobama s invaliditetom Preporuke za tako pristupačne dokumente se mogu pronaći na URL:http://www.adobe.com/help/accessibility.html.Postoje mnogi send mail linkovi za slanje elektroničke pošte na stranici i svi otvaraju outlook.Stranica ne pruža nikakve mogućnosti da se poboljša pristupačnost, čak nema ni mogućnost da se poveća font slova na stranici za slabovidne osobe.Unatoč ovim nedostatcima koji su maloprije navedeni, stranica zbog drugih elemenata, poput razumljivo objašnjenih slika, uvrštenih headinga ipak dobiva ocjenu pet u subjektivnoj procjeni.Usability navigacije je prilično dobar jer se pretraživanje stranice može jako dobro izvesti uz pomoć prečaca čitača ekrana za Internet Explorer.

Alat za objektivnu procjenu „Ocawa“ na samu stranicu ima jednu primjedbu. Ona se odnosi na to da se za svaki netekstualni element mora omogućiti tekstualni ekvivalent.U ovome slučaju nedostaje alt za input element, a smjernice kažu:“ · Koristite "alt" za IMG, INPUT i APPLET elemente ili omogućite tekstualni ekvivalent OBJECT i APPLET elemenata.“ Sporna linija je broj 36

[line 00036] <input type='image' src='images/SearchButton.gif' class='SearchButton' /><br />

31

url:http://www.adobe.com/help/accessibility.html.Postoje

Web stranica Ministarstva pravosuđahttp://www.pravosudje.hr

Kad se otvori stranica Ministarstva pravosuđa, dobije se ulazni sadržaj na kojem postoje 3 linka. Prvi je image link naslovnica minpra koji vodi na naslovnicu, drugi link je imgNaslovnica/slikaePrav, ona vodi na E izvadak, eksperimentalni servis ministarstva i treći link, ako kliknete na njega sadržaj se otvara u novome prozoru, a to je stranica poslovnog subjekta koji se bavi izradom weba.Sva tri linka su nedovoljno informativna, ali čovjek može shvatiti na što vas vode osim onog posljednjeg. Nakon što sam otvorio naslovnicu i neko vrijeme se prešetavao po njoj shvatio sam da je veselje upravo počelo. Na stranici sam našao 65 slika i niti jedna od njih nije bila dobro tekstualno opisana. Ono što me je začudilo jest to da sam pregledavao do sada dosta sadržaja na internetu, ali se s toliko grafičkih linkova nikad nisam susreo. Na vrhu stranice uz imenovane linkove koji nisu grafičkog karaktera nalazi se po jedan redundantni grafički. Svi ti linkovi izgledaju ovako: images/pl. U prvo vrijeme sam mislio da je to nešto drugo te sam počeo otvarati jedan po jedan, no na kraju se vidjelo da su to redundantni linkovi. Sve slike koje se nalaze na stranici, nalaze se u kategoriji nedovoljno informativna i niti imaju alt tekst, niti smisleni naziv. Ti linkovi su u većini slučajeva označeni s hrpom brojki. Slike kao takve ne smetaju pri čitanju. Naviknuvši se na to da je stranica često dizajnirana da se iznad naslova vijesti nalazi slika, vjerujem da i grafički linkovi koji se na ovoj stranici nalaze iznad naslova vijesti predstavljaju sliku. Kako sam naveo ti linkovi sadržavaju hrpu brojki i grafički su pa vjerujem da bi to mogla biti slika, tim više što se ispod naslova nalazi link „više“.Ti grafički linkovi na stranici ne ometaju navigaciju na način da se nešto ne može otvoriti, no ometaju iz razloga što ih je za moj ukus previše i na taj način usporavaju pretraživanje sadržaja stranice. Uz to moram reći da nisam baš navikao na strategiju da najprije kliknem na link da bi saznao što se krije iza njega, na «normalnim» stranicama na samom linku, na način na koji je imenovan, možeš pretpostaviti kakav sadržaj ćeš tamo naći. Svi ti redundantni linkovi u srednjoj mjeri ometaju navigaciju, no ne i čitanje, ali nakon nekog vremena se navikneš na njih i znaš da će u nizu linkova oni biti svaki drugi. Jesu li grupe linkova razbacane po stranici? Ne, nisu razbacane, već su grupirane u jedan veliki niz. Ometa li to navigaciju? Da, ometa navigaciju. U redu, ti linkovi i jesu grupirani po određenoj hijerarhiji važnosti i području, no problem je što su u nizovima i da se samo stavio neki razmak među njih da se cjeline odvoje, bilo bi bolje. Glede razumljivosti gumba, tu nemam nikakvih zamjerki. Jedini gumb koji se može pronaći na stranici je „traži“ u tražilici.

Kad se otvori neki link sa stranice, novi sadržaj se ne nalazi na vrhu ekrana, već negdje na samoj sredini. Dok čitač zaslona počne čitati sadržaj koji se otvorio, prođe otprilike 40 sekundi, za to vrijeme se mora slušati dok čitač ekrana čita u jednom slučaju sedamdesetak prethodnih linkova. Da se bar sadržaj otvori na dnu stranice bilo bi lakše uz pomoć tipki page down i strelica gore-dolje pozicionirati se na početak teksta. Stranica www.predsjednik.hr nije imala headinge, no zbog dobre hijerarhije linkova pretraživanje je bilo puno lakše nego ovdje. Dobra stvar je kod pregledavanja na ovoj stranici to da se prilikom vraćanja na prethodni sadržaj kursor pozicionira na mjesto s kojega ste krenuli i tad taj link dobiva atribut „visited link“, no niti to neće puno pomoći u pretraživanju jer ako ste negdje vidjeli neku informaciju i htjeli biste se vratiti na to mjesto, ta nakana neće ići lako.Na stranici je prisutno 6 animacija, no one ne utječu na snalaženje jer se prva od njih nalazi na vrhu stranice, dok su ostale smještene prije samog dna.Na samoj stranici nema glazbe pri otvaranju ni prisutnosti zvukova koji bi mogli ometati navigaciju.

32


Na stranici postoje sadržaji koji se mogu skinuti na računalo. Oni su u .pdf-u i Microsoft Word dokumenti. Svi dokumenti koje sam skinuo sa stranice formata .pdf su bili čitljivi, to jest nisu bili samo image document, već su sadržavali skenirani tekst. Prilikom otvaranja elektroničkke pošte zbog slanja pitanja ili nečeg drugog se otvara Outlook, upravo kao i kod prethodnih stranica. Na stranici ne postoji nikakva mogućnost prilagođavanja izgleda i pristupačnosti. Prilikom ocjenjivanja dugo sam dvojio između „Gotovo neupotrebljiva“ i „otežano, ali moguće snalaženje“. Na koncu sam stranici dodijelio ocjenu 3. Zašto? Iskreno ne znam, s obzirom na sve što je iznad napisano i još k tome da se doslovce ništa od prečaca čitača ekrana ne može upotrijebiti, mislim da treba imati nade da će ova stranica zadovoljiti treći kriterij koji smo koristili prilikom sastavljanja liste webova za procjenu - „Mogućnosti promjene web stranice u svrhu poboljšavanja pristupačnosti za slijepe.“

Objektivni alat za procjenu stranice Ocawa na samu stranicu ima pet primjedbi. Te primjedbe su vezane za „prioritet 1“. Svih pet primjedbi se odnose na to da je potrebno omogućiti tekstualni ekvivalent za svaki netekstualni element. U ovoj procjeni netekstualni elementi obuhvaćaju slike i grafičke prikaze teksta, uključujući simbole, na primjer, animirani gif.Preporuka je za ovu stranicu da se u HTML-u koristi „alt“ za img elemente, za sljedeće linije:83, 72, 66, 61, 39.

[line 00039] <img height="73" src="imgNaslovnica/head.jpg" width="780" border="0"></td> [line 00061] <img border="0" src="imgNaslovnica/epr.gif" width="312" height="55"></p> [line 00066] <img border="0" src="imgNaslovnica/minpra.jpg" width="188" height="90"></a><p> [line 00072] <img border="0" src="imgNaslovnica/slikaePrav.jpg" width="186" height="90"></a><p> [line 00083] <img height="15" src="imgNaslovnica/6392480.gif" width="180" border="0"></a>

33

Web stranica Ministarstva gospodarstva, rada i poduzetništvahttp://mingorp.hr

Prilikom upisivanja URL-a u Internet Explorer i otvaranja stranice prvo što je uočljivo su dva image linka,oba vode na indeks, znači naslovnu stranicu, međutim jedan omogućava da se učita stranica na hrvatskom jeziku, a drugi je da se učita stranica na engleskom jeziku. Ovakav način mi se prilično sviđa jer na stranici smanjuje broj linkova i slijepim osobama ubrzava navigaciju po istoj. Iako se otvara stranica na hrvatskom jeziku, na vrhu stranice se nalazi tematski link počevši od „o nama“ te tri sljedeća su jasno odvojeni sadržaji Ministarstva, odnosno tematske cjeline: gospodarstvo, rad i poduzetništvo. Ovakav način mi je prilično po volji jer su sve tematske cjeline odvojene na logičan način. Niže na stranici od glavnog sadržaja na heading razini 3 su zastupljene vijesti, koje su kao i kod većine prethodno procijenjenih stranica strukturirane na sličan način. Jedina razlika je u tome što je ovdje link imenovan na način da je na njemu glavni naslov vijesti i po mom vjerovanju slika te se ispod njega nalazi link „više o temi“. Između linkova je kratak rezime članka. Na stranici se nalazi 31 slika. Gotovo dvostruko manje od prethodne stranice. Od te količine 24 su dobro tekstualno opisane, znači da imaju korektan alt tekst, dok njih 7 imaju nedovoljno informativan alt tekst. Ti nedovoljno informativni sadržaji su najčešće banneri i grafički linkovi koje čitač zaslona pročita ovako: resize.aspx?filename=dtLB-indijci05032009web2. Međutim, kako se nalaze kao dio sadržaja cjelina o vijestima, za pretpostaviti je da se tu radi o nekoj fotografiji s, recimo, nekog skupa ili nekog sastanka koje je Ministarstvo održalo ili sudjeluje na njemu. Slike kao takve na ovoj stranici ne ometaju navigaciju, jednako kao i njihov broj i lokacija na kojoj se nalaze. Stanje s redundantnim slikovnim linkovima je istovjetno s obzirom na mogućnost ometanja pri navigaciji. Glede grupiranja linkova i njihovog utjecaja na navigaciju, on nije ometajući. Kako sam prije rekao - grupirani su po tematskim cjelinama. Jedina zamjerka na linkove se odnosi da su u najvećem dijelu takvi da ako link tvore jedna do dvije riječi, recimo zapošljavanje, potpora ili EU projekti, onda je jasno o čemu se radi. Međutim, ako je riječ o tekstu koji se sastoji od više od tri riječi, onda se stavljaju kratice. Primjer je link koji kad se otvori učitava sadržaj hrvatske izvozne ofenzive. Link koji vodi do tog sadržaja je: „UserDocsImages/ban_hio“. Kad se otvori taj sadržaj, on se preusmjerava na drugu web stranicu i otvara u novom prozoru, no koliko je taj link informativan? Ljudi koji ne poznaju tu kraticu kao i ja otići će na taj sadržaj i nakon što čuju «Hrvatska izvozna ofenziva» jednostavno će izaći van, no stvar je u tome da ga netko koga to ne zanima neće ni otvarati, a osobe kojima je to u fokusu zanimanja mogu ga preskočiti zato što nije opisan na jasan i razumljiv način.Neki drugi banneri otvaraju sadržaj koji je dio ove stranice, recimo „UserDocsImages/ban_projekti_poticanja“. Ono što mi se svidjelo jest to da se tag sadržaj otvara na istoj stranici na heading razini 4 i bez obzira gdje se sadržaj otvorio, pri vrhu stranice, na dnu ili kao što je tu slučaj u sredini Jaws-ov fokus je gotovo trenutačno na njemu te treba proći otprilike dvije sekunde da čitač zaslona počne prezentirati sadržaj. Stoga je odgovor na pitanje da li da se sadržaj nekog linka odmah postavi na vrh ekrana: «da.»Kad sam završio s gore navedenim linkom te se vratio na naslovnicu, kursor se vratio na isti, to jest link s kojega sam krenuo. Sve do sada procijenjene stranice imaju takvo svojstvo. Prema tome za snalaženje po ovoj stranici su dovoljne standardne komande čitača ekrana.

Jedini gumb koji se nalazi na ovoj stranici je gumb pri tražilici. Kao i kod većine stranica nalazi se ispod polja za unos kriterija pretraživanja i dobro je opisan, samo što me malo smeta što nije na način „traži“, već „search“.

34

http://mingorp.hr/

Elementi koji mogu otežavati navigaciju po stranici, od animacija, flash elemenata, glazbe i zvukova, na ovoj stranici ne postoje, te shodno tome ne mogu ometati rad.S obzirom kakve djelatnosti ovo ministarstvo pokriva s njihove web stranice se mogu skinuti razni zakoni, odredbe, uredbe, pravilnici, upisnici i izvješća. Ovisno o tome kojoj od navedenih kategorija pripadaju, sadržaji koji se mogu skinuti su .pdf, .doc i .html formata. Naravno da čitači zaslona s Microsoft Word i html dokumentima nemaju problema s predočavanjem informacije slijepoj osobi, no s .pdf dokumentima to nije uvijek tako. Međutim svi koji su skinuti s ove stranice su pristupačni, što znači da nisu samo skenirani image, već skenirani image koji je „prepoznat“ s „OCR“ programima. Svi „send mail“ linkovi su strukturirani na način da odmah otvaraju program za elektroničku poštu, u ovom mom slučaju Outlook Express. Na stranicama ne postoji nikakva mogućnost prilagođavanja izgleda i pristupačnosti same stranice u svrhu olakšavanja pretraživanja.Stranica je na mene ostavila odličan dojam, male korekcije u vezi nedovoljno informativnih linkova bi trebale biti odrađene da sami linkovi budu razumljiviji, no generalni dojam je da je stranica pristupačna i dajem ocjenu 5.

Nakon objektivne procjene ove stranice s Ocawa alatom, po drugi put Ocawa nije pronašla niti jednu primjedbu, kao što je bio slučaj sa web stranicom Sabora Republike Hrvatske. To znači da su na ovoj stranici zadovoljeni svi kriteriji koje postavljaju smjernice za pristup sadržajima mreže,(Wcag 1.0.).

35

Web stranica Ministarstva zdravstva i socijalne skrbihttp://www.mzss.hr

Ova stranica je uvrštena u projekt zbog informativnosti koju pruža korisnicima interneta u Hrvatskoj. Zdravlje je jedan segment života koje je bitan svakoj osobi. Kako je ovo također i ministarstvo socijalne skrbi, onda njegova važnost za osobe s invaliditetom nije ni malo upitna.Pregledom stranice uočio sam 16 slika. Ukupan broj onih koje imaju alt tekst korektan je - 16. One se odnose jednim velikim dijelom na grafičke linkove. Neki od tih grafičkih linkova poput: „25634-1-cro-HR/bijeli_telefon_large“ otvaraju sadržaj na istoj stranici. Kada se sadržaj otvori, ne treba čekati dulje od pet sekundi da čitač ekrana počne s prezentiranjem danog sadržaja. Lijepo je što ne treba čekati puno vremena da pročita hrpu prisutnih linkova po stranici. Jednako tako otvoreni sadržaj se na stranici Ministarstva prezentira na heading razini 1 te je moguće da se izbjegne i tih pet sekundi s prečacem čitača ekrana, na način da se stisne broj 1 na glavnom dijelu tipkovnice. Nadalje, drugi tip takvih linkova je na primjer link: 25638-1-cro-HR/dojenje_large. Pritiskom na njega otvara se dijalog koji omogućava „download“ ili skidanje danog sadržaja na računalo. Skinuti sadržaj je brošura Ministarstva o dojenju i rađena je u pdf formatu koji je pristupačan slijepim osobama. Također postoji i još jedna vrsta takvih grafičkih linkova koja osobu koja pretražuje sadržaj preusmjerava na stranice Hrvatskog zavoda za zdravstveno osiguranje, link je: „25658-1-cro-HR/hzzo_large“.Ovaj link nisam uvrstio u kategoriju slika koje imaju alt tekst koji je nedovoljno informativan, jer populacija slijepih na koju se u ovom slučaju pristupačnost odnosi jako dobro zna što kratica HZZO znači, isto tako i generalna populacija je bar u posljednjih šest mjeseci barem jednom u informativnim programima bilo kojeg medija čula kraticu i zna o čemu je tu riječ.Slike nisu umetnute u tekst, već se tu radi o linkovima i stoga ne mogu ometati praćenje teksta.Kako su ti grafički linkovi sastavni dio stranice i po mojoj procjeni dobro su tekstualno opisani, ne ometaju snalaženje po stranici.S obzirom na to da se na dijelu prethodno procjenjivanih stranica nalazio uz „normalni“ tekstualni link isti takav samo grafički, prema mojoj procjeni stavljanje samo jednog grafičkog linka za određenu temu na ovoj stranici ima dobar učinak za slijepu osobu koja pretražuje stranicu. Ono što sam ovime želio reći jest to da su na taj način dizajneri ove stranice izbjegli da na njoj bude velika količina linkova. Ovakav način izrade stranice preporučio sam da bi bilo dobro za jednu prethodno testiranu koja je imala do sada najveći broj redundantnih linkova i na taj način povećavala vrijeme pretraživanja stranice, a u svrhu pronalaženja neke informacije. S obzirom da na stranici ima otprilike pedesetak linkova i da su svi podijeljeni u jasno definirane pripadajuće kategorije, to jasno govori da linkovi nisu razbacani po stranici te da ne otežavaju navigaciju. Na stranici je prisutan samo jedan gumb „traži“ i to na uobičajenom mjestu tražilice. Iako je često prisutna pojava da tražilica bude postavljena na sredinu stranice, na ovoj je na samome vrhu. Iako se uz pomoć prečaca čitača zaslona do polja za upis kriterija pretraživanja, to jest tražilice, može doći pritiskom na slovo E ili F, ovakav način uređenja lokacije tražilice mi se čini praktičan za slijepe korisnike računala koji su tek u samim početcima. Pritiskom na kombinaciju tipki Ctrl+home kursor se pozicionira na vrh stranice i s pritiskom na strelicu dolje uz dva se stiska nađe na tražilici. Gumb za pretraživanje je prilično jasan. Za snalaženje po stranici mogu se koristiti standardne komande za čitače ekrana. Prečacima se po stranici brže dođe do željene informacije, ali i oni koji koriste samo strelice za navigaciju zbog količine sadržaja na ekranu mogu biti zadovoljni.

36

Kako je prethodno navedeno, otvaranjem nekog linka sadržaj je brzo dostupan preko heading razine 1, no nisu svi linkovi tako koncipirani, stoga ne mogu reći da se sadržaj uvijek stavi na vrh. Međutim, kao i kod svih dosada procijenjenih stanica, povratkom na naslovnicu kursor se pozicionira na link s kojega se krenulo. Na otprilike dnu prve trećine stranice ispod naslovnice i 8 linkova glavnog sadržaja mjesto je na kojem se nalazi jedna flash animacija. Ta flash animacija ne utječe ometajuće na pretraživanje sadržaja stranice.Ostalih elemenata koji mogu ometajuće utjecati na pretraživanje stranice, poput glazbe pri otvaranju ili zvukova, nema.Na pojedinim dijelovima stranice, odnosno linkovima, dostupni su zakonski akti, ugovori, natječaji za projekte, pravilnici i niz drugih elemenata koji se mogu skinuti kao wordovi dokumenti. Brošure kojih ima u pdf-u su opisane ranije u tekstu, no njih ima malen broj. Što se tiče mogućnosti kontaktiranja s Ministarstvom, na stranici postoji link „kontakti.“ Kad se taj sadržaj učita, imate mogućnost slanja elektroničke pošte na linku „Pošaljite na mail“. Kad se taj link otvori, na stranici se dobije forma s poljima za unos podataka. Prvo polje je ime i prezime, drugo se odnosi na Vašu adresu elektroničke pošte, ispod toga je polje za unos adrese elektroničke pošte primatelja te je na kraju mjesto za unos komentara. Ako želite poslati taj komentar, trebate stisnuti gumb „pošalji“. Forma je prilično pristupačna, nešto poput tražilice, no onda surfer mora pronaći adresu elektroničke pošte onoga kome šalje upit. Malo puno traženja za poslati jedan mail.No, recimo kad tražite pravo na pristup nekoj informaciji možete skinuti obrazac ili poslati poruku preko elektroničke pošte klikom na [email protected]. Mogu reći da je to jedan od rijetkih takvih linkova, ako ne čak i jedini.Na stranici ne postoji nikakva mogućnost prilagođavanja izgleda i pristupačnosti stranice.Ocjena ove stranice je 5, nije se problematično po njoj snalaziti, nema redundantnih linkova i ne pronalazite istu stvar dva puta na stranici, samo u drugačijoj formi. Ovako broj linkova nije prevelik i čisto jednostavno i relativno brzo se može doći do željene informacije.

Nakon objektivne procjene ove web stranice uz pomoć alata za procjenu pristupačnosti sadržaja na internetu Ocawa, sam alat je dao jednu primjedbu. Primjedba je da se oblikuju tablice koje se prikladno prikazuju.Provjerna točka 5.1. kaže da se za podatke u tablicama definiraju zaglavlja redova i stupaca.Na primjer, u HTML-u koristite TD da bi definirali ćelije i TH da bi definirali zaglavlja.Na liniji nedostaje legenda za tablicu s podatcima.Taj problem je uočen na liniji 296.

[line 00296] <table class="calendar">

37

mailto:[email protected]

Web stranica Ministarstva znanosti, obrazovanja i športahttp://www.mzos.hrOva internet stranica je uzeta u obzir iz razloga što postoji određeni broj slijepih osoba koje studiraju. Na stranicama maturanti mogu pronaći informacije o upisima i programima za neke fakultete. Studenti mogu pronaći u elektroničkom obliku natječaje za stipendije i provjeravati rezultate natječaja. Stoga smo smatrali opravdanim provjeriti pristupačnost ove stranice. Na stranici je u vrijeme procjene bilo ukupno sedamdeset i jedan (N=71) link, a slika 44. Prema mojoj procjeni 43 je bilo dobro opisano, alt tekst je bio korektan. Postojala je jedna slika koja je bila sporna. Kad bi čitač ekrana došao na tu sliku, najprije bi izrecitirao niz brojeva te bi završio s ekstenzijom koja je bila jpg. Kao takav, file je u procjeni, prema mom mišljenju, mogao biti svrstan u dvije kategorije. Jedna je da slika nema niti alt tekst niti smisleni naziv, a druga je da slika ima alt tekst koji je nedovoljno informativan. U ovu drugu kategoriju bi mogao upasti ako uzmemo u obzir cjelokupni kontekst stranice i s obzirom na to slika je mogla prikazivati Ministarstvo, odnosno zgradu institucije ili je mogla prikazivati samog ministra. Zbog tih kontekstualnih razloga slika je uvrštena u obje kategorije.Ostale slike koje su imale korektan alt tekst su u najvećem dijelu bile dio cjeline pojedinih vijesti. Svaka vijest i link koji vodi na nju je bila dio jednog headinga, a iznad tog linka je bio istovjetan grafički link. Kad bi se otvorila vijest,sama slika, odnosno grafički link bio je iznad teksta i nije kolidirao s njime. Nije predstavljao probleme pri čitanju. Jednako tako nije smetao pri navigaciji.Kao i kod većine prethodno provjeravanih stranica, postoji određeni broj redundantnih slikovnih linkova, no oni su svi u segmentu stranice gdje se nalaze vijesti. Iako bi meni bilo draže da se stavi jedan grafički slikovni link s dobrim alt tekstom.Kao što je slučaj s vijestima, odnosno da su sve grupirane u jednu cjelinu, takav pristup se vidi i na ostatku stranice što pregledavanje čini jednostavnim i neotežavajućim.Glede gumbova na stranici se na mjestu gdje sam ga navikao vidjeti, odnosno ispod polja za unos kriterija za pretragu ne nalazi gumb nego link. Taj link, odnosno vjerujem da je gumb koji je napravljen kao link, nije jasan. Naime na mjestu gdje bi čitač ekrana trebao izgovoriti «traži» ili «search», on kaže „this page link number“. Link je označen sa znakom za ljestve. Iako netko tko bi htio nešto pretražiti zna da se ispod edit polja uvijek nalazi gumb za traženje ovakav način obilježavanja tog gumba mi nije niti malo jasan. Prema tome sam u upitniku naveo da gumbi nisu dovoljno jasni.Za navigaciju se mogu koristiti standardne komande čitača ekrana, samo pritiskom na slovo «b» kursor se neće fokusirati na gumb za traženje, no pritiskom na slovo «e» će vas pozicionirati na polje za unos kriterija pretrage. Također pritiskom na slovo «h» ćete moći prilično brzo popratiti sve vijesti koje su na stranici i pronaći druge sadržaje koji su smješteni na neki drugi heading.Kad se na stranici uđe na neki link, sadržaj se ne postavi na vrh ekrana, no tome se doskače uz pomoć prečaca, no na čekanje da čitač ekrana sam počne čitati sadržaj toga linka ne treba proći puno vremena, nekih desetak sekundi. Taj sadržaj se otvori na otprilike dnu prve četvrtine stranice ispod tražilice.Nakon što se završi s pregledavanjem nekog od sadržaja, kursor se vrati na ono mjesto, odnosno link s kojeg se otvorio taj sadržaj. Na stranici nije bilo animacija, interaktivnih flash elemenata, glazbe pri otvaranju niti zvukova koji bi mogli omesti navigaciju. Međutim, na stranici postoje video zapisi koji imaju linkove i s kojih se mogu pregledavati, recimo, jedan od njih je «Hrvatska, zemlja znanja» s ekstenzijom gif. Otvaranjem tog video sadržaja, netko tko koristi hardwerski sintetizator govora može i dalje pregledavati stranicu bez ometanja, dok kod onih koji koriste softverski tu bi mogao nastati problem.

38

http://www.mzos.hr/

Sa stranice se mogu skidati sadržaji, pdf dokumenti. Jedan od njih je bio obrazac1.pdf i bio je u potpunosti čitljiv s pomoćnom tehnologijom. Uz njega sam pregledao još neke i svi su bili pristupačni. Prilikom otvaranja linkova za elektroničku poštu u svim isprobanim slučajevima se otvarao Outlook Express. Na stranici nije bilo nikakvih mogućnosti da se prilagođava izgled i pristupačnost.Ova stranica je dobila ocjenu 5 u subjektivnoj procjeni pristupačnosti. Jednostavno se mogao čitati sadržaj, navigacija po njoj je bila jednostavna i gotovo sa svim prečacima čitača ekrana moglo se surfati po njoj.

Alat za objektivnu procjenu pristupačnosti, Ocawa, na stranicu ima jednu primjedbu. Ta primjedba je vezana za „prioritet 1“. Primjedba se odnosi na to da je potrebno omogućiti tekstualni ekvivalent za svaki netekstualni element. U ovoj procjeni netekstualni elementi obuhvaćaju slike i grafičke prikaze teksta, uključujući simbole, na primjer, animirani gif.Preporuka je za ovu stranicu da se u HTML-u koristi „alt“ za img elemente, za sljedeću liniju:

92.Liniji nedostaje tekstualni ekvivalent za image.

[line 00092] <img border="0" src="images/iso.jpg" width="110" height="77"></td>

39

Web stranica Ministarstva obitelji, branitelja i međugeneracijske solidarnostihttp://www.mobms.hrNa stranicama ovog ministarstva u vrijeme kad se procjena radila bilo je 9 slika. Od tih slike velika većina, njih 7 je opisano s korektnim alt tekstom, dok su dvije sporne. Slike koje su bile sporne mogu se svrstati u kategoriju nedovoljno informativnog alt teksta i u kategoriju bez alt teksta, ali smisleno imenovaih pa se može razlučiti što se tu nalazi. Ova slika je informativna u slučaju ako se u obzir uzme kontekst u kakvom se okruženju nalazi. Slike su se nalazile u segmentu gdje su prezentirane vijesti i najave. Sporne grafike su bile iznad kratkog rezimea članka te se pritiskom na link „više“ moglo kontekstualno shvatiti da predstavlja ministricu u jednom od svojih posjeta. Kad se klikne na link“više“, otvara se neki od članaka na heading razini 1. Vrh članka je naslov vijesti, ispod toga se opet nalazi isti tekst samo na razini headinga i pretpostavljam da je to neka slika te dalje slijedi tekst članka. Unutar samog članka nema slika niti na dnu pa prema mojoj pretpostavci da se slika nalazi na vrhu članka, ispod naslova vijesti, može se zaključiti da slike ne utječu na način da bi mogle ometati čitanje. Redundantni slikovni linkovi ne ometaju navigaciju po stranici. Razlog tomu je što ih je maleni broj i u većini slučajeva se nalaze u segmentu najava i vijesti. Grupe linkova nisu porazbacane po stranici, već slijede definiranu strukturu pa ne ometaju snalaženje. Na stranici je jedan gumb koji je jasan i razumljiv. Taj gumb je „traži“, u sklopu tražilice. Na stranici je u to vrijeme bila anketa i svi radio buttoni koji su se nalazili na njoj su također bili dovoljno jasni. Također su bili dostupni preko prečaca čitača ekrana s Internet Explorerom. Prilikom otvaranja nekog od linkova u najvećem broju slučajeva novi sadržaj se ne otvara na vrhu stranice. Pozicioniran je negdje pri sredini, no ne treba dugo čekati da se vijest počne iščitavati preko čitača zaslona. Bilo koji link da se otvori, on je na heading razini 1 i pritiskom na brojku 1 kursor se fokusira na taj sadržaj koji trenutno bude pročitan. Nakon što se završi s pregledavanjem sadržaja, kad se vratimo na prethodnu razinu, kursor se pozicionira na onaj link s kojeg smo ga otvorili.Na stranici je bila prisutna jedna flash animacija koja nije predstavljala problem pri snalaženju . Drugih elemenata koji bi mogli ometati snalaženje, nije bilo na stranici. Pri tome mislim na glazbu pri otvaranjuu stranice ili nekih zvukova. Na stranici postoje sadržaji koji se mogu skinuti na osobno računalo. Oni na koje sam naišao su bili.doc formata i .mht formata. Wordovi dokumenti su najčešći, jedan od njih je Zagreb declaration.doc, a drugi „skinuti“ sadržaj je nacionalna populacijska politika.mht. Nije bilo nikakvih problema s pristupačnošću navedenih sadržaja. Na stranici postoji mnogo „send mail“ linkova, te svi oni otvaraju Outlook Express kad se otvore u namjeri slanja elektroničke pošte.Na stranici nema mogućnosti da se prilagodi izgled ili pristupačnost, no unatoč tome mislim da je stranica dovoljno pristupačna slijepim osobama, nema puno grafike i sadržaja koji bi mogli smetati pri čitanju ili pretraživanju. Sviđa mi se rješenje s headinzima koji omogućavaju brže pretraživanje i pregledavanje sadržaja. Jedine male zamjerke su bile te da dvije slike nisu adekvatno obilježene da bi zadovoljile kriterije smjernica za pristupanje sadržajima mreže. No, neovisno o tom malom nedostatku stranica je dobila ocjenu pet, potpuno pristupačna. Usability stranice je sasvim u redu i na određene dijelove istog dao sam osvrt u procjeni.

Alat za objektivnu procjenu pristupačnosti, Ocawa, na stranicu ima jednu primjedbu. Ta primjedba je vezana za „prioritet 1“. Primjedba se odnosi na to da je potrebno omogućiti tekstualni ekvivalent za svaki netekstualni element.

40

http://www.mobms.hr/

U ovoj procjeni netekstualni elementi obuhvaćaju slike i grafičke prikaze teksta, uključujući simbole, na primjer, animirani gif.Preporuka je za ovu stranicu da se u HTML-u koristi „alt“ za img elemente, za sljedeću liniju:

70.Liniji nedostaje tekstualni ekvivalent za image.

[line 00070] <NOSCRIPT><IMG SRC="templates/mobms/images/header.gif" WIDTH="460" HEIGHT="82" BORDER=0></NOSCRIPT>

41

Web stranica katastrahttp://www.katastar.hrOva stranica prilikom otvaranja, odnosno njena naslovnica je obećavala. Na njoj je bila jedna slika i ona je imala korektan alt tekst. Na stranici ima sveukupno 55 linkova, od toga je 21 „on mouse over“ link koji otvara sve županijske katastarske urede koji se nalaze na tom linku. Ti linkovi su poredani po abecednom redoslijedu. Niže od te liste linkova je tekst dobrodošlice te se nakon njega nalazi opet lista redundantnih grafičkih linkova, no ti linkovi su posloženi na način da je prvi od njih link za Vukovar, te je posljednji, nakon Dubrovnika, Zagreb. Što se tiče prethodne liste na nju se fokus kursora pozicionira pritiskom na tipku slova L. Na vrhu stranice je polje za upis dijela imena katastarske općine te ispod njega jedan od gumbova na stranici, „traži“ koji je jasan i nedvosmislen. Kad se u polje upiše željena katastarska općina, tražilica rezultat prikazuje u samom dnu ekrana, no čitač zaslona ga interpretira isti trenutak. Rezultat navodi koja je to katastarska općina u formi linka i ispod toga ispostava katastra. U ovoj mojoj pretrazi katastarska općina je bila Tkon, a ispostava Biograd na moru. Kad sam kliknuo na link „Tkon“ otvorila se stranica: http://www.katastar.hr/dgu/papl.php?so=300853&ff=0.Sadržaj se otvorio na dnu ekrana i imao sam mogućnost da u polje za upis upišem broj čestice ili posjedovnog lista. Mislio sam: super. No, onda sam naišao na problem. Na stranici je potrebno u još jedno polje ispod prepisati kontrolni broj koji služi za vizualnu verifikaciju. Uz pomoć standardnih komandi čitača ekrana taj broj nije mogao biti interpretiran. Pokušao sam upotrebom Jaws-ovog kursora. On u čitaču ekrana koji ja koristim ima funkciju simulacije miša, odnosno omogućava prikaz stanja na ekranu u cijelosti. Međutim, ni uporabom takve funkcije čitača ekrana koja zahtijeva posebne vještine, nisam uspio pronaći sličicu koja se odnosi na vizualnu verifikaciju. To što su dva gumba koja se nalaze ispod, dobro i jasno označena, „Katastarska čestica „ i „Posjedovni list“ ja ipak nisam mogao pristupiti željenom sadržaju. Kako bi ovu stranicu učinili pristupačnom svima, sada su zakinuti slijepi surferi, mogla bi se napraviti sljedeća stvar. Kod nekih stranica koje zahtijevaju vizualnu verifikaciju, poput windows live stranice, postoji mogućnost da se verifikacija prezentira kao zvučna sekvenca. Naime, isti broj ili niz znakova koji uključuje slova i brojke, koji populaciji slijepih nisu pristupačni, prezentiraju se u zvučnom formatu na način da se u trajanju od nekih desetak sekundi uz mnoštvo šumova i distorziranih zvukova u određenom vremenskom razmaku mogu čuti vizualno prezentirani znakovi. Slijepa osoba upamti takve elemente i upiše ih u za to predviđeno polje te se pristupa secure connection sadržaju, odnosno željenoj informaciji.Nemogućnost pristupanja za ovu stranicu najbitnijoj informaciji dovela je do toga da ova stranica bude ocijenjena kao nepristupačna.U ovom slučaju broj i lokacija slika na stranici puno onemogućuju pretraživanje. Gore navedeni redundantni grafički linkovi ne ometaju navigaciju po stranici. Prethodni opis toga kako su linkovi posloženi govori u prilog tome da njihova struktura ne ometa snalaženje po stranici. Sve do dijela za upis kontrolnog broja, moglo se koristiti standardne komande čitača ekrana za navigaciju, no ni posebne vještine nisu pomogle da dođem do željene informacije.Glede navigacije po stranici, korisnicima početnicima bi mali problem mogli predstavljati «on mouse over» linkovi, no korisnicima koji neko vrijeme pretražuju i surfaju, to neće biti smetnja.Nakon što se završi s pregledavanjem linkova kji se nalaze u dnu stranice, kursor se vraća na mjesto s kojega se krenulo.Na stranici nema animacija, flash elemenata, glazbe i zvukova koj bi mogli ometati snalaženje po stranici, no problem koji je najveći je već naveden. Kako odgovoriti na ovo pitanje o sadržajima koji se mogu skinuti sa stranice? Nisam siguran, vjerojatno se nešto može skinuti, ali slijepim korisnicima taj sadržaj je nedostupan. Na stranici u njenom samome dnu se nalaze dva send mail linka. Jedan se odnosi na postavljanje pitanja, dok je drugi „primjedbe i sugestije“. Nakon što se završi s istraživanjem

42

http://www.katastar.hr/dgu/papl.php?so=300853&ff=0


na taj mail, koji otvara Outlook, zasigurno će se poslati izvještaj zbog nepristupačnosti. Na ovaj dio teksta, točnije posljednju riječ, nadovezuje se odgovor na posljednje pitanje u upitniku, vezano za postojanje mogućnosti prilagodbe. Naravno, kako je stranica nepristupačna i nije za očekivati da bi takva mogućnost bila uzeta u obzir.S obzirom na gore navedene činjenice ocjena pristupačnosti stranice, točnije rečeno nepristupačnosti je jedan!

Kako je na ovoj stranici u jednom njenom segmentu uočen veliki problem, objektivnom evaluacijom se provjerila naslovnica(http://www.katastar.hr) i najsporniji dio te stranice (http://www.katastar.hr/dgu/papl.php?so=337102&ff=0 )

Objektivni alat za procjenu stranice Ocawa, na stranicu http://www.katastar.hr ima 38 primjedbi. Te primjedbe su vezane za „prioritet 1“. Svih 38 primjedbi se odnose na to da je potrebno omogućiti tekstualni ekvivalent za svaki netekstualni element. U ovoj procjeni netekstualni elementi obuhvaćaju slike i grafičke prikaze teksta, uključujući simbole, na primjer, animirani gif.

Preporuka je za ovu stranicu da se u HTML-u koristi „alt“ za img elemente, za sljedeće linije: ligne1233, 1223, 1206, 1205, 1193, 1187, 1174, 1167, 1162, 1141], 1028, 809, 802, 797, 763, 762, 757.

[line 00757] <td><img src="images/hd_1.jpg" width="964" height="75"></td> [line 00762] <td width="536"><img src="images/preglednik_podataka.gif" width="500" height="59"></td> [line 00763] <td align="right" valign="self" style="padding-self:6px;"><img src="images/crta.gif" width="404" height="28"><br> [line 00797] <td style="background-repeat: no-repeat; background-position: 0px 3px;"><img src="images/bijeli.gif" width="232"height="3"></td> [line 00802] <td width="30" align="right" style="padding-right:8px;"><img src="images/uli.gif"></td> [line 00809] <td height="3" valign="self"><img src="images/bijeli.gif" width="232" height="3"></td> [line 01028]

<img src="images/karta/k99_1.gif" name="Image1" width="300" height="294" border="0" usemap="#Map" id="Image1"> [line 01141] <td align="left" valign="self" style="padding-left:2px;"><img src="images/crta_460.gif" width="460" height="1"></td> [line 01162] <td><img src="images/slika_2.jpg" width="232" height="249"></td> [line 01167] <td width="30" align="right" style="padding-right:8px;"><img src="images/uli.gif"></td> [line 01174] <td valign="self"><img src="images/prozirni.gif" width="232" height="3"></td> [line 01187] <td width="30" align="right" style="padding-right:8px;"><img src="images/uli.gif"></td> [line 01193] <td><img src="images/prozirni.gif" width="232" height="3"></td> [line 01205] <td><img src="images/li_crveni.gif"> <a href="mailto:[email protected]" class="left">Uputite pitanje</a><br> [line 01206] <img src="images/li_crveni.gif"> <a href="mailto:[email protected]" class="left">Primjedbe i sugestije</a></td> [line 01233] <td><img src="images/crta_460.gif" width="964" height="1"></td>

43

Ocawa je uočila sljedeće nedostatke, koji zahtijevaju da se omogući više tekstualnih hiperveza za svaku aktivnu regiju na image map na strani poslužitelja za sljedeće linije:1111, 1107, 1103, 1099,1095,1091, 1087, 1083, 1079,1075, 1071, 1067, 1063, 1059, 1055, 1051, 1047, 1043, 1039], 1035, 1031.

[line 01031] <area shape="poly"

coords="292,89,279,85,269,71,257,78,251,86,252,97,258,97,264,109,273,112,277,106,278,95" href="#vukovarska" [line 01035] <area shape="poly" coords="224,54,229,63,222,73,232,78,232,87,238,90,252,90,250,85,268,72,275,69,268,65,267,45,259,44,247,56,224,54"href="#osjecka" [line 01039] <area shape="poly" coords="222,55,210,49,207,44,198,44,192,40,186,46,199,59,203,60,202,68,217,73,222,73,228,63"href="#viroviticka" [line 01043] <area shape="poly" coords="232,79,221,73,205,68,201,71,177,72,188,82,200,79,213,87,215,93,222,86,231,86"href="#pozeska" [line 01047] <area shape="poly" coords="252,99,251,94,253,89,244,87,238,89,223,86,215,91,200,80,191,80,186,89,208,96,212,95,221,101,229,95,236,98,241,96"href="#brodska" [line 01051] <area shape="poly" coords="204,59,199,59,177,40,175,35,170,38,168,51,160,54,164,62,172,65,177,74,179,69,201,71"href="#bjelovarska" [line 01055] <area shape="poly" coords="131,73,129,74,129,78,126,81,127,91,137,90,141,98,152,103,154,97,157,95,159,90,165,89,173,92,177,87,185,90,188,83,174,73,175,70,171,64,164,62,159,67,152,63,147,66,144,63,140,67,142,72,134,75,130,74"href="#sisacka" [line 01059] <area shape="poly" coords="193,40,187,31,175,20,153,33,153,37,166,45,168,37,174,34,186,47" href="#koprivnicka" [line 01063] <area shape="poly" coords="173,17,168,16,165,11,160,11,153,6,147,9,153,19,170,20,173,20" href="#medimurska" [line 01067] <area shape="poly" coords="170,21,154,20,148,17,143,15,131,23,137,29,146,28,147,36,151,40,152,33,164,27,171,22"href="#varazdinska" [line 01071] <area shape="poly" coords="147,36,148,28,146,26,137,29,131,23,121,25,118,32,124,43,128,41,134,47,143,42"href="#zagorska" [line 01075] <area shape="poly" coords="133,73,121,66,115,67,109,54,103,59,109,62,104,66,107,74,102,75,96,87,91,84,89,94,94,99,99,96,107,103,111,110,123,108,127,92,126,81,129,74"href="#karlovacka" [line 01079] <area shape="poly" coords="101,78,89,71,83,74,72,61,62,73,50,73,54,95,54,130,69,139,77,120,84,101,94,97,89,94,91,85,96,88"href="#primorska"

44

[line 01083] <area shape="poly" coords="54,96,55,79,50,73,45,70,39,75,22,70,27,97,38,117,44,116,52,105" href="#istarska" [line 01087] <area shape="poly" coords="142,140,137,129,131,121,123,109,111,109,99,98,85,101,86,125,77,123,84,135,91,133,101,145,106,142,120,152,125,150,125,143,131,138"href="#licko-senjska" [line 01091] <area shape="poly" coords="145,155,142,140,132,138,125,142,126,149,120,150,106,142,100,145,90,135,69,144,97,176,113,176,123,177,129,171,126,168,134,161,142,164,143,157"href="#zadarska" [line 01095] <area shape="poly" coords="160,170,146,156,143,157,142,164,134,161,126,168,128,172,123,177,114,176,99,178,135,203,140,198,137,196,143,189,152,188,156,181,151,174"href="#sibenska" [line 01099] <area shape="poly" coords="198,226,203,220,193,203,161,170,151,174,156,180,151,188,143,189,136,201,135,235,191,226,198,227"href="#splitska" [line 01103] <area shape="poly" coords="254,271,248,256,241,258,217,237,211,224,201,222,198,228,164,231,155,250,198,250,249,270"href="#dubrovacka" [line 01107] <area shape="poly" coords="146,50,142,43,134,47,130,52,128,61,136,64,137,59" href="#zagreb"[line 01111] <area shape="poly" coords="167,46,152,39,147,36,143,43,147,50,136,63,128,60,130,51,134,46,128,42,122,43,123,51,117,49,111,54,116,67,125,70,131,71,133,75,141,72,139,67,145,64,146,67,151,64,160,67,164,61,159,54"href="#zagrebacka"

Na slične probleme i preporuke naišli smo procjenom sporne stranice http://www.katastar.hr/dgu/papl.php?so=337102&ff=0. Ocawa na taj dio ima 10 primjedbi. Ocawa je pronašla 10 primjedbi, one su vezane za „prioritet 1“. Primjedbe se odnose na to da je potrebno omogućiti tekstualni ekvivalent za svaki netekstualni element. Odnosno, na sljedećim linijama nedostaje alternativni tekst: 419, 399, 367, 122, 119, 112, 107, 73, 70, 65.

[line 00065] <td><img src="images/hd_1.jpg" width="964" height="75"></td> [line 00070] <td width="536"><img src="images/preglednik_podataka.gif" width="500" height="59"></td> [line 00073] <td align="right"><img src="images/crta4.gif" width="404" height="28"></td> [line 00107] <td><img src="images/bijeli.gif"></td> [line 00112] <td width="30" align="right" style="padding-right:8px;"><img src="images/uli.gif"></td> [line 00119] <td height="3" valign="self"><img src="images/bijeli.gif" width="232" height="3"></td> [line 00122] <td bgcolor="#FFFFFF" style="padding-bottom:3px;"><img src="images/karta-m/k13_1.gif" width="232" height="233"></td> [line 00367] <td width="90" align="left" valign="self"><img src=getrnd.php></td> [line 00399] <td style="padding-left:55px;"><img src="images/crta_460.gif" width="460" height="1"></td> [line 00419] <td><img src="images/crta_460.gif" width="964" height="1"></td>

45


Web stranica Hrvatskih željeznicahttp://www.hznet.hr

Na ovoj stranici postoji 9 slika. Sve do jedne su dobro tekstualno opisane, odnosno alt tekst je korektan. Znači da nema slika koje nemaju jasan alt tekst ili da nisu obilježene.Te slike su u stvari grafički linkovi, tako da ne ometaju čitanje. Ti grafički linkovi nisu redundantni nego su jedinstveni linkovi koji vode na pojedine cjeline, recimo „HŽ PUTNIČKI PRIJEVOZ“. Znači da na stranici ne postoje redundantni grafički linkovi već su svi linkovi grafičkoga tipa. Dobra strategija jer nema pretjerano puno linkova i lako se i brzo kretati po stranici.Ono što sam htio reći da redundantni grafički linkovi ne smetaju. Llinkovi nisu razbacani tako da je pretraživnje u ovome dijelu solidno, a linkovi su poredani po skupinama i skupine su dobro kategorizirane. Malo usporava pretraživanje to što se otvaranjem jednog linka podstranica otvori negdje pri dnu i ono što mi je bilo problematično jest da se prilikom vraćanja na naslovnicu kursor ne pozicionira na link s kojeg je podstranica otvorena.Jedini gumb koji se nalazi na stranici je „UPIT“. On se nalazi ispod dva edit polja. Prvo je polje gdje se upisuje polazište, a drugi je dolazni kolodvor. Nakon što se klikne na gumb „upit“, otvara se nova stranica, vozni red, i to u novome prozoru gdje se ponovo mora upisati dolazni kolodvor, nakon toga se otvara stranica koja daje informacije o putovanju, znači sve postaje na kojima vlak staje i vrijeme kada s nje kreće dalje. Na kraju je ukupno vrijeme trajanja putovanja, no nema izračuna karte. Ono sto je bilo konfuzno i zbunjujuće jest to što se na podstranici «izračun cijene karte» ne može lako dobiti informacija, tj. previše vremena i pokušaja i pogrešaka je trebalo da bi se dobio izračun cijene karte. Pokušao sam opet izračunati neki drugi smjer, no nisam uspio. Problematično je bilo to što ima veliki broj check boxova s velikim brojem mogućnosti unutar svakoga. Isti check boxovi se ponavljaju više puta što stvara konfuziju, odnosno mislim da bi bilo prilično olakšavajuće za slijepe korisnike da je cijeli formular odvojen tekstualnim opisom svakog input fielda i to bar s jednom do dvije linije ili teksta ili blank razmaka. Na taj način se input fieldovi ne bi preklapali i pregledavanje cijele tablice za izračun bi bilo učinkovitije i brže, tj. ne bi se trebalo toliko šetati gore-dolje po izračunu dok se ne pogode kriteriji koji se trebaju zadovoljiti da bi se dobio konkretan izračun cijene karte za vlak.U najvećem dijelu stranice za snalaženje su dovoljne standardne komande čitača ekrana, no kod forme za izračun karata morao sam često posezati za „Jaws“ kursorom kako bi uspio izračunati cijenu karte.Stranica je dizajnom prilično jednostavna i nema animacija, interaktivnog flasha, glazbe pri otvaranju stranice i zvukova koj bi mogli ometati navigaciju po njoj. Na stranici sam naišao na nekoliko dokumenata u pdf-u. Nakon što sam ih skinuo na računalo sve do jednoga sam uspio pročitati, što znači da su svi pdf dokumenti bili s digitalnim tekstom.Svi linkovi za kontakt na stranici otvaraju Outlook Express program za elektroničku poštu.Na stranici nema mogućnosti prilagođavanja izgleda ili nekog alternativnog prikaza koji bi utjecao na poboljšanje pristupačnosti. Na stranici nisu označili headinge, u redu to mi je razumljivo jer nemaju neku veliku količinu vijesti. Od prečaca čitača ekrana za rad u Internet Exploreru, jedino frunkcioniraju slovo P koje omogućava navigaciju po paragrafima, B koji fokus prebacuje na gumbe i slovo E koje omogućava skakanje s jednog edit polja na drugo. Većina stvari se može pretraživati pomoću strelice gore i strelice dolje.S obzirom na probleme koje sam imao prilikom pokušaja da izračunam cijenu karte i s obzirom da je to i najbitnija informacija koju ova stranica može ponuditi, moj dojam je da je

46


snalaženje otežano, ali moguće. No zbog utrošenog vremena radije ću nazvati 060333444 i na taj način željenu informaciju dobiti puno brže.

Nakon objektivne procjene ove web stranice, uz pomoć alata za procjenu pristupačnosti sadržaja na internetu „Ocawa“, sam alat je dao jednu primjedbu. Primjedba je da se osiguraju informacije o kontekstu i orijentaciji. Osiguravanje tako pristupačnog sadržaja omogućuje korisnicima lakše razumijevanje složenijih stranica i elemenata.Potrebno je prema preporuci 12.1 nasloviti svaki okvir, na primjer u HTML-u bi bilo dobro koristiti "title" atribut FRAME elemenata. Ta primjedba se odnosi na liniju

[line 00006] <IFRAME frameBorder=0 height="100%" src="http://www.hznet.hr/iSite3/default.aspx" width="100%"></IFRAME>

Zbog problematičnosti koje su pronađene pri izračunavanju cijene karata objektivno je procijenjen i taj segment stranice (http://vred.hznet.hr/hzinfo/?category=hzinfo&service=cijk3).„Ocawa“ je dala jednu primjedbu. Primjedba je da se oblikuju tablice koje se prikladno prikazuju.Provjerna točka 5.1. kaže da se za podatke u tablicama definiraju zaglavlja redova i stupaca.[Na primjer, u HTML-u koristite TD da biste definirali ćelije i TH da biste definirali zaglavlja.Na liniji nedostaje legenda za tablicu s podatcima.

[line 01239] <TABLE width=100%>

47

http://vred.hznet.hr/hzinfo/?category=hzinfo&service=cijk3

http://vred.hznet.hr/hzinfo/?category=hzinfo&service=cijk3

Web stranica Autobusnog kolodvora Zagrebhttp://www.akz.hrŠto se tiče slika kako je navedeno u tablici subjektivnog procjenjivanja, prisutna je količina od deset uočenih komada.Na stranici je nekolicina slika koje su dobro tekstualno opisane, znači da je alt tekst korektan, točnije 3. To se odnosi na slike «grb grad Zagreba» i na vijesti. Još jedna od takvih slika je „image Šibensko kninska županija“ koja se nalazi pod rubrikom „aktualno“.Slika koja je nedovoljno informativna, ali se da razlučiti smisao je Info 2 koji je dio aktualnosti, to jest druga stranica vijesti i događanja. „free web counter“ spada u kategoriju slika koje nemaju alt teksta, ali su smisleno imenovane pa se da razlučiti što je na slici ili što bi na njoj moglo biti.Postoji nekolicina linkova, točnije pet, koji su imenovani, ali nikako se ne može shvatiti što bi to trebalo predstavljati. Jedan od takvih slika je grafički link „pfeilkaestchen“ .Slike koje su umetnute na stranicu ne ometaju čitanje teksta i iz razloga što ih je malo ne stvaraju poteškoće pri navigaciji. Što se tiče linkova na stranici nema redundantnih slikovnih linkova i ne smetaju pri navigaciji. Grupe linkova su dobro strukturirane te tako uređene ne stvaraju poteškoće pri navigaciji. Gumba na ovoj stranici nema. Informacija koja je bitna na ovoj stranici jest informacija o voznim redovima autobusa, a nalazi se na linku "vozni red“. Ovdje nastaju mali problemi. Zbog načina na koji je taj pretraživač koncipiran na tom dijelu stranice se mora koristiti posebnim vještinama. Pošto je to pretraživanje rađeno u Jawi, slijepa osoba koja je početnik jednostavno ne može dobiti apsolutno nikakvu informaciju. Da bi se ipak došlo do željene informacije, da bi tražilica uopće funkcionirala, treba instalirati Jawu. Na stranici autobusnog kolodvora postoji link „pfeilkaitschen“ Kada otvorite taj link, na istoj stranici će se ispod linka koji ste otvorili naći link „macromedia flashplayer“. Taj link će vas preusmjeriti na sljedeću stranicu http://get.adobe.com/flashplayer/. Kad se instalira ponuđeni program, slijepa osoba opet ne može ni uz pomoć "Jaws" kursora i dovijanja iznaći dobru informaciju, odnosno gotovo nikakvu. Da bi se mogao pregledavati taj sadržaj, morate instalirati "acess bridge" s URL-a: http://java.sun.com/javase/technologies/accessibility/accessbridge/. Tek kad instalirate taj program, moći ćete kao slijepa osoba pristupiti voznom redu. Međutim to će se morati odraditi s upotrebom Jaws-ovog kursora, left mouse buttona koji se nalazi na tipki „slash“na numeričkom dijelu tipkovnice te će se morati još i virtualizirati prozor. Takav način navigacije nije poznat početnicima, a vjerujem da i velik dio korisnika računala u svijetu slijepih koji ga rabe preko nekoliko godina, također neće imati sreće s ovom stranicom gdje je vozni red. Prema tome za navigaciju po ovome dijelu stranice moraju se poznavati posebne vještine, standardne nisu dovoljne.Kad se na stranici uđe na neki link, sadržaj se ne postavi na vrh ekrana, ali kad se s njega izlazi, znači završeno je s pregledom, kursor se vraća na link s kojega se krenulo s naslovnice. Na stranici se nalaze dvije flash animacije, smještene su na dnu stranice, no ne smetaju pri navigaciji. Drugih sadržaja koji bi možda mogli ometati pretraživanje poput glazbe ili zvukova na stranici, nema. Također se sa stranice ne mogu skidati nikakvi sadržaji poput doc, pdf ili html dokumenata.Outlook je program za elektroničku poštu koji će se otvoriti u slučaju da kliknete na neki od sendmail linkova.Na stranici nema mogućnosti za prilagođavanja izgleda i pristupačnosti. Stranica je dobila ocjenu 3 zbog toga što je otežano snalaženje po stranici, ali je ipak moguće. Najbitnija promjena koja bi se mogla napraviti jest ta da se vozni red napravi pristupačnijim za slijepe osobe. Na kraju krajeva taj sadržaj na stranici je i najbitnija informacija koja se može dobiti s nje. Kolodvor ima uslugu da osobe s invaliditetom prati do

48

http://get.adobe.com/flashplayer/

http://www.akz.hr/

perona, kupi im kartu, u biti nešto kao zemaljska stjuardesa na aerodromu i da se malo redizajnira stranica kolodvor bi se mogao podičiti osobinom jedinoga potpuno pristupačnog autobusnog kolodvora u regiji.

Na ovu stranicu alat za objektivnu procjenu „Ocawa“ ima sedamnaest primjedbi. Primjedbe sugeriraju da se osiguraju tekstualni ekvivalenti netekstualnih elemenata. Recimo da bi sadržaj bio pristupačan kad bi se koristio „Alt“ „longdesc“ ili opis elementa. Na ovoj stranici postoje dvije skupine problema, image kojima nedostaje „alt“ i objekti kojima nedostaje alternativa.

Linije u kojima nedostaje „alt“ za image: 569, 531, 526, 521, 469, 468, 467, 460, 459, 447, 436, 434, 423, 378,378.

[line 00569] <p align="right"><span class="style74">Search powered by <a href="http://www.google.hr"><img src="google.jpg" width="42" height="15" border="0"> </a></span> </p> [line 00531] <p align="center" class="style64 style69"><a href="sibensko_kninska/default.htm"><img src="images/sibensko_kninska.jpg" width="300" height="224"border="0"></a> </p> [line 00526] <p><span class="style81"><img src="STRANICA2_files/STRANICA2_bullet.gif" width="20" height="15" />Redovni smo član Asocijacije kolodvoraEurope.</span></p> [line 00521] <p align="left"><img src="STRANICA2_files/STRANICA2_bullet.gif" width="20" height="15"><span class="style81">Autobusni kolodvor Zagrebprateći segment dizajna internet stranica koji se frekventno mijenja, pristupio je i u 2006. godini</span> </p> [line 00469] <p align="left"><a href="#"><img src="pfeilkaestchen.gif" width="9" height="9" border="0"></a> <a href="http://www.akz.hr/Turisticke_informacije.htm"> Turističke informacije</a> </p> [line 00468] <p align="left"><a href="#"><img src="pfeilkaestchen.gif" width="9" height="9" border="0"></a> <a href="http://www.akz.hr/Linkovi.htm"> Turizam</a> • Turističke linije</p> [line 00467] <p align="left"><a href="#"><img src="pfeilkaestchen.gif" width="9" height="9" border="0"></a><a href="http://www.akz.hr/Linkovi.htm"> Prijevoz</a> • Prijevoznici partneri </p> [line 00460] <p align="center" class="style147"><img src="tel_icon.gif" width="23" height="23">24 sata dnevno </p> [line 00459] <p align="center" class="style64 style69"><a href="Informacije.htm"><img src="Info2.gif" width="154" height="145" border="0"></a></p> [line 00447] <p align="center"><a href="http://www.zagreb.hr"><img src="Zagreb-grb.gif" width="75" height="83" border="0"></a></p> [line 00436] <p><a href="#"><img src="pfeilkaestchen.gif" width="9" height="9" border="0" /></a> <a href="http://www.akz.hr/KGP.htm">Arhiva ( predstavljanjai izlo¾be )</a> </p> [line 00434] <p><a href="#"><img src="pfeilkaestchen.gif" width="9" height="9" border="0" /></a><a href="sibensko_kninska/default.htm" target="_blank">

49

<strong> Kulturno-gospodarsko predstavljanje: ©IBENSKO-KNINSKA ®UPANIJA » sa otvaranja izlo¾be.</strong></a></p> [line 00423] <p><a href="http://www.zagrebackiholding.com" class="style107"></a><a href="http://www.zagrebackiholding.com"><img src="ZH_logo.jpg"width="120" height="38" border="0" /> </a></p> [line 00378] <div align="right"><span class="left"> <img src="STRANICA3_files/STRANICA3_Logo.gif" editor="Webstyle4" moduleid="STRANICA 2 (Project)\STRANICA3_Logo.xws"border="0"></span> <span class="right"> <img src="Index_files/Index_heading3.gif" editor="Webstyle4" moduleid="STRANICA 2 (Project)\Index_heading3.xws" border="0"></span>

Linije u kojima nedostaje alternativa za objekt: 487, 474.

[line 00487] <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"width="141" height="130"> [line 00474] <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0"width="119" height="105">

50

Web stranica Jadrolinijehttp://www.jadrolinija.hr

Prilikom otvaranja stranice i pregledavanja sadržaja na stranici sam uočio devet slika. Od toga broja jedna je korektno opisana. To je grafički link za on-line booking. Od ostalih kategorija nema slika kojima je tekst nedovoljno informativan i onih koje nemaju alt tekst, a niti smisleni naziv. U skupinu neoznačenih slika , bez alt teksta ali koje imaju smisleni naziv spada 8 elemenata. Uzimajući u obzir da na ovoj stranici i nema previše teksta niti slika, već su to uglavnom plovidbeni redovi duž obalnih i međunarodnih linija, baš i nije bilo previše teksta kao ni slika koje bi možda mogle kolidirati s čitanjem. Broj i lokacija na kojima su slike također nije ometala navigaciju.Redundantni linkovi na stranici ne smetaju. No ti redundantni linkovi su tree arrow up, ispod kojih se nalazi link koji je tekstualno opisan. Oba takva tipa linkova se ne otvaraju na vrhu stranice, već ispod linka otvaraju njegov sadržaj. Kad kliknete na neki od ponuđenih linkova, sadržaj se otvara na dnu stranice. S obzirom na to da na naslovnici postoji trideset i šest linkova ne treba previše skrolanja da se dođe do novootvorenog sadržaja. Pošto su većinom tree arrow linkovi nije moguće da se vraćanjem uz pomoć backspacea vratite na otvoreni link, već se to mora učiniti na način da se vratite na link s kojega ste krenuli, koji je sad promijenio izgled u u tree arrow down i klikom na njega se zatvara otvoreni sadržaj. Kako se ne bi skrolalo sve do gore , do otvorenog sadržaja, prečac čitača ekrana - slovo V - korisnika će vratiti na pretražene sadržaje te pritiskom na tipku „enter“ zatvorit će se taj sadržaj. Linkovi su grupirani na korektan način i koncepcija „padajućih linkova“ mi se sviđa jer linkovi nisu razbacani po stranici i nema ih preveliki broj. Gumbi su jasni i s njima sam se susretao na linku on line booking. Taj link vodi surfera na mogućnost bukiranja duž obalnog plovidbenog reda, što uključuje linije od Dubrovnika do Pule s linijama u Italiji. Kad se postave svi zadani parametri poput polazne i dolazne luke, datuma i dvosmjerne ili jednosmjerne karte, forma vas vodi dalje gdje izabirete način putovanja, usluge, brodove i vrstu karte čekiranjem raznih check boxova. Pritiskom na dobro označeni gumb naprijed otvara vam se prozor u kojem se morate logirati, postaviti password i šifru te ostaviti e-mail adresu kako bi vam se password i šifra potvrdili, te vas to potom, vjerujem, vodi na mogućnost plaćanja kreditnom karticom i završetak bukiranja. Sva polja za upis podataka su bila jasna i bilo je relativno mali broj takvih polja po razinama tako da me nije moglo zbuniti kao kod slične forme na stranici Hrvatskih željeznica.Na stranici u samome vrhu je prisutna jedna flash animacija dobrodošlice. Nije predstavljala nikakav problem prilikom navigacije.Drugih sadržaja koji bi možda mogli ometati pretraživanje poput glazbe ili zvukova na stranici nema.Na stranici su gotovo svi plovidbeni redovi dostupni za download u pdf-u. Svi su čitljivi uz pomoćne tehnologije.Tako se učinkovito i efikasno može dobiti željena informacija. Strategija da se za svaku liniju otvara jedan pdf, izuzetno je accessible jer u prošlosti to nije bilo tako, to jest, morao se skidati cijeli plovidbeni red te je čitanje tog pdf-a bilo izuzetno zahtjevno i naporno jer je bila riječ o tablici s velikim brojem redova, stupaca i ćelija.Ako se želi poslati neki upit, pritiskom na link e-mail za hrvatski jezik otvara se Outlook program za elektronočku poštu.Na stranicama ne postoji nikakva mogućnost prilagođavanja izgleda i pristupačnosti same stranice u svrhu olakšavanja pretraživanja.Stranica je prema kriterijima dobila ocjenu 5, što znači potpuno pristupačna stranica, međutim moja mala zamjerka je što na stranici nisu prisutni headinzi, što bi u jednome dijelu olakšalo surfanje po istoj.

51

http://www.jadrolinija.hr/

Nakon što je Ocawa, alat za objektivnu procjenu pristupačnosti, napravila analizu stranice, dobiven je izvještaj koji donosi dvije primjedbe. Obje primjedbe sugeriraju potrebitost tekstualnih ekvivalenata za netekstualne elemente. Preporuka je da se u HTML-u koristi "alt" za IMG, INPUT i APPLET elemente ili da omogućite tekstualni ekvivalent OBJECT i APPLET elemenata.

Na sljedećoj liniji nedostaje alternativa za objekt:

[line 00056] <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0"width="770" height="80" VIEWASTEXT>,

dok na sljedećoj nedostaje alternativa za input image: [line 00489] <input type="image" name="imgLogin" id="imgLogin" src="images/icons/system/loginKey.gif" alt="" align="AbsBottom" />.

52

Web stranica Croatia Airlineshttp://croatiaairlines.hrNa stranicama domaće zrakoplovne kompanije u vrijeme procjene je bilo jedanaest slika. Četiri slike su bile dobro tekstualno opisane, a 7 slika nema ni alt tekst, niti smisleni naziv.Takve slike koje su imenovane su grafički linkovi, jedan tekst je Croatia Airlines, što na mjestu na kojem se nalazi predmnijeva da je to logo tvrtke ili slika koja ima veze s uslugama s kojima se ova tvrtka bavi. Ostalih 7 slika koji su u grupi slika bez alt teksta su također grafički linkovi. Razlog zbog kojeg sam ih svrstao u ovu kategoriju jest taj što su ti linkovi bili obilježeni sa znakovima poput „>“ ili“<“. Linkovi toga tipa kao takvi ne govore previše o sadržaju koji se tu može naći, no ako u obzir uzmemo da je iznad tako obilježenih linkova „on mouse over“ link koji ima korektan alt tekst, smještanjem u kontekst može se naslutiti što će se otvoriti klikanjem na takav link. U najvećem broju slučajeva neadekvatno obilježeni linkovi su otvarali sadržaj koji bi odgovarao tekstualno obilježenom „on mouse over“ linku, no postojali su i takvi linkovi koji bi otvarali sadržaj koji ne odgovara „on mouse over“ linku i tekstualnom ekvivalentu koji je potreban slijepim osobama za bolje snalaženje. Slike nisu umetane u tekst, bar prema onome što sam ja mogao susresti i ne ometaju praćenje teksta. Istovjetno tome, slike ne ometaju snalaženje po stranici.Na stranici nije bilo redundantnih slikovnih linkova i s obzirom na nepostojanje nije bilo moguće da bi ometali snalaženje po stranici. Jednako tako linkovi su bili dobro strukturirani, odnosno njihova lokacija i sistem na koji su grupirani, te također i takva njihova odlika nije utjecala na mogućnost ometanja navigacije slijepom korisniku. Na stranici nije bilo prisutnih gumba, iako se u formi izračuna karte nalazio jedan link „traži“. Prečac čitača ekrana, slovo B, koje služi tome da se fokus kursora stavi na mogući gumb koji je prisutan nije pronašao ništa, odnosno dao je informaciju da na stranici nema gumba. Kad smo kod dijela stranice na kojoj je moguće dobiti izračun karte za željene destinacije, mogu reći da sam prilično zadovoljan načinom na koji je urađen. Postoji nekolicina polja za upis destinacija i datuma, također postoje i radio buttoni koji se trebaju čekirati za pojedine opcije. Sva edit polja, kao i radio buttoni su dobro tekstualno obilježeni i nema mogućnosti da se preklapaju kao što je to bio slučaj sa stranicama Hrvatskih željeznica. Jedini problemčić što sam ja kao korisnik primijetio jest taj da se izračun karte nalazi na sredini stranice. Moj prijedlog je takav da bi možda bilo bolje da se poput Autobusnog kolodvora, forma za izračun karata otvara preko linka koji se otvara u novome prozoru. Iako je ovo rješenje koje je prisutno na stranici prilično pristupačno, jednostavnosti radi i zbog ljudi koji su početnici možda bi to rješenje bilo dobro jer oni ne poznaju dobro sve prečace čitača ekrana da bi im pretraživanje bilo brzo kao kod prosječnog korisnika, a o naprednim da i ne govorim. Kad se otvori neki od linkova, sadržaji se ne otvaraju na vrhu stranice, no kad se završi s pregledavanjem sadržaja, kursor se vraća na linkove s kojih se krenulo, osim u slučaju da govorimo „on-mouse over“ linkovima.Na stranici se nalazio 1 sadržaj tipa flash animacije, no on nije ni u kojoj mjeri utjecao na način da bi ometao navigaciju po stranici. Kao što je i uobičajeno kod svih prethodno procijenjenih stranica, ni na ovoj nema glazbe pri otvaranju stranice ili nekih zvukova koji bi mogli ometati navigaciju.Na stranici je moguće skinuti nekolicinu formulara, recimo jedan od njih je formular za izgubljenu kartu ili prtljagu. Formular je pdf dokument, radi se o tablici koja je u potpunosti čitljiva. Kako sam do sada nailazio na slične dokumente koji su bili lošije pristupačnosti od ovoga, mogu reći da je do sada ova tablica u pdf-u najpristupačnija od svih pregledanih. Prilikom otvaranja linka „kontakt“ ne otvara se Outlook Express, već forma. Forma kao takva je prilično pristupačna, ono što mi je bilo najviše u redu jest to da postoji combo box u kojem možete odabrati kojoj službi je upit namijenjen. To znači da ne morate surfati da biste našli ime ili e-mail adresu onog kome je e-mail namijenjen kao što je bio slučaj na stranicama

53

Ministarstva zdravstva i socijalne skrbi. Dalje upisujete svoje podatke i tekst onoga što ste mislili pitati ili izreći. Na kraju se nalazi link „pošalji“. Na stranicama ne postoji nikakva mogućnost prilagođavanja izgleda i pristupačnosti same stranice u svrhu olakšavanja pretraživanja.Stranica je prema kriterijima dobila ocjenu 5, što znači potpuno pristupačna stranica, male zamjerke su te da nisu prisutni headinzi na stranici što bi olakšalo pretraživanje i imalo učinka na brzinu navigacije. Još je tu prisutna i činjenica da se na stranici nalazi nekolicina „on mouse over“ linkova i dio njih je označen na način da bi neke slijepe osobe takav sadržaj mogao zbunjivati.

Nakon procjene ove stranice alat za subjektivnu procjenu Ocawa nije imao niti jednu primjedbu. To znači da i ova stranica udovoljava svim kriterijima koje sugeriraju smjernice za pristup sadržajima mreže kako bi one bile potpuno pristupačne svima.

54

Web stranica Hrvatske akademske i istraživačke zajednice (CARNet)http://www.carnet.hrOva stranica je uključena u procjenu iz razloga što je to bio prvi osiguravatelj i provajder za internet usluge u našoj zemlji. Kad se stranica otvori, navigacijom po njoj sam naišao na 10 slika. Od te količine, dvije su bile dobro tekstualno objašnjene. Jedna od njih je „CARNet logo“. Iako će netko možda reći da ovo spada u kategoriju slika kojima je tekst nedovoljno informativan, mislim da nema puno ljudi kojima je bitno to kako slika, odnosno ovaj logo izgleda. Na stranici je također bila prisutna i jedna slika koja nije imala alt tekst, ali je smisleno imenovana i dalo se razlučiti što je na slici. Sljedeći je primjer slika koja nema alt tekst i koja nije smisleno imenovana: „carnet_img/arrow_lft_sm“. Ovakvih slika na stranici je sedam.Slike kao takve ne utječu na praćenje teksta u negativnom smislu, jednako tako ne remete navigaciju po stranici.Na stranici nema redundantnih grafičkih linkova te ne mogu ometati pretraživanje. S obzirom na količinu linkova koji se nalaze na stranici i nepostojanje redundantnih grafičkih linkova koji bi slijepim osobama usporili pretraživanje, zadovoljan sam njihovim nepostojanjem. Grupe linkova nisu razbacane po stranici već su posložene po dobro organiziranim cjelinama. Što se tiče gumba, stanje na stranici je sljedeće. Ono na što sam najprije naišao jest tražilica, ispod edit polja se nalazi sljedeći linkcarnet_img/b_arrow_lft

Button nije označen kao kod velike većine stranica s oznakom «traži» ili pretraga button. To jest mala zamjerka jer smo svi navikli čuti već ustaljene imenovane butone, no korisnici računala svi mahom znaju da je ispod edit polja gumb za pretraživanje, no što s recimo novim korisnicima, za njih bi to moglo predstavljati problem jer on nije jasno označen.No, nakon klikanja na taj link otvara se nova tražilica, naravno u dnu zaslona. Svi dijelovi od combo boxova do gumba za pretragu su dobro označeni i ovaj dio tražilice je u potpunosti korektan te slijepa osoba s lakoćom može pronaći potrebne joj pojmove.Zbog toga što se u novoj tražilici koja se otvori stiskom na gore navedeni gumb i što su ti gumbovi jasno označeni, odgovor na pitanje u tablici subjektivne procjene za gumbe jest da su jasno opisani.Što se tiče pitanja: „Kad se na stranici uđe na neki link postavi li se sadržaj te stranice na vrh ekrana? (DA ili NE)“, tu je odgovor i da i ne jer se jedan dio podstranica otvara na vrhu stranice, odnosno fokus čitača zaslona je odmah na toj poziciji i on trenutačno počne čitati taj tekst. No, u slučajevima kad se radi o „mouse over“,linku, tada se otvori cijela lista podlinkova i onda se treba navigirati preko njih da bi se došlo do onog dijela teksta, odnosno sadržaja nekog linka koji je zanimao surfera. Na ovoj stranici takav način i mjesto gdje se otvara sadržaj je učestao, stoga je odgovor na pitanje: ne. Kad se otvori neki link, njegov sadržaj se ne otvara na vrhu stranice. No, kao i kod gotovo svih dosada procijenjenih stranica, nakon što se završi s tom stranicom prilikom zatvaranja, kursor se pozicionira na ono mjesto s kojega se krenulo. Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Na stranici se mogu skinuti različiti dokumenti. One koje sam ja primijetio su bili u word dokument formatu i u pdf-u. „HRTLD_D.pdf“ je jedan o pdf dokumenata koji sam skinuo na računalo i kao i svi drugi bio je potpuno čitljiv uz pomoć asistivne tehnologije koju koristim, odnosno čitača zaslona ekrana. O word dokumentima nemam što reći jer su svi čitljivi.

55

http://www.carnet.hr/

Prilikom otvaranja linka za slanje elektroničke pošte otvara se Outlook Express.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.

Stranica je prema mojoj procijeni pristupačna za slijepe osobe, stoga je generalna ocjena pet.

Međutim da su označeni headinzi koji bi odjeljivali određene cjeline, odnosno grupe sadržaja na stranici, bilo bi još lakše snalaziti se po njoj.

Na CARNnet-ovim stranicama Ocawa alat je dijagnosticirao stanje i ponudio šesnaest primjedbi.Smjernice naglašavaju: „Osigurajte sadržaj koji kad je predstavljen korisniku ima istu funkciju ili namjenu kao i auditivni ili vizualni sadržaj.“Preporuka 1.1. kaže: „Omogućite tekstualni ekvivalent za svaki netekstualni element (koristite, na primjer, "alt", "longdesc" ili opis elementa). Netekstualni elementi obuhvaćaju:slike, grafičke prikaze teksta (uključujući simbole), takozvane regije na image map, animacije (npr. animirani GIF), minijaturne aplikacije (applets) i programske objekte, ASCII umjetnost (ASCII art), okvire, skripte, ikone i slike upotrijebljene za tekstualne oznake, grafičke tipke, zvukove (puštane sa ili bez korisnikove interakcije), zasebne auditivne dokumente i video. [1. prioritet]

U HTML-u učinite, primjerice, sljedeće:“Za sljedeće linije nedostaju alternative za image:

[line 00293] <img src="/img/themes/cn/usluge/images/rss.png" width="14" height="14" />RSS izvori [line 00270] <li><img src="/img/themes/cn/usluge/images/footer-logo.png" /></li> [line 00243] <img src="/upload/javniweb/images/newsimg/773/logo.jpg" class="left"/> [line 00243]

<img src="/upload/javniweb/images/newsimg/773/logo.jpg" class="left"/> [line 00243] <img src="/upload/javniweb/images/newsimg/773/logo.jpg" class="left"/> [line 00235] <img src="/upload/javniweb/images/newsimg/776/cnt.jpg" class="left"/> [line 00235]

<img src="/upload/javniweb/images/newsimg/776/cnt.jpg" class="left"/> [line 00235] <img src="/upload/javniweb/images/newsimg/776/cnt.jpg"

class="left"/> [line 00214] <a href="/clanstvo_u_carnet_mrezi"><img src="/img/themes/cn/usluge/images/tmp/banner-clanstvo.png" border="0"/></a> [line 00214] <a href="/clanstvo_u_carnet_mrezi"><img src="/img/themes/cn/usluge/images/tmp/banner-clanstvo.png" border="0"/></a> [line 00213] <a href="/elektronicki_identitet"><img src="/img/themes/cn/usluge/images/tmp/banner-eid.png" border="0" class="mr5"/></a> [line 00212] <a href="http://www.dns.hr" target="_blank"><img src="/img/themes/cn/usluge/images/tmp/banner-dns.png" border="0"/></a> [line 00211] <a href="/cms_za_skole"><img src="/img/themes/cn/usluge/images/tmp/index-banner-1.png" border="0" class="mr5"/></a> [line 00211] <a href="/cms_za_skole"><img src="/img/themes/cn/usluge/images/tmp/index-banner-1.png" border="0" class="mr5"/></a> [line 00211] <a href="/cms_za_skole"><img src="/img/themes/cn/usluge/images/tmp/index-banner-1.png" border="0" class="mr5"/></a> 00212] <a href="http://www.dns.hr" target="_blank"><img src="/img/themes/cn/usluge/images/tmp/banner-dns.png" border="0"/></a> line 00211] <a href="/cms_za_skole"><img src="/img/themes/cn/usluge/images/tmp/index-banner-1.png" border="0" class="mr5"/></a>

56

[ligne 141] [line 00134] <img src="/img/themes/cn/usluge/images/blank.gif" id="cn-banner"/> [line 00134]

<img src="/img/themes/cn/usluge/images/blank.gif" id="cn-banner"/> [line 00134] <img src="/img/themes/cn/usluge/images/blank.gif" id="cn-banner"/> [line 00134] <img src="/img/themes/cn/usluge/images/blank.gif" id="cn-banner"/> [line 00126] <li><img src="/img/themes/cn/usluge/images/selfnav3-kockice.png" width="1" height="35" /></li> [line 00124] <li><img src="/img/themes/cn/usluge/images/selfnav3-kockice.png" width="1" height="35" /></li> [line 00122] <li><img src="/img/themes/cn/usluge/images/selfnav3-kockice.png" width="1" height="35" /></li> [line 00120] <li><img src="/img/themes/cn/usluge/images/selfnav3-kockice.png" width="1" height="35" /></li> [line 00066] <li><img src="/img/themes/cn/usluge/images/nav/nav-right.png"/></li> [line 00066] <li><img src="/img/themes/cn/usluge/images/nav/nav-right.png"/></li> [line 00048] <li><img src="/img/themes/cn/usluge/images/nav/nav-left.png" /></li>

57

Web stranica Filozofskog fakulteta, Zagrebhttp://www.ffzg.hr

Ova stranica se našla na listi webova za procjenjivanje iz više razloga. Kao prvo, to je fakultet na kojem studira najveći broj slijepih i slabovidnih studenata na različitim studijskim grupama. Drugi razlog je to što se na ovom fakultetu na Odsjeku za informatologiju preveo dokument sa smjernicama za pristup sadržajima mreže. Treći, koji nije uopće utjecao na izbor je i taj što me vežu neki sentimenti za tu instituciju jer sam tamo proveo četiri godine…Prilikom učitavanja stranice čitač zaslona je dao informaciju: „page has 27 headings and 71 links“. Kad sam čuo tu informaciju, imao sam dobar predosjećaj koji me nije prevario.Na stranici je bila samo jedna slika. Logo filozofskog fakulteta. Jedina koja je uz to i bila tekstualno dobro opisana jer mislim da je ta informacija prosječnoj slijepoj osobi sasvim dovoljna. Znači nema slika koje nemaju alt teksta ili je alt tekst nedovoljno informativan niti slika koje nemaju alt tekst, ali se da razlučiti što je na njoj na osnovi predmnijevanja. Shodno tome slike kako ih nema, ni na koji način ne mogu ometati snalaženje po stranici ili navigaciju.Također, ne postoje niti redundantni slikovni linkovi i čitanje ide besprijekorno. Što se tiče grupa linkova one su jasno i intuitivno posložene po headinzima ili unutar istih. Tražilica nije postavljena na naslovnici, već pri vrhu postoji link pretraživanje, kad se otvori polje za unos kriterija pretrage i jasno označen gumb „traži“ nalazi se na heading razini 1. Kad se otvori neki od linkova, sadržaj podstranice se otvara gotovo na samom vrhu stranice te treba pričekati doslovce nekoliko sekundi da se stekne uvid u sadržaj istoga. Također se otvara na heading razini 1 te se i tih nekoliko sekundi mogu izbjeći pritiskom na prečac čitača ekrana, tipku broja 1 na glavnom dijelu tipkovnice. Kad se završi s čitanjem sadržaja s tog linka, pritiskom na backspace kursor se vraća na prethodnu stranicu ili podstranicu na link s kojega se krenulo.Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Sa stranice se mogu skidati različiti sadržaji - od informacija za upise do različitih drugih koje nude podstranice pojedinih studijskih grupa. Pregledao sam nekolicinu i postoje dokumenti koji su u pdf-u koji je u potpunosti pristupačan pomoćnim tehnologijama, u ovom slučaju čitaču zaslona. Također se potpuno isti dokumenti često mogu pronaći i u rtf-u. Prilikom otvaranja linka za slanje elektroničke pošte otvara se Outlook Express.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.Stranica je prema mojoj procjeni u potpunosti pristupačna slijepim osobama. Mislim da bi se ostale web stranice, odnosno njihovi web administratori i dizajneri trebali ugledati na ovu stranicu, naučiti od nje bitne stvari koje osobama s invaliditetom mogu olakšati pretraživanje. Naglasit ću još da sam na sljedećem URL-u, http://dzs.ffzg.hr/, koji je namijenjen studentima s invaliditetom, primijetio da studenti mogu dobiti elektroničke primjerke ispitne literature. U dnu te stranice se nalazi sljedeća grafika: „Web Access Symbol“, što bi trebao biti simbol koji se daje stranicama koje su u potpunosti zadovoljile smjernice „Wai“.

Nakon procjene ove stranice alat za subjektivnu procjenu „Ocawa“ nije imao niti jednu primjedbu. To znači da i ova stranica udovoljava svim kriterijima koje sugeriraju smjernice za pristup sadržajima mreže kako bi one bile potpuno pristupačne svima.

58

http://dzs.ffzg.hr/

http://www.ffzg.hr/

To je i bilo za očekivati s obzirom da je u prethodnom dijelu teksta navedeno postojanje Web access simbola.

59

Web stranica Ekonomskog fakulteta, Zagrebhttp://www.efzg.hr

Prilikom učitavanja ove stranice čitač zaslona je dao informaciju o broju prisutnih linkova. Nakon što sam pregledao naslovnicu došao sam do sljedećih podataka. Na stranici je bilo prisutno osamnaest slika. Od tog broja njih 5 je imalo korektan alt tekst. Neoznačenih slika koje su bile smisleno imenovane bilo je dvanaest te je preostala još jedna slika koja nije imala ni alternativni tekst, ni smisleni naziv. Najveći dio od 12 slika koje nisu imale alternativni tekst, ali su bile smisleno imenovane nalazile su se u predjelu gdje su se nalazile vijesti. To su bili grafički redundantni linkovi. Iznad toga je bio prisutan link naslova vijesti. Kad se kliknulo na bilo koji od ta dva linka, sadržaj bi se otvorio na heading razini 1. Na vrhu bi ostala slika, a tekst bi slijedio ispod. Tako da te slike nisu mogle smetati prilikom praćenja teksta. Broj slika nije bio velik, pogotovo onih koje su loše imenovane i nisu imale negativan utjecaj na navigaciju po stranici. Redundantnih slikovnih linkova nije bilo puno te kako se sadržaj određenoga otvarao na heading razini jedan, koja je bila u samom vrhu stranice, nisu ometali navigaciju po stranici.Grupe linkova su bile jasno podijeljene u logične cjeline, a sadržaji cjelina se nisu miješali, najčešće su bili odijeljeni spacerima te je navigacija bila prilično jednostavna. Vezano za jasnoću gumba koji se nalaze na stranici, mogu reći da su jasni. Međutim, unatoč tome, opet ću navesti primjedbu da se nalaze u dijelu stranice koji je određen za tražilicu. Ispod polja za unos kriterija pretrage se nalazi „submit“ gumb, ja bih bio zadovoljniji kad bi on bio označen s „traži“. Kad se na stranici uđe na neki link, njegov sadržaj se ne postavlja na vrh stranice, ali se pri tome taj sadržaj otvara u headingu, na razini 1 te se fokus čitača ekrana odmah smjesti na sadržaj koji je otvoren. Ako korisnik, odnosno osoba koja pregledava sadržaj zaustavi čitanje čitača zaslona, treba se od vrha kretati strelicama prema dolje da bi se došlo do tog otvorenog sadržaja. Lokacija na kojoj se otvorio spomenuti sadržaj je na početku druge trećine stanice. Kad se izlazi s tog podlinka, kursor se prilikom zatvaranja prebacuje na onaj link koji je otvoren.Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Sa stranice se mogu skidati određeni sadržaji. U ovome slučaju dokumenti koji se skidaju su u pdf-u. Svi dokumenti koje sam pronašao u vrijeme procjenjivanja stranice bili su čitljivi, a samo za informaciju, bilo ih je tri. Prilikom otvaranja linka za slanje elektroničke pošte otvara se Outlook Express.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.Stranicu sam ocijenio s ocjenom 5.

Na samu stranicu alat za objektivnu procjenu „Ocawa“ je imao jednu primjedbu. Ona se tiče mogućeg problema da nedostaje tekstualni ekvivalent za netekstualni sadržaj, a u ovom konkretnom slučaju je nedostajanje alternative za input image na sljedećoj liniji.:

1. [ligne 30] <td><input name="submit" type="image" src="img/btn_search.gif" /></td>

60

http://www.efzg.hr/

Web stranica Studentskog centra, Zagrebhttp://www.sczg.hrPrilikom otvaranja ove stranice informacija koju je čitač zaslona prezentirao o prisutnom broju linkova malo me je ostavila zatečenog. Stranica je tada imala preko stotinu i četrdeset linkova. No dobro, dojmovi su sljedeći.Pregledom sadržaja naslovnice, što je potrajalo, primijetio sam da na stranici postoji samo jedna slika. Ta slika je bila grafički link koji se nalazio ispod ankete i taj link je imao alternativni tekst korektan: „glasaj“. Drugih vrsta slika koje su definirane upitnikom, kao što su slike koje nemaju alt teksta ili je alt tekst nedovoljno informativan, niti slika koje nemaju alt tekst, ali se da razlučiti što je na njoj na osnovi predmnijevanja. Shodno tome slike kako ih nema niti na koji način ne mogu ometati snalaženje po stranici ili navigaciju.Redundantnih slikovnih linkova na stranici nema pa bar oni ne mogu negativno utjecati na navigaciju po stranici. Stranica mi je malo konfuzna na način da su linkovi razbacani unaokolo. Na stranici ima velik broj istovjetnih linkova koji su podijeljeni u cjeline. Recimo neka događanja koja su prethodila su opisana, no ispod svakog takvog teksta koji je bio dio naslovnice, bio je link za slanje elektroničke pošte. U redu je da se na takav način želi od ljudi dobiti neki feedback događaja, ali neki takvi linkovi su bili zastupljeni po više od nekoliko puta. Ovdje bih preporučio da se samo stavi ime odgovorne osobe, pa je lako kasnije u nekoj prethodnoj, a sličnoj cjelini naći taj link.U nekim slučajevima kad se otvori jedna cjelina, mora se preskrolati gotovo cijela stranica da se vidi podmeni.Jedan od takvih primjera je jelovnik, to je naime „on mouse over link“ i kad se klikne na njega fokus kursora se prebaci na vrh stranice. Dobar dio slijepih surfera, a pogotovo početnici ne znaju da trebaju uz enter pritisnu ti i tipku Ctrl, što je funkcija koja simulira „on mouse over“. Dok s vrha stranice netko proskrola uz pomoć strelice dolje do željenog sadržaja, proći će neko vrijeme. Kad se već ponada: «Napokon sam našao sadržaj» i kad ga počne pretraživati, neće baš biti zadovoljan. Tablice nisu napravljene da se može dobro odvojiti pojedini dijelovi, već se različita jela nižu jedna za drugim i onda se u biti mora nagađati što je klasični jelovnik, što je vegetarijanski, a što potpada pod izbor jela. Slijepim osobama je ova priča jako konfuzna, da se recimo pojedini meniji smo odvoje crticama bilo bi itekako jasnije što se tu kaže. Na takav način se, recimo, odvajaju određeni segmenti kad se klikne na restorani\savska25 i onda se otvori negdje pri dnu stranice informacija o toj menzi i da se dođe do nje na što brži način mora se koristiti funkcija čitača ekrana za pretraživanje. Kad se završi s pretraživanjem, kursor se pozicionira na link s kojega se krenulo.Gumbi na stranici su prilično jasni i na njih nemam zamjerke. Na stranici su prisutne 3 flash animacije, dvije su na samome vrhu stranice, a zadnja je malo više pozicionirana od samog dna stranice. Te animacije kao takve ne smetaju pri pretraživanju sadržaja i navigiranju po stranici.Pri samom otvaranu stranice ne može se čuti nikakva glazba, no stranica ima link na Radio student te omogućava streaming.Na stranici ima mnogo sadržaja koji su potrebni studentima, naročito onima koji dolaze na studij u Zagreb iz nekih drugih gradova. Različiti pravilnici za smještaj u domove, natječaji ili rezultati istih mogu se pronaći na ovoj stranici, a dostupni su u pdf, doc ili xls formatima. No ono što je za ovu procjenu bitno jest to da su dokumenti u pdf-u nečitljivi za slijepe korisnike. Radi se samo o slikovnim imageima. Kad se klikne na neki link za slanje elektroničke pošte, otvara se Outlook Express. No moram još jednom reći da me je broj istovjetnih linkova tog tipa zasmetao. Nisam shvatio zbog čega ih je toliko. Da se smanji njihov broj po jedan za istu osobu, olakšalo bi se pretraživanje prilično puno.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao

61

http://www.sczg.hr/

pretraživanje. Moj prijedlog je da se nekako broj linkova smanji jer mi se čini da je dobar dio sadržaja samo nabacan jedan ispod drugog.Stranica je dobila ocjenu 4. No, kad uzmem sve u obzir i da je analiza već napravljena, nije moguće da se trojka opet uvrsti u rezultate.

Na ovu stranicu alat „Ocawa“ je imala četrdeset i četiri primjedbe.

Smjernice za pristup sadržajima mreže izričito kažu: „1.1. Omogućite tekstualni ekvivalent za svaki netekstualni element (koristite na primjer "alt", "longdesc" ili opis elementa). Netekstualni elementi obuhvaćaju:slike, grafičke prikaze teksta (uključujući simbole), takozvane regije na image map, animacije (na primjer animirani GIF), minijaturne aplikacije (applets) i programske objekte, ASCII umjetnost (ASCII art), okvire, skripte, ikone i slike upotrijebljene za tekstualne oznake, grafičke tipke, zvukove (puštane sa ili bez korisnikove interakcije), zasebne auditivne dokumente i video. [1. prioritet]“

Na sljedećim linijama alat je primijetio da nedostaje alternativni tekst za image:

[line 00730] <a href='default.php?vote=0'><img src='images/rezultati.gif' border='0'></a> [line 00697] <img src="verify.jpeg" border="0" width="70" height="20">[line 00568] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/1269/radio sc.jpg' border='0'><br><br> <a href='gallery/news/1269/data/OBRAZAC ZA VOLONTERE RADIJA SC.xls' class='main_link'>OBRAZAC ZA VOLONTERE RADIJA SC.xls</a><font class='link_title'><br>[ 37.5 KB]<br></font><br></td>[line 00561] <img src='images/main_kultura.gif' border='0'>[line 00532] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/1412/kult pro crta.jpg' border='0'><br><br> <img src='gallery/news/1412/kult pro crta 2.jpg' border='0'><br><br><img src='gallery/news/1412/koncert itd.JPG' border='0'><br><br><br> </td>[line 00525] <img src='images/main_kultura.gif' border='0'>[line 00505] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/1368/kustos.gif' border='0'><br><br> <img src='gallery/news/1368/kustos_k.gif' border='0'><br><br><a href='gallery/news/1368/data/kustoske_platforme.pdf' class='main_link'>kustoske_platforme.pdf</a><font class='link_title'> <br>[ 2.4 MB]<br></font><br></td>[line 00498] <img src='images/main_kultura.gif' border='0'>[line 00468] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/1477/images.jpeg' border='0'><br><br> <br></td>[line 00461] <img src='images/main_edukacija.gif' border='0'>[line 00448] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/1495/images.jpeg' border='0'><br><br> <br></td>[line 00441] <img src='images/main_kultura.gif' border='0'>[line 00415] <img src='images/main_kultura.gif' border='0'>[line 00391] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/1581/sarajevo2.jpg' border='0'><br><br> <br></td>[line 00384] <img src='images/main_servisi.gif' border='0'>

62

[line 00371] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/1638/logo50sc.png' border='0'><br><br> <br></td>[line 00364] <img src='images/main_kultura.gif' border='0'>[line 00347] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/1652/Klub SC -caffe.jpg' border='0'><br><br> <br></td>[line 00340] <img src='images/main_kultura.gif' border='0'>[line 00321] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/default/6.gif' border='0'><br><br> <br></td>[line 00314] <img src='images/main_smjestaj.gif' border='0'>[line 00300] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/1689/radio_136.jpg' border='0'><br><br> <br></td>[line 00293] <img src='images/main_kultura.gif' border='0'>[line 00279] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/1744/velesajam plakat web.jpg' border='0'><br><br> <br></td>[line 00272] <img src='images/main_kultura.gif' border='0'>[line 00253] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/1749/l_internetradio-internet.jpg' border='0'><br><br> <br></td>[line 00246] <img src='images/main_kultura.gif' border='0'>[line 00228] <td bgcolor='#EBEBEB' width='149' align='center' valign='self'><br><img src='gallery/news/1750/velesajam plakat web.jpg' border='0'><br><br> <br></td>[line 00221] <img src='images/main_kultura.gif' border='0'>[line 00189] <td width="140" height="20" align="right"><img src="images/menu_smjestaj.gif" border="0"></td>[line 00171] <td width="140" height="20" align="right"><img src="images/menu_servisi.gif" border="0"></td>[line 00153] <td width="140" height="20" align="right"><img src="images/menu_savjetovanje.gif" border="0"></td>[line 00136] <td width="140" height="20" align="right"><img src="images/menu_sport.gif" border="0"></td> [line 00118] <td width="140" height="20" align="right"><img src="images/menu_edukacija.gif" border="0"></td> [line 00100] <td width="140" height="20" align="right"><img src="images/menu_internet.gif" border="0"></td>[line 00082] <td width="140" height="20" align="right"><img src="images/menu_prehrana.gif" border="0"></td>[line 00065] <td width="140" height="20" align="right"><img src="images/menu_kultura.gif" border="0"></td>

Na sljedećim linijama nedostaje “alt” za object:

63

[line 00375] <font class='main_title'>Teatar &TD predstavlja </font><br><font class='main_text'><object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/WjgCZhy6pTs&hl=en&fs=1"> </param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/WjgCZhy6pTs&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"> </embed></object><br><br></font>[line 00284] <object width="425" height="344"><param name="movie" value="http://www.youtube.com/v/R2GzVsVf_NE&hl=en&fs=1"></param><param name="allowFullScreen" value="true"></param> <param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/R2GzVsVf_NE&hl=en&fs=1" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="425" height="344"> </embed></object><br><br></font>

Na ovim linijama nedostaje “alt”za input image.

[line 00729] <input type='image' src='images/glasaj.gif'>[line 00700] <input type='image' src='images/newsletter.gif'>

64

Web stranica Hrvatskog zavoda za zapošljavanjehttp://hzz.hr

Kad se ova stranica učita, čitač zaslona daje informaciju o broju prisutnih linkova. Na stranici ima dvadeset i osam slika. To su mahom grafički linkovi. Šesnaest slika je dobro opisano, to jest, alt tekst kojim su obilježene je korektan. Dvanaest slikovnih linkova imaju alt-tekst koji je nedovoljno informativan, no ipak se može razlučiti sto je na toj slici, odnosno u ovom slučaju na tom linku i kamo on dalje vodi, to jest, kakav je sadržaj podlinka. Primjer dobro opisanog grafičkog linka, odnosno slike je: „DocSlike/invaliditet_box7“, a sljedeći slikovni link „DocSlike/novcana2“ spada u kategoriju slika koje su nedovoljno informativne. Međutim, s obzirom na lokaciju gdje se nalazi može se predmnijevati da se tu radi o linku koji govori o novčanoj naknadi za vrijeme nezaposlenosti. Na stranici slike nisu umetnute u tekst i ne predstavljaju probleme pri čitanju nekih sadržaja. Ono što mi se svidjelo na stranici jest to da se naslov vijesti nalazi prisutan u vidu crtice te je ispod toga grafički link koji ima alt tekst opširnije. Kad se učita sadržaj linka prezentiran je samo tekst članka, a nema u njemu nikakve slike. Ovakav način prikazivanja vijesti je jako pristupačan i zgodno je što nema redundantnih slikovnih linkova, u stvari da za istu stvar postoje dva linka ili više njih. Time se omogućava brže pretraživanje sadržaja na stranici. Vezano za raspored linkova na stranici, moj stav je da nisu razbacani, već su jasno strukturirani po pojedinim temama što olakšava preglednost i snalaženje po stranici. Što se gumba tiče, na naslovnici je samo jedan gumb „img/button_go“. On se nalazi ispod polja za unos ključnih riječi u tražilici, nije baš pretjerano jasan, no može se s obzirom na lokaciju i alt tekst koji je na njemu shvatiti o čemu je riječ.No, kad se definiraju parametri, link vodi na podstranicu na kojoj se ponavlja postupak, ali u ovom pretraživaču gumb je prilično jasan:„Pretraži“. Ovakav tip gumba mi je puno draži što se kriterija jasnoće tiče. Iako velik broj ljudi zna slijed elemenata u tražilici, ipak moramo uzeti u obzir da postoji i skupina ljudi kojima engleska riječ može predstavljati problem. Prilikom otvaranja linkova, fokus čitača ekrana se jako brzo pozicionira na otvoreni sadržaj. Iako se sadržaj ne otvara na vrhu stranice, ne treba proći duže od eventualno sedam do deset sekundi da se počne čitati željeni sadržaj, bilo da su to liste linkova ili neki od članaka. No nakon što se završi s pregledavanjem tih sadržaja te se vrati nazad, fokus kursora se nalazi na linku s kojega se krenulo. Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Na različitim linkovima poput „publikacije“ mogu se skinuti različiti sadržaji u pdf-u. Jedan od onih koje sam pregledao je“ Zaposljavanje_osoba_s_invaliditetom2007.pdf“. Kao i drugi dokumenti takvog tipa i ovaj je bio u potpunosti čitljiv pomoćnim tehnologijama, odnosno u ovome slučaju čitačem zaslona. Prilikom otvaranja linka za slanje elektroničke pošte, otvara se Outlook eExpress.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.

Generalno gledano stranica se može okarakterizirati kao potpuno pristupačna za slijepe korisnike. Ono što bi olakšalo usability jest to da bi se na stranici određene skupine linkova mogle strukturirati na način da se stave u određene headinge. No i bez obzira na to, stranica je pristupačna.

65

http://hzz.hr/

Na stranicu alat za objektivnu procjenu „Ocawa“ ima sto i jednu primjedbu. Smjernice kažu sljedeće: „Omogućite tekstualni ekvivalent za svaki netekstualni element (koristite na primjer , "alt", "longdesc" ili opis elementa). Netekstualni elementi obuhvaćaju:slike, grafičke prikaze teksta (uključujući simbole), takozvane regije na image map, animacije (na primjer animirani GIF), minijaturne aplikacije (applets) i programske objekte, ASCII umjetnost (ASCII art), okvire, skripte, ikone i slike upotrijebljene za tekstualne oznake, grafičke tipke, zvukove (puštane sa ili bez korisnikove interakcije), zasebne auditivne dokumente i video. [1. prioritet]“

U sljedećim linijama nedostaje alt za image:

[line 00442] <td align="left"><img src="img/spacer.gif" width="1"

height="14"></td> [line 00439]

<td align="right"><img src="img/tr.gif"></td>

<td width="100%"><img src="img/spacer.gif" width="1" height="14"></td>

[line 00437] <td align="left"><img src="img/tl.gif"></td> [line 00438] <td width="100%"><img src="img/spacer.gif" width="1" height="14"></td> [line 00433] <td><img src="img/spacer.gif" width="14" height="1"></td>

[line 00427] <td align="left"><img src="img/bl.gif"></td> [line 00428]<td width="100%"><img src="img/spacer.gif" width="1" height="14"></td> [line 00429]<td align="right"><img src="img/br.gif"></td> [line 00424] <td align="right"><img src="img/spacer.gif" width="1" height="14"></td> [line 00406] <td align="left"><img src="img/spacer.gif" width="1" height="14"></td> [line 00401] <td align="left"><img src="img/tl.gif"></td> [line 00402] <td width="100%"><img src="img/spacer.gif" width="1" height="14"></td> [line 00403] <td align="right"><img src="img/tr.gif"></td>

[line 00392] <td colspan="5"><img src="img/spacer.gif" width="1" height="14"></td> [line 00383] <td align="left"><img src="img/bl.gif"></td> [line 00384] <td width="100%"><img src="img/spacer.gif" width="1" height="14"></td> [line 00385] <td align="right"><img src="img/br.gif"></td> [line 00380] <td align="right"><img src="img/spacer.gif" width="1" height="14"></td> [line 00374] <td align="left"><img src="img/spacer.gif" width="1" height="14"></td> [line 00369] <td align="left"><img src="img/tl.gif"></td>

66

[line 00370] <td width="100%"><img src="img/spacer.gif" width="1" height="14"></td> [line 00371] <td align="right"><img src="img/tr.gif"></td> [line 00358] <td bgcolor=#BCBCBC><img src="img/spacer.gif" width=5 height=1></td> [line 00359] <td><img src="img/spacer.gif" width=1 height=1></td> [line 00351] <td align="center"><a href="http://www.vidi.hr/self100/kategorije/drzavne.html" target="_blank"><img src="http://www.globaldizajn.hr/img/vidi_self100_06.gif" border="0"></a></td> [line 00344] <td><img src="img/spacer.gif" width=2 height=1></td> [line 00340] <td><img src="img/spacer.gif" width=5 height=1></td>[line 00338] <td><img src="img/spacer.gif" width=5 height=1></td> [line 00307] <td><img src="img/spacer.gif" width=2 height=1></td>

[line 00302] <td colspan=5 background="img/left_dotts.gif"><img src="img/spacer.gif" width=1 height=1></td> [line 00299] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00296] <td><img src="img/spacer.gif" width=1 height=18></td>[line 00293] <td><img src='img/spacer.gif' width='3' height='5'></td> [line 00289] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00285] <td colspan=5 background="img/left_dotts.gif"><img src="img/spacer.gif" width=1 height=1></td>

[line 00282] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00279] <td><img src="img/spacer.gif" width=1 height=18></td> [line 00276] <td><img src='img/spacer.gif' width='3' height='5'></td> [line 00272]<td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00268] <td colspan=5 background="img/left_dotts.gif"><img src="img/spacer.gif" width=1 height=1></td> [line 00265] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00262] <td><img src="img/spacer.gif" width=1 height=18></td> [line 00259] <td><img src='img/spacer.gif' width='3' height='5'></td> [line 00255] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td>[line 00251] <td colspan=5 background="img/left_dotts.gif"><img src="img/spacer.gif" width=1 height=1></td> [line 00248] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td>[line 00245] <td><img src="img/spacer.gif" width=1 height=18></td> [line 00242] <td><img src='img/spacer.gif' width='3' height='5'></td> [line 00238] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00234] <td colspan=5 background="img/left_dotts.gif"><img src="img/spacer.gif" width=1 height=1></td> [line 00231] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00228] <td><img src="img/spacer.gif" width=1 height=18></td> [line 00225] <td><img src='img/spacer.gif' width='3' height='5'></td> [line 00221] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00217] <td colspan=5 background="img/left_dotts.gif"><img src="img/spacer.gif" width=1 height=1></td> [line 00214]<td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00211] <td><img src="img/spacer.gif" width=1 height=18></td> [line 00208]<td><img src='img/spacer.gif' width='3' height='5'></td> [line 00204]<td colspan="5"><img src="img/spacer.gif" width=1 height=3></td>

67

[line 00200]<td colspan=5 background="img/left_dotts.gif"><img src="img/spacer.gif" width=1 height=1></td> [line 00197] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00194] <td><img src="img/spacer.gif" width=1 height=18></td> [line 00191] <td><img src='img/spacer.gif' width='3' height='5'></td> [line 00187] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00183] <td colspan=5 background="img/left_dotts.gif"><img src="img/spacer.gif" width=1 height=1></td> [line 00180] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td>[line 00177] <td><img src="img/spacer.gif" width=1 height=18></td> [line 00174] <td><img src='img/spacer.gif' width='3' height='5'></td> [line 00170] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00166] <td colspan=5 background="img/left_dotts.gif"><img src="img/spacer.gif" width=1 height=1></td> [line 00163] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00160] <td><img src="img/spacer.gif" width=1 height=18></td>

[line 00157] <td><img src='img/spacer.gif' width='3' height='5'></td>[line 00153]<td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00149] <td colspan=5 background="img/left_dotts.gif"><img src="img/spacer.gif" width=1 height=1></td> [line 00146] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00143]<td><img src="img/spacer.gif" width=1 height=18></td> [line 00140] <td><img src='img/spacer.gif' width='3' height='5'></td> [line 00136] <td colspan="5"><img src="img/spacer.gif" width=1 height=3></td> [line 00127] <td><img src="img/spacer.gif" width=185 height=1></td> [line 00120]

<td><img src="img/spacer.gif" width=165 height=1></td>Δ [line 00121]

<td><img src="img/left_curveStart.gif"></td> [line 00122] <td bgcolor=#BCBCBC><img src="img/spacer.gif" width=5 height=1></td> [line 00123]

<td><img src="img/left_curveEnd.gif"></td> [line 00124] <td width=100%><img src="img/spacer.gif" width=1 height=1></td> [line 00125]

<td><img src="img/spacer.gif" width=1 height=1></td> [line 00126]

<td><img src="img/spacer.gif" width=1 height=1></td> [line 00099] <td colspan=3><img src="img/spacer.gif" width=1 height=1></td> [line 00093] <td><img src="img/self_rightEnd1.gif"></td> [line 00090]<td><img src="img/self_rightEnd.gif"></td>Δ [line 00091] <td><img src="img/self_leftEnd1.gif"></td> [line 00088] <td><img src="img/self_leftEnd.gif"></td>[line 00079] <td><img src="img/spacer.gif" width=80 height=1></td> [line 00080] <td><img src="img/self_Curve.gif"></td> [line 00064] <td><img src="img/spacer.gif" width=63 height=19></td> [line 00060] <td><img src="img/self_Circle2.gif"></td>[line 00051] <td><img src="img/spacer.gif" width=18 height=1></td> [line 00045]<td><img src="img/spacer.gif" width=1 height=18></td>[line 00029] <td style="border-bottom: 1px #545761 solid;"><img src="img/spacer.gif" width=63 height=1></td> [line 00028] <td><img src="img/self_Circle1.gif"></td>

68

[line 00017] <td><img src="img/spacer.gif" width=1 height=5></td>

69

Web stranica Fonda za profesionalnu rehabilitaciju i zapošljavanje osoba s invaliditetomhttp://www.fond.hr

Pregledom ove stranice i procjenjivanjem iste nema se baš puno toga za reći. U trenutku kad se stranica procjenjivala imala je svega jednu sliku koja je imala nedovovljno informativan alt tekst. No, na stranici je postojao niz grafika koje je čitač zaslona interpretirao kao „black box“ i „blue box“.Kako na stranici nije bilo slika, čak ni na arhivi vijesti i događanja slike nisu nikako mogle ometati čitanje sadržaja ili se negativno odraziti na pretraživanje stranice. Na stranici nema redundantnih slikovnih linkova, odnosno na naslovnici je uočeno smo 12 linkova. Kako sam i naveo izuzetno mali broj linkova je s obziron na njihovu količinu morao biti dobro posložen. Prema tome nije bilo nikakve mogućnosti da se linkovi razbacaju po stranici i da ometaju surfera pri navigaciji. Ono što je bilo korektno na stranici, a nije baš učestalo viđeno na prethodno procijenjenim sadržajima, iznad polja za unos ključnih riječi se nalazio tekst „Pretraži web:“. Ispod tog polja se nalazio dobro opisan gumb „traži“. Kad bih ušao na neki link, njegov sadržaj se nije otvarao na vrhu ekrana niti bi se čitač ekrana fokusirao na otvoreni sadržaj. Međutim, to me nije ni najmanje smetalo jer kako na stranici nema puno sadržaja, novootvoreni bi se jako brzo prezentirao. Kao i kod mnogih prethodno procijenjenih stranica, kad bih završio s pregledavanjem, kursor bi se vratio na onaj link s kojega se krenulo. Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Svi dokumenti, odnosno sadržaji koji su bili dostupni za skidanje s ove stranice su bili u .doc formatu. Ono što me je začudilo je bilo to da na stranici nije bilo postavljenog linka za slanje elektroničke pošte, već je ispod adrese bio tekst u kojem je adresa napisana. Međutim, kad sam kasnije provjeravao neke stvari za moje buduće zaposlenje, link za slanje elektroničke pošte je bio postavljen na stranici te se klikom na njega otvarao Outlook.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.Nekako mi je čudno da se nije postavila mogućnost da se preko nekoliko postavljenih linkova bar promijeni veličina slova. No, s obzirom da se dokumenti mogu skinuti na osobno računalo te da su u formatu Word dokumenta, valjda su dizajneri smatrali da tako nešto nije potrebno.Stranica je dobila ocjenu pet, kao potpuno pristupačna stranica. No, stranica mi je bila prilično monotona, pretražujući je ponovno nakon nekoliko mjeseci, stanje je gotovo u potpunosti isto.

Na stranicu Fonda alat za subjektivnu procjenu „Ocawa“ nije imao niti jednu primjedbu. Prema tome ova stranica je zadovoljila sve kriterije kao potpuno pristupačna stranica prema smjernicama za pristup mreži „Wcag 1.0)

70

http://www.fond.hr/

Web stranica Hrvatskog zavoda za zdravstveno osiguranjehttp://hzzo-net.hrNa stranici tijekom procjenjivanja nisam uočio nikakve slike. Niti jedna od kategorija slika s obzirom na njihovu pristupačnost nije zamijećena. Stoga slike nisu nikako mogle utjecati u negativnom smislu na čitanje sadržaja stranice. Redundantnih slikovnih linkova također nije bilo, no postojala je nekolicina grafičkih „on mouse over“ linkova koji su bili prilično jasni s pripadajućim alt tekstom. Otvaranjem takvih linkova fokus čitača zaslona je jako brzo počeo prenositi željeni sadržaj, gotovo trenutačno, iako se sadržaj otvarao na sredini stranice. Jednak slučaj je i s linkovima “normalnog“ tipa, sadržaj istih se otvara na identičan način, ne na vrhu stranice, ali ono što je bitno da je fokus čitača zaslona trenutačno na otvorenom sadržaju. Nakon što se završi s tim sadržajem, prilikom vraćanja na prethodnu razinu pretraživanja, kursor se vraća na onaj link s kojeg se krenulo.Najčešće mjesto za gumbe po do sada viđenim i procijenjenim stranicama je ispod polja za unos ključnih riječi u svrhu pretrage. Ovdje nije prisutan gumb, već se nalazi link koji je jasno obilježen s tekstom „traži“. Za pretraživanje stranice se mogu koristiti standardne komande čitača ekrana, nije potrebno dovijanje uz pomoć „jaws“ kursora, odnosno simuliranja miša da bi se pristupilo nekim sadržajima. Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Na stranicama se s različitih lokacija mogu skidati dokumenti koji su ili u .doc formatu ili u .pdf-u. U nekim slučajevima su isti dokumenti prisutni u oba formata. Vezano za pdf dokumente oni u sebi sadrže i digitalni tekst, no s obzirom da čitač zaslona ne prezentira dobro palatale č, ž, š, itd., mislim da prilikom prepoznavanja teksta nisu koristili algoritam za prepoznavanje naših slova. No, bez obzira na to moglo se čitati te dokumente.Prilikom otvaranja linka za slanje elektroničke pošte otvara se Outlook Express.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.Stranica je prema mojoj ondašnjoj procjeni dobila ocjenu pet, što bi značilo da je prema kriterijima zadovoljila te da je pristupačna za slijepe korisnike.

Na stranicu alat za objektivnu procjenu „Ocawa“ ima četrdeset i sedam primjedbi. Smjernice kažu sljedeće: „Omogućite tekstualni ekvivalent za svaki netekstualni element (koristite na primjer, "alt", "longdesc" ili opis elementa). Netekstualni elementi obuhvaćaju:slike, grafičke prikaze teksta (uključujući simbole), takozvane regije na image map, animacije (na primjer animirani GIF), minijaturne aplikacije (applets) i programske objekte, ASCII umjetnost (ASCII art), okvire, skripte, ikone i slike upotrijebljene za tekstualne oznake, grafičke tipke, zvukove (puštane skorisnikovom interakcijom ili bez nje), zasebne auditivne dokumente i video. [1. prioritet]“

-Za sljedeće linije nedostaje alt za image:

1. [ligne 475] [ligne 474] [ligne 416] [ligne 394] [ligne 379] [ligne 364] [ligne 349] [ligne 334] [ligne 319] [ligne 304] [ligne 296] [ligne 257] [ligne 253] [ligne 251] [ligne 247] [ligne 245] [ligne 241] [ligne 235] [ligne 226] [ligne 222] [ligne

71

http://hzzo-net.hr/

220] [ligne 216] [ligne 214] [ligne 210] [ligne 208] [ligne 204] [ligne 202] [ligne 198] [ligne 192] [ligne 183] [ligne 182] [ligne 175] [ligne 134] [ligne 114] [ligne 110] [ligne 107] [ligne 104] [ligne 95] [ligne 87] [ligne 66] [ligne 61] [ligne 58] [ligne 52] [ligne 46] [ligne 43] [ligne 42]

- dok za ove linije nedostaje alt za input image:

2. [ligne 443]

Linije u kojima nedostaje alt za image:

[line 00475] <a href="mailto:[email protected]?subject=Poruka s web stranica"><img src="grafika/webteam_mail.gif" width="193" height="24" border="0"></a></td> [line 00474] <td><a href="mailto:[email protected]?subject=Poruka s web stranica"><img src="grafika/glasnogovornica_mail.gif" width="193" height="26" border="0"></a><br> [line 00416] <td height="43"><img src="grafika/nas_anketa.jpg" width="191" height="43"></td> [line 00394] <td width="24" valign="self" class="bullet"><img src="grafika/izdvojeno_bullet.gif" width="24" height="8"></td>

[line 00379] <td width="24" valign="self" class="bullet"><img src="grafika/izdvojeno_bullet.gif" width="24" height="8"></td>

[line 00364] <td width="24" valign="self" class="bullet"><img src="grafika/izdvojeno_bullet.gif" width="24" height="8"></td> [line 00349] <td width="24" valign="self" class="bullet"><img src="grafika/izdvojeno_bullet.gif" width="24" height="8"></td> [line 00334] <td width="24" valign="self" class="bullet"><img src="grafika/izdvojeno_bullet.gif" width="24" height="8"></td> [line 00319] <td width="24" valign="self" class="bullet"><img src="grafika/izdvojeno_bullet.gif" width="24" height="8"></td> [line 00304] <td width="24" valign="self" class="bullet"><img src="grafika/izdvojeno_bullet.gif" width="24" height="8"></td> [line 00296] <td height="43"><img src="grafika/nas_izdvojeno.jpg" width="191" height="43"></td>

72

[line 00257] <td height="1" colspan="2" bgcolor="#B3CFEB"><img src="grafika/clear.gif" width="1" height="1"></td> [line 00253] <td width="35" valign="self" class="bullet"><img src="grafika/ico_strelica.gif" width="35" height="12"></td> [line 00251] <td height="1" colspan="2" bgcolor="#B3CFEB"><img src="grafika/clear.gif" width="1" height="1"></td> [line 00247] <td width="35" valign="self" class="bullet"><img src="grafika/ico_strelica.gif" width="35" height="12"></td> [line 00245] <td height="1" colspan="2" bgcolor="#B3CFEB"><img src="grafika/clear.gif" width="1" height="1"></td> [line 00241] <td width="35" valign="self" class="bullet"><img src="grafika/ico_strelica.gif" width="35" height="12"></td> [line 00235] <td height="120"><img src="grafika/naslovna_02.jpg" width="191" height="117"></td> [line 00226] <td height="1" colspan="2" bgcolor="#B3CFEB"><img src="grafika/clear.gif" width="1" height="1"></td> line 00222] <td width="35" valign="self" class="bullet"><img src="grafika/ico_strelica.gif" width="35" height="12"></td> [line 00220] <td height="1" colspan="2" bgcolor="#B3CFEB"><img src="grafika/clear.gif" width="1" height="1"></td> line 00216] <td width="35" valign="self" class="bullet"><img src="grafika/ico_strelica.gif" width="35" height="12"></td> [line 00214] <td height="1" colspan="2" bgcolor="#B3CFEB"><img src="grafika/clear.gif" width="1" height="1"></td>[line 00210] <td width="35" valign="self" class="bullet"><img src="grafika/ico_strelica.gif" width="35" height="12"></td>[line 00208] <td height="1" colspan="2" bgcolor="#B3CFEB"><img src="grafika/clear.gif" width="1" height="1"></td> [line 00204] <td width="35" valign="self" class="bullet"><img src="grafika/ico_strelica.gif" width="35" height="12"></td> [line 00202] <td height="1" colspan="2" bgcolor="#B3CFEB"><img src="grafika/clear.gif" width="1" height="1"></td> [line 00198] <td width="35" valign="self" class="bullet"><img src="grafika/ico_strelica.gif" width="35" height="12"></td> [line 00192] <td height="120"><img src="grafika/naslovna_01.jpg" width="191" height="117"></td> [line 00183] <td width="191" valign="bottom"><img src="grafika/nas_kontakt_home.jpg" width="191" height="44"></td> [line 00182] <td height="49"><img src="grafika/nas_novosti.jpg" width="391" height="49"></td>[line 00175] <td height="4" valign="self"><img src="grafika/clear.gif" width="1" height="4"></td> [line 00134] <tr><td height="50" valign="self"><img src="grafika/lijevo_naslov_home.gif" width="173" height="50"></td></tr> [line 00114] <td height="1"><img src="grafika/head_line.gif" width="192" height="1"></td> [line 00110] <td height="83" align="center"><a href="javascript:;" onClick="MM_openBrWindow('trazilica_pomagala.htm','trazilica','status=yes,scrollbars=yes,resizable=yes,width=600,height=700')"><img src="grafika/q_link03_3.jpg" width="160" height="159" border="0"> </a></td> [line 00107] <td height="83" align="center"><a href="01_04.php"><img src="grafika/q_link02_2.jpg" width="160" height="159" border="0"></a></td> [line 00104] <td height="243" align="center"><img src="grafika/q_link01.jpg" width="160" height="243" border="0"></td>

73

[line 00095] <td width="29" rowspan="2"><a href="#" onclick="traziSubmit();"><img src="grafika/trazi.gif" width="29" height="35" border="0"> </a></td> [line 00087] <td height="1"><img src="grafika/head_line.gif" width="192" height="1"></td>[line 00066] <td width="594" height="61"><img src="grafika/head_dole.gif" width="594" height="61"></td>[line 00061] <td height="59"><img src="grafika/clear.gif" width="192" height="59"></td> [line 00058] <td height="1"><img src="grafika/head_line.gif" width="192" height="1"></td>[line 00052] <td height="1"><img src="grafika/head_line.gif" width="192" height="1"></td> [line 00046] <td height="1"><img src="grafika/head_line.gif" width="192" height="1"></td> [line 00042] <td width="173" rowspan="2"><a href="index.php"><img src="grafika/head_logo.jpg" width="173" height="180" border="0"></a></td> [line 00043] <td width="594" height="119"><img src="grafika/head_slika_6.jpg" width="594" height="119" /></td>

Linije u kojima nedostaje alt za input image

[line 00443] <td height="23"><input type="image" src="grafika/submit_btn.gif" name="Glasaj" id="Glasaj" width="191" height="23" border="0"></td>

74

Web stranica Hrvatskog zavoda za mirovinsko osiguranjehttp://www.mirovinsko.hrNakon učitavanja ove stranice i pregleda uočio sam osam slika prisutnih na stranici. Sedam od ukupnog broja je imalo korektan alt tekst. Većinom su to bili grafički image linkovi. Primjer jednog takvog linka je „fotografije/logo_pozivnicentar“. Također, na stranici je bila jedna slika koja je imala alt tekst, ali nije bio informativan. Slika koje nisu imale alt tekst, a da su pri tom bile smisleno imenovane i neoznačenih slika nije bilo. Kod praćenja teksta slike nisu ometale čitanje. Čak ni kod segmenta stranice gdje se nalaze vijesti ili pod linkom vijesti nije bilo slika. Vijest je bila sačinjena od malog naslova koji je najčešće bio u jednoj liniji i ispod njega se nalazio link za tu vijest. Prilikom otvaranja linka određene vijesti bio je prisutan samo tekst, tako da nije bilo ometanja zbog slika, njihove lokacije ili količine. Također slike nisu imale ometajući utjecaj na pretraživanje stranice. Odnosno na stranici nije bilo grafičkih redundantnih linkova. Prilikom surfanja primijetio sam nekolicinu „on mouse over“ linkova, no njihov broj nije bio značajan da bi remetili snalaženje po stranici.Što se tiče grupe linkova i njihove strukturiranosti treba reći da na stranici ima prilično velik broj linkova, a tu mislim na naslovnicu te su informacije podijeljene u zasebne cjeline. Kad se otvori neki „on mouse over“ link, ispod njega se otvara idući niz linkova koji obrađuje određene segmente generalne teme. Taj novi niz linkova nije više rađen kao „on mouse over“, već je uobičajeni link. Klikom na bilo koji od njih, sadržaj se otvara niže na stranici, ne na vrhu stranice. Kad je riječ o otvorenom „on mouse over“ sadržaju, linkovi se relativno brzo počnu iščitavati. Otprilike nakon sedam do deset sekundi, no i to se može ubrzati pritiskom na prečac čitača zaslona ekrana - slovo T, koji surfera vodi na listu linkova koji su podstranice otvorenog linka.Nakon što se završi s pretraživanjem, odnosno pregledavanjem sadržaja nekog linka, kursor se vrati na link s kojega se otvorio taj sadržaj.Na stranici sam naišao na dva gumba. Prvi od njih je dio tražilice koja se nalazi nešto ispod vrha stranice, nakon nekolicine linkova. Taj gumb je „pošalji“ i relativno je jasan. Drugi gumb se nalazi na podstranici „kada mogu u mirovinu“ gdje se može izračunati datum kad djelatna osoba može u mirovinu. Gumb je „izračun“.Za navigaciju po stranci se mogu koristiti standardne komande čitača ekrana za navigaciju po stranici. Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Sa stranice se mogu skinuti različiti dokumenti u pdf-u i to je jako praktično da se na mora odlaziti u Zavod zbog učestalih gužvi. Dokument koji sam skinuo među ostalima je: Zahtjev za priznanje prava na naknadu zbog tjelesnog oštećenja, a skinut je s: http://www.mirovinsko.hr/default.asp?ID=752. Svi dokumenti, odnosno tiskanice koje su pregledane su čitljive uz pomoć čitača zaslona.Na vrhu naslovnice postoji link pitanja, kad se otvori, imate izbor pregledati najčešća pitanja ili u slučaju da nema onog podatka koji vas zanima, odete na link pitanje. Kad otvorite taj link, URL: http://www.mirovinsko.hr/default.asp?id=216. otvori se forma za postavljanje pitanja u koju upisujete pitanje i vašu adresu elektroničke pošte na koju bi trebao stići odgovor.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.Stranica je prema mojoj procjeni pristupačna. Ima dobru i intuitivnu koncepciju. Ono što bi možda još više olakšalo slijepim surferima je to da su pojedine tematske cjeline uređene na

75

http://www.mirovinsko.hr/default.asp?id=216

http://www.mirovinsko.hr/default.asp?ID=752


takav način da se koriste headinzi. Mislim da bi to stranicu učinilo jednostavnijom za navigaciju slijepim osobama.

Na stranicu alat za objektivnu procjenu „Ocawa“ ima sedamdeset i pet primjedbi. Smjernice kažu sljedeće: „Omogućite tekstualni ekvivalent za svaki netekstualni element (koristite na primjer , "alt", "longdesc" ili opis elementa). Netekstualni elementi obuhvaćaju:slike, grafičke prikaze teksta (uključujući simbole), takozvane regije na image map, animacije (na primjer . animirani GIF), minijaturne aplikacije (applets) i programske objekte, ASCII umjetnost (ASCII art), okvire, skripte, ikone i slike upotrijebljene za tekstualne oznake, grafičke tipke, zvukove (puštane s korisnikovom interakcijom ili bez nje), zasebne auditivne dokumente i video. [1. prioritet]“

-Za sljedeće linije nedostaje alt za image:

1. [ligne 385] [ligne 381] [ligne 373] [ligne 366] [ligne 362] [ligne 357] [ligne 317] [ligne 309] [ligne 301] [ligne 293] [ligne 262] [ligne 256] [ligne 250] [ligne 241] [ligne 238] [ligne 233] [ligne 228] [ligne 228] [ligne 210] [ligne 195] [ligne 190] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 128] [ligne 125] [ligne 122] [ligne 119] [ligne 115] [ligne 112] [ligne 106] [ligne 96] [ligne 85] [ligne 80] [ligne 77] [ligne 66] [ligne 64] [ligne 56] [ligne 53] [ligne 40] [ligne 39] [ligne 33]

Za sljedeću liniju nedostaje alt za input image: [ ligne 102]

102.

Linije u kojima nedostaje alt za image:

[line 00385] <td background="images/vert_dot.gif" width="1"><img src="images/spacer.gif" width="1" height="1"></td> [line 00381] <td bgcolor="#9CCF63"><img src="images/spacer.gif" width="1" height="1"></td> [line 00373] <td><img src="images/spacer.gif" width="100" height="1"></td> [line 00366] <td bgcolor="#9CCF63"><img src="images/spacer.gif" width="1" height="1"></td> [line 00362] <td background="images/vert_dot.gif" width="1"><img src="images/spacer.gif" width="1" height="1"></td>

76

line 00357] <td background="images/vert_dot.gif" width="1"><img src="images/spacer.gif" width="1" height="1"></td> [line 00317] <td align="center" style="border-bottom: 1px #99CC66 solid;"><a href="https://ssl.mirovinsko.hr" target="_blank"><IMG src="images/korisnickestranice.gif" border="0"></a><br> </td> [line 00309] <td background="images/vert_dot.gif"><img src="images/spacer.gif" width="1" height="1"></td> [line 00301] <td><img src="images/spacer.gif" width="160" height="10"></td> [line 00293] <td><img src="images/spacer.gif" width="5" height="1"></td> [line 00262]<td><img src="images/spacer.gif" width="5" height="1"></td>[line 00256] <td align="right"><img src="images/sub_ponuda.gif" width="158" height="20"></td> [line 00250] <td background="images/vert_dot.gif"><img src="images/spacer.gif" width="1" height="1"></td> [line 00241] <td colspan="2"><img src="images/spacer.gif" width="1" height="5"></td> [line 00238] <td colspan="2"><a href='javascript: Printaj(26)'><img src='images/print_icon.gif' border='0'>Print</a></td> [line 00233] <td colspan="2"><img src="images/spacer.gif" width="1" height="10" border="0"></td> [line 00228] <DIV style="TEXT-ALIGN: justify"> </DIV></td></tr></table><br><br><img src='images/smallarrow.gif'><a class=pathTxt href='default.asp?ID=26'>   <b>Arhiva vijesti</b></a><br><img src='images/smallarrow.gif'><a class=pathTxt href='default.asp?ID=235'>  <b>Priopæenja</b> </a><br> [line 00210] <td><br><img src="images/26.gif"></td>[line 00195] <td background="images/vert_dot.gif"><img src="images/spacer.gif" width="1" height="1" border="0"></td>[line 00190] <td background="images/hor_dot.gif"><img src="images/spacer.gif" width="1" height="1"></td>[line 00128] <tr><td align='right' OnMouseOver="document.PodKat2.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat2.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=2'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=2' OnMouseOver="document.PodKat2.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat2.src='images/spacer.gif';">O nama</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat2'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> </tr><tr><td align='right' OnMouseOver="document.PodKat1298.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat1298.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=1298'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=1298' OnMouseOver="document.PodKat1298.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat1298.src='images/spacer.gif';">Upravno vijeæe</a>

77

</td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat1298'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> </tr><tr><td align='right' OnMouseOver="document.PodKat225.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat225.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=225'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=225' OnMouseOver="document.PodKat225.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat225.src='images/spacer.gif';">Abeceda mirovinskog osiguranja</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat225'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> </tr><tr><td align='right' OnMouseOver="document.PodKat3.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat3.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=3'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=3' OnMouseOver="document.PodKat3.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat3.src='images/spacer.gif';">Kako u osiguranje?</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat3'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> </tr><tr><td align='right' OnMouseOver="document.PodKat224.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat224.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=224'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=224' OnMouseOver="document.PodKat224.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat224.src='images/spacer.gif';">Kada mogu u mirovinu?</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat224'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> </tr><tr><td align='right' OnMouseOver="document.PodKat50.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat50.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=50'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=50' OnMouseOver="document.PodKat50.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat50.src='images/spacer.gif';">Prava iz mirovinskog osiguranja</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat50'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td>

78

</tr><tr><td align='right' OnMouseOver="document.PodKat1430.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat1430.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=1430'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=1430' OnMouseOver="document.PodKat1430.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat1430.src='images/spacer.gif';"><a href='http://www.mirovinsko.hr/default.asp?ID=4' class='SideNavTxt'> Meðunarodni ugovori o socijalnom osiguranju</a></a></td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat1430'></td></tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td></tr><tr><td align='right' OnMouseOver="document.PodKat5.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat5.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=5'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=5' OnMouseOver="document.PodKat5.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat5.src='images/spacer.gif';">Doplatak za djecu</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat5'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> </tr><tr><td align='right' OnMouseOver="document.PodKat226.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat226.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=226'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=226' OnMouseOver="document.PodKat226.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat226.src='images/spacer.gif';">Podnošenje zahtjeva</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat226'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> </tr><tr><td align='right' OnMouseOver="document.PodKat166.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat166.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=166'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=166' OnMouseOver="document.PodKat166.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat166.src='images/spacer.gif';">Statistika</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat166'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> </tr><tr><td align='right' OnMouseOver="document.PodKat165.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat165.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=165'><table width='100%' border='0' cellspacing='0' cellpadding='4'>

79

<tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=165' OnMouseOver="document.PodKat165.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat165.src='images/spacer.gif';">Natjeèaji i oglasi</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat165'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> </tr><tr><td align='right' OnMouseOver="document.PodKat1231.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat1231.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=1231'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=1231' OnMouseOver="document.PodKat1231.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat1231.src='images/spacer.gif';"><a href='http://www.mirovinsko.hr/main.asp?ID=215' class='SideNavTxt'> Najèešæa pitanja</a></a></td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat1231'></td></tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td></tr><tr><td align='right' OnMouseOver="document.PodKat1414.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat1414.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=1414'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=1414' OnMouseOver="document.PodKat1414.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat1414.src='images/spacer.gif';"><a href='http://e-prijave.mirovinsko.hr/ep-prijave/' class='SideNavTxt' target='_blank'> Elektronièko poslovanje</a></a></td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat1414'></td></tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td></tr><tr><td align='right' OnMouseOver="document.PodKat838.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat838.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=838'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=838' OnMouseOver="document.PodKat838.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat838.src='images/spacer.gif';"><a href='https://ssl.mirovinsko.hr' class='SideNavTxt' target='_blank'> Korisnièke stranice</a></a></td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat838'></td></tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td></tr><tr><td align='right' OnMouseOver="document.PodKat721.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat721.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=721'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=721' OnMouseOver="document.PodKat721.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat721.src='images/spacer.gif';">Publikacije</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat721'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td>

80

</tr><tr><td align='right' OnMouseOver="document.PodKat752.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat752.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=752'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=752' OnMouseOver="document.PodKat752.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat752.src='images/spacer.gif';">Tiskanice</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat752'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> </tr><tr><td align='right' OnMouseOver="document.PodKat1233.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat1233.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=1233'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=1233' OnMouseOver="document.PodKat1233.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat1233.src='images/spacer.gif';">HMO</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat1233'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> </tr><tr><td align='right' OnMouseOver="document.PodKat115.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat115.src='images/spacer.gif';" onClick=document.location.href='default.asp?ID=115'><table width='100%' border='0' cellspacing='0' cellpadding='4'> <tr><td align='right' class='SideNavTxt'><a class='SideNavTxt' href='default.asp?ID=115' OnMouseOver="document.PodKat115.src='images/arrow_trasp.gif';" OnMouseOut="document.PodKat115.src='images/spacer.gif';">HMID</a> </td></tr></table></td><td align='right'><img src='images/spacer.gif' width='16' height='16' name='PodKat115'></td> </tr><tr><td colspan='3' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> </tr> [line 00125] <td colspan='2' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> [line 00122] <td colspan="2"><img src="images/spacer.gif" width="1" height="3"></td> [line 00119] <td align="right" nowrap valign="self"><img src='images/spacer.gif' width='16' height='16' name="Podkat1"></td> [line 00115] <td colspan="2"><img src="images/spacer.gif" width="1" height="3"></td> [line 00112] <td colspan='2' align='right' background='images/hor_dot.gif'><img src='images/spacer.gif' width='1' height='1'></td> [line 00106] <td><img src="images/spacer.gif" width="180" height="1"></td></tr> [line 00096] <TD bgColor=#6699CC><IMG height=1 src="images/spacer.gif" width=1></TD></TR> [line 00085] <td background="images/vert_dot.gif"><img src="images/spacer.gif" width="1" height="1"></td> [line 00080] <td bgcolor="#9CCF63"><img src="images/spacer.gif" width="1" height="1"></td> [line 00077] <td><img src="images/spacer.gif" width="1" height="3"></td>

81

[line 00066] <td><img src="images/but_docsgif.gif" width="21" height="21"></td> [line 00064] <td><img src="images/but_propisi.gif" width="21" height="21"></td> [line 00056] <td bgcolor="#9CCF63"><img src="images/spacer.gif" width="1" height="1"></td> [line 00053] <td><img src="images/spacer.gif" width="1" height="3"></td> [line 00039] <td bgcolor="#639ACE"><img name="self_r2_c1" src="images/self_r2_c1.gif" width="258" height="50" border="0"></td> [line 00040] <td bgcolor="#639ACE"><img name="self_r2_c2" src="images/self_r2_c2.gif" width="157" height="50" border="0"></td> [line 00033] <td><img name="self_r1_c1" src="images/self_r1_c1.gif" width="415" height="36" border="0"></td>

Linije u kojima nedostaje input za image

[line 00102] <TD width="100%" align=middle><input type="image" name="posalji" src="images/gumbic.gif"><input type=hidden name=trazi value="1"> </TD></TR>

82

Web stranica Financijske agencijehttp://www.fina.hr Kad se stranica učitala, čitač zaslona nije dao puno informacija. Ono što mi je u startu već malo zasmetalo jest to da nije spomenut niti jedan heading na stranici već samo broj linkova koji je bio nešto malo iznad pedeset. Na stranici se mogu naći ukupno četiri slike. Od toga su tri dobro opisane, odnosno imaju korektan alt tekst. Jedna slika od četiri nije smisleno označena niti ima alt tekst. Primjer dobro označene slike je „Europska računalna diploma, ecdl“. Jasno sugerira o čemu je riječ. To je grafički link. Nije redundantni slikovni, kojih na stranici uopće nema. Glavnina linkova na stranici je sastavljena od najviše tri riječi, jasno su označeni i dovoljno govore o sadržaju koji će se otvoriti ako se na njega klikne. Jako mi je dobro koncipiran dio stranice koji sadržava glavne vijesti. Svaka vijest se sastoji od naslova te ako netko želi pročitati cijeli članak ispod se nalazi link „više“. Nema grafički redundantnih linkova koji slikovno opisuju članak, a nama slijepima samo produlje vrijeme pretraživanja. Iako na naslovnici nema slika, recimo da je u nekim člancima slika prisutna. No ona ne ometa čitanje članka. Tekst je od nje odvojen jednim single line spacingom te ta slika jasno govori o čemu je riječ.Kako ni ova slika u članku nije ometala njegovo čitanje, tako i ostale koje su prisutne ne ometaju pretraživanje stranice.Prethodno je spomenuto da nema redundantnih slikovnih linkova i zbog toga oni ne mogu ometati navigaciju.Grupe linkova su dobro posložene po klasterima. Srodni linkovi koji tvore jednu cjelinu nalaze se jedan ispod drugoga, a oni koji nisu dio neke cjeline, već su zasebna cjelina odvojeni su jedan od drugoga jednim praznim redom. Stoga se za njih, to jest za grupe linkova nikako ne može reći da ometaju navigaciju.Na naslovnici nema prisutne tražilice, čak nema niti linka, no kad se uđe na bilo koji drugi link, onda se tražilica može pronaći. Gumb tražilice je „traži“. Baš prema mojoj mjeri, što bi značilo da je jasno označen i to još hrvatskom riječju. Za pretraživanje ove stranice mogu se koristiti standardne komande čitača ekrana što podrazumijeva dobru pristupačnost stranice.U situacijama kad se otvaraju neki linkovi, sadržaj se ne otvara na vrhu stranice već u najvećem dijelu otvaranih linkova u podnožju. Kako nisu označeni headinzi te se do tog otvorenog sadržaja ne može doći trenutno korištenjem prečaca čitača zaslona, ovo dosta usporava navigaciju. Naime, nekad treba prilično dugo čekati dok se željeni sadržaj ne počne reproducirati jer čitač ekrana prijeđe preko podosta linkova, a to zna trajati. No, kad se završi s pretraživanjem toga sadržaja i ode na razinu koja je prethodila, kursor se fokusira na link s kojega se taj sadržaj otvorio. Na stranici je u vrijeme procjene bila 1 flash animacija. Ona ni na koji način nije ometala pretraživanje. Jednako tako na stranici nije bilo nikakvih zvukova ili glazbe koji bi također mogli imati negativni utjecaj na pretraživanje stranice. Na stranici su dostupni neki sadržaji koji se mogu skinuti na osobno računalo. Ponuđeni dokumenti za download su u dva različita formata. Jedan je pdf, a drugi je xls. „Prijedlog za glavni upis.pdf“ je jedan od dokumenata takvog formata koji je skinut sa stranice. On je čitljiv, no problem stvaraju naši grafemi, poput č, đ, š i tako dalje. Pri izradi digitalnog teksta valjda se koristio OCR program koji nije imao instaliran algoritam za prepoznavanje naših slova. Prilikom otvaranja linka za slanje elektroničke pošte otvara se Outlook Express.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.Nakon što sam završio s procjenjivanjem ove stranice, dojam je bio da je stranica u potpunosti pristupačna slijepim osobama. Međutim, moguće je popraviti pristupačnost na način da se bar stranica strukturira tako da se određene cjeline odvoje headinzima. Kako je

83

http://www.fina.hr/

viđeno kod nekih prijašnjih da se neki sadržaj otvara na heading razini jedan, slijepa osoba bi uz pomoć prečaca čitača zaslona mogla trenutačno, nakon učitavanja sadržaja, isti preslušati.

Na stranicu alat za objektivnu procjenu „Ocawa“ ima jednu primjedbu. Smjernice kažu sljedeće: „Omogućite tekstualni ekvivalent za svaki netekstualni element (koristite na primjer, "alt", "longdesc" ili opis elementa). Netekstualni elementi obuhvaćaju:slike, grafičke prikaze teksta (uključujući simbole), takozvane regije na im objekte, ASCII umjetnost (ASCII art), okvire, skripte, ikone i slike upotrijebljene za tekstualne oznake, grafičke tipke, zvukove (puštane sa ili bez korisnikove interakcije), zasebne auditivne dokumente i video. [1. prioritet]“

U sljedećoj liniji nedostaje alt za object:

[line 00092] <objectclassid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" width="100%" >

84

Web stranica Narodnih novinahttp://www.nn.hrNa ovoj stranici, nakon što sam je pregledao, uočio sam šest slika.Začudilo me je što ni jedna od njih nije ušla u kategoriju slika koje su dobro tekstualno opisane. No sve su bile takve da su zadovoljavale kriterije da se uvrste u kategoriju nedovoljno informativnih slika.Iz onoga što mi čitač zaslona kaže vidi se da su slike jpg formata ili su gif. „“header_NN.jpg“ je primjer jedne od njih. Prema mojoj procjeni, budući da je ovo fotografija, vjerujem da bi to mogla biti zgrada Narodnih novina, no neki korisnici se ne razumiju u file extensions, tako da njima ovaj opis i nije pretjerano informativan. No ipak, ako se radi o slici zgrade, ljudima koji ne vide mislim da ne bi previše značilo da je slika opisana na način: „Narodne novine, upravna zgrada“ Ovo je jedan primjer gifa: „EOJN3.gif“. Taj gif predstavlja najvjerojatnije logo za „elektronički oglasnik javne nabave“. Ovaj gif se nalazi ispod linka koji ima prethodno navedeni tekst. Gif kao takav ako se u obzir uzme cijeli kontekst, ima smisla da se isti tekst ne ponavlja linija ispod linije, no ako netko ne uoči da je to kratica, odnosno ne promatra to kao dio konteksta, to može biti zbunjujuće. Jednako tako i „logo-pip2-b.jpg“ je uvršten u istu kategoriju, no meni ovaj tekst ne samo da je nedovoljno informativan, već mi je i besmislen. Naravno, nema smisla dok se ne otvori njegov sadržaj i čitač ekrana kaže: «Pravni Internet portal.» Moguće je da netko zbog besmislenosti ni ne otvori sadržaj ovoga linka te ga samo preskrola. Za slijepe bi bilo dobro da taj link ima naziv logo-pravni_internet_portal2-b.jpg“ pa bi netko kome takva informacija treba otvorio taj sadržaj i dobio bar nekakvu informaciju.Pa budući da nema puno slika, već je sve na stranici uglavnom tekstualnoga sadržaja, slike ne ometaju čitanje, isto tako ni navigacija nije otežana, osim ovih nekoliko neadekvatno imenovanih linkova. Nisam primijetio redundantne slikovne linkove da bi znatno utjecali na ometanje navigacije. Linkovi su grupirani na sasvim solidan način, a i njihov broj ne može bitno utjecati na dugotrajnost pretraživanja, stoga oni kao takvi nisu otežavajući čimbenik. Gumbi su na stranici jasni, no tražilica baš i ne nudi dobre rezultate. Kad se upišu ključne riječi za pretragu, najčešće se kao rezultat pretrage dobije neka vijest. No na žalost, dobiti konkretnu informaciju s te tražilice nije moguće te se ne može okarakteizirati kao lagan posao. Iako su te novine službeni glasnik Republike Hrvatske, lakše je informacije dobiti s nekih drugih lokacija. Prilikom navigacije po stranici koristio sam se standardnim komandama čitača ekrana. Kad se otvori neki sadržaj sa ove stranice, kursor se ne pozicionira na vrh stranice. Taj sadržaj bude uglavnom smješten na dnu. Bilo bi dobro da se poradi na stranici i njenom dizajnu te da se headinzi jasno definiraju jer tako bi slijepa osoba korištenjem prečaca čitača zaslona mogla brže pregledavati sadržaje koji su dostupni na ovoj stranici. Nakon što se završi s tom stranicom i pregledavanjem nekog od njenih sadržaja, kursor se vrati na onaj link s kojeg se krenulo. Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja. Sa stranice se može skinuti neki zakon, no nisam uspio.Prilikom otvaranja linka za slanje elektroničke pošte otvara se Outlook Express.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.Stranica mi je bila prilično monotona i nezanimljiva. Iako je pristupačna slijepim osobama i ocjena joj je odličan što se pristupačnosti tiče, mislim da bi bilo pametno da se napravi

85

http://www.nn.hr/

redizajn. Na koncu konca stranica, odnosno pretraživač koji se nalazi na njoj nije samo neefikasan za nas slijepe, već su mi i ljudi koji vide za skidanje zakona preporučili bolje stranice. Savjet je redizajn i da se pri tome konzultiraju smjernice za pristup sadržajima mreže, kako bi pristupačnost postala još bolja.

Na ovu stranicu „Ocawa“, alat za subjektivnu procjenu nije imala primjedbi. To bi značilo da je prema kriterijima smjernica za pristup sadržajima mreže, ova stranica u potpunosti pristupačna

86

Web stranice Porezne upravehttp://www.pu.mfin.hr

Prilikom procjenjivanja ove stranice pronađeno je sljedeće stanje. Na samoj stranici je pronađeno deset slika. Od tog broja osam je imalo korektan alternativni tekst. U tu skupinu se mogu ubrojiti navigacijski gumbi koji su imenovani „otkrij strukturu“ i „sakrij strukturu“. U skupinu slika koje imaju alt tekst koji je nedovoljno informativan ubrajaju se sljedeći grafički linkovi: „images/ccenter3“ i „elements/iota2-logo“. Potonji link se nalazi ispod naslova koji govori o tome kako je Hrvatska porezna uprava članica Jota-e, te je ispod tog „hiperlinka“ crtica o tome. Ako ovo stavimo u kontekst ometaju li slike čitanje, onda ne, no samo je po meni malo problematično to što je „alt“ tekst čudan i zbunjujući. No, uzevši u obzir kontekst onda ga se kože okarakterizirati nedovoljno informativnim. Učinak koji bi bio negativan po navigaciju slike prisutne na stranici nemaju. Međutim, ono što mi se na stranici nije baš svidjelo je sadržaj koji se može vidjeti otvaranjem sljedećeg Url-a: http://www.pu.mfin.hr/CD2008/index.htm.Na ovom klijentu ima prilično velik broj sadržaja. Kada se otvori neki link, sadržaj se prezentira na mjestu do kojeg se netko tko se služi samo sa skrolanjem može jednostavno izgubiti volju za traženjem. Dobro je što se dani sadržaj otvori u novome headingu i pritiskom na tipku H do njega se može doći u trenutku, a s obzirom na to da se na stranici nalazi nekolicina okvira, pritiskom na slovo M se može skakati s okvira na okvir. No ove prečace za čitače ekrana ne znaju svi slijepi surferi tako da bi njima pregledavanje ove stranice moglo biti „pokora“. Na stranici nisam primijetio redundantne slikovne linkove te oni ne predstavljaju smetnju. Linkovi su dobro strukturirani i kao takvi ne predstavljaju problem. Međutim, ima ih na naslovnici velik broj koji su „on mouse“ i često se ne događa promjena u kontekstu kad se na njih klikne. Nekada se da bi se oni otvorili trebao koristiti „jaws-ov“ kursor što znači da su se trebale koristiti posebne vještine za pregledavanje sadržaja na ovoj stranici. Na stranici je prisutan link za pretraživanje, on otvara podstranicu i ispod polja za upis ključnih riječi se nalazi jasan gumb „pretraži“. Kako sam maloprije naveo kad se otvori neki link, sadržaj se ne postavlja na vrh stranice i u slučajevima kad se otvara neki „on mouse“ link nakon povratka na naslovnicu, kursor se ne pozicionira na onaj link s kojega se krenulo. Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.U trenutcima procjene na stranici se mogao skinuti sadržaj u .iso formatu. Na toj datoteci je bila slika svih relevantnih carinskih propisa važećih za tu godinu. Također se na linku „publikacije“ mogli skinuti i dokumenti u pdf-u, oni su bili čitljivi, no prilikom digitaliziranja teksta nisu korišteni programi koji u sebi imaju prepoznavanje Hrvatskih dijakritičkih znakova, tako da je dokument trebalo ponovno prepoznavati sa „OCR“ programom da bi bio u potpunosti čitljiv. Na stranici postoje dva linka kontakt centar i kontakti te link „pišite nam.“ Kad se otvori ovaj potonji, na stranici se otvara formular za upis kritika ili pohvala. Kad sam primijetio da se mora upisati kontrolni broj skoro sam odustao, međutim ovaj kontrolni broj je dostupan čitaču zaslona uz pomoć standardnih komandi. Jako lijepo, i s ovim dijelom, odnosno formularom sam zadovoljan. Na žalost, na stranici ne postoji mogućnost da se prilagodi pristupačnost ove stranice za potrebe slijepih i slabovidnih osoba.S obzirom na sve gore navedeno, stranica dobiva ocjenu tri jer je za slijepu osobu snalaženje po stranici otežano, ali moguće. To navodim jer je prisutan velik broj „on mouse over“ linkova, na nekim podstranicama se koriste frame-ovi i početnicima da dođu do novootvorenog sadržaja treba puno skrolanja po stranici. Jednako tako kad se otvara neki on mouse over link jako često se ne javlja promjena u kontekstu na koji se kliknulo. Ono što bi po meni bilo dobro jest da se glavni meniji kreiraju kao uobičajeni linkovi odnosno kad se

87

http://www.pu.mfin.hr/CD2008/index.htm


otvori neki od linkova da se otvara u nekome od headinga. Hoće li će to biti tagirani grafički linkovi ili samo tekstualni svejedno, no takvim bi se linkovima olakšalo mnogim slijepim surferima.

Na ovu stranicu alat za objektivnu procjenu Ocawa ima pedeset i jednu primjedbu. Smjernice kažu sljedeće: „Omogućite tekstualni ekvivalent za svaki netekstualni element (koristite na primjer, "alt", "longdesc" ili opis elementa). Netekstualni elementi obuhvaćaju:slike, grafičke prikaze teksta (uključujući simbole), takozvane regije na image map, animacije (na primjer animirani GIF), minijaturne aplikacije (applets) i programske objekte, ASCII umjetnost (ASCII art), okvire, skripte, ikone i slike upotrijebljene za tekstualne oznake, grafičke tipke, zvukove (puštane skorisnikovom interakcijom ili bez nje), zasebne auditivne dokumente i video. [1. prioritet]“U sljedećim linijama nedostaje „alt“ za image:

[line 00831] <td valign="self"><img height="5" src="../images/5x5.gif" width="150" border="0"> [line 00829] <td valign="self"><img height="5" src="../images/5x5.gif" width="15" border="0"> [line 00822] <img height="5" src="../images/5x5.gif" width="400" border="0"> [line 00818] <p><img height="350" src="../images/5x5.gif" width="5" border="0"></p></td> [line 00798] <td width="100%" colspan="2" height="7"><img border="0" src="../images/5x5.gif" width="5" height="5"></td> [line 00534] <td width="100%" colspan="2" height="7"><img border="0" src="../images/5x5.gif" width="5" height="5"></td> [line 00524] <P class=MsoNormal style="MARGIN: 0cm 0cm 0pt"><SPAN style="FONT-FAMILY: Arial"><FONT face="Verdana, Arial, Helvetica, sans-serif"><FONT size=2> <IMG src="http://www.porezna-uprava.hr/contentData/slike/Male01/svjbanka.gif">   <STRONG>Poziv na iskaz interesa - konzultantske usluge</STRONG></FONT></FONT></SPAN></P> [line 00437] <img border="0" src="images/elements/fiscalis.bmp" align="left"> [line 00406] <img border="0" src="images/elements/iota2-logo.gif" align="left" width="59" height="59"></a>Porezna uprava Republike Hrvatske primljena je u [line 00295] <img border="0" src="images/ePorezna/e-porezna_blue.gif" width="134" height="42"></a><font color="#FFFFFF"><br> [line 00274] <td width="100%" colspan="2"><img border="0" src="../images/5x5.gif" width="160" height="10"> [line 00269] <img border="0" src="../images/5x5.gif" width="5" height="13"> [line 00259] <img border="0" src="../images/5x5.gif" width="5" height="13"> [line 00223] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b07d3" onclick="prikaz(this); document.location.href ='../kontakt/feedback.asp?id=b07d3';" title="Pišite nam"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead2.gif"> Pišite nam</div></a></div> [line 00222] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b07d2" onclick="prikaz(this); document.location.href ='../kontakt/m_hrvatske.asp?id=b07d2';" title="Mapa Hrvatske">

88

<img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Mapa Hrvatske</div></a></div> [line 00220] <div style="display:block"><a href="#" style="font-weight:normal;color:#000000;" hidefocus="true"><div class="out" style="display:block" onmouseover="over(this);" onmouseout="out(this)" onclick="toggleChildren(this.parentNode.parentNode); javascript: document.location.href ='#';" title="Kontakt"> Kontakt</div></a><div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b07d5" onclick="prikaz(this); document.location.href ='http://ccenterclient.porezna-uprava.hr/?id=b07d5';" title="Kontakt centar"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Kontakt centar</div></a></div> [line 00221] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b07d1" onclick="prikaz(this); document.location.href ='../kontakt/adresar.asp?id=b07d1';" title="Adresar"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Adresar</div></a></div> [line 00218] <div style="display:block"><a href="#" style="font-weight:normal;color:#000000;" hidefocus="true"><div class="out" style="display:block" onmouseover="over(this);" onmouseout="out(this)" onclick="toggleChildren(this.parentNode.parentNode); javascript: document.location.href ='#';" title="Projekti"> Projekti</div></a><div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b98d1" onclick="prikaz(this); document.location.href ='../projekti/SvjetskaBanka.asp?id=b98d1';" title="Projekti Svjetske banke"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead2.gif"> Svjetska banka</div></a></div> [line 00215] <div style="display:block"><a href="#" style="font-weight:normal;color:#000000;" hidefocus="true"><div class="out" style="display:block" onmouseover="over(this);" onmouseout="out(this)" onclick="toggleChildren(this.parentNode.parentNode); javascript: document.location.href ='#';" title="Publikacije"> Publikacije</div></a><div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b05d1" onclick="prikaz(this); document.location.href ='../publikacije/m_s_ureda.asp?id=b05d1';" title="Mišljenja Središnjeg ureda"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Mišljenja Sred. ureda</div></a></div> [line 00216] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b05d2" onclick="prikaz(this); document.location.href ='../publikacije/p_prirucnici_brosure.asp?id=b05d2';" title="Porezni priruènici i brošure"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Priruènici i brošure</div></a></div> [line 00209] <div style="display:block"><a href="#" style="font-weight:normal;color:#000000;" hidefocus="true"><div class="out" style="display:block" onmouseover="over(this);" onmouseout="out(this)"

89

onclick="toggleChildren(this.parentNode.parentNode); javascript: document.location.href ='#';" title="Zaposlenja"> Zaposlenja</div></a><div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b10d1" onclick="prikaz(this); document.location.href ='../zaposlenja/zaposlenja.asp?id=b10d1';" title="Porezna uprava: Javni natjeèaji"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> PU: Javni natjeèaji</div></a></div> [line 00210] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b10d2" onclick="prikaz(this); document.location.href ='../zaposlenja/zaposlenja.asp?id=b10d2';" title="Porezna uprava: Interni oglasi"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> PU: Interni oglasi</div></a></div>Δ [line 00211] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b10d3" onclick="prikaz(this); document.location.href ='../zaposlenja/zaposlenja.asp?id=b10d3';" title="Financijska policija: Javni natjeèaji"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> FP: Javni natjeèaji</div></a></div> [line 00212] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b10d4" onclick="prikaz(this); document.location.href ='../zaposlenja/zaposlenja.asp?id=b10d4';" title="Financijska policija: Interni oglasi"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> FP: Interni oglasi</div></a></div> [line 00213] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b10d3" onclick="prikaz(this); document.location.href ='../zaposlenja/drzavniispit.asp?id=b10d3';" title="Uredba o postupku, naèinu polaganja i Programu državnog struènog ispita"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead2.gif"> Državni struèni ispit</div></a></div> [line 00205] <div style="display:block"><a href="#" style="font-weight:normal;color:#000000;" hidefocus="true"><div class="out" style="display:block" onmouseover="over(this);" onmouseout="out(this)" onclick="toggleChildren(this.parentNode.parentNode); javascript: document.location.href ='#';" title="Propisi"> Propisi</div></a><div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b04d1" onclick="prikaz(this); document.location.href ='http://propisi.porezna-uprava.hr?id=b04d1';" title="Porezni i drugi propisi"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Porezni i drugi propisi</div></a></div> [line 00206] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b04d2" onclick="prikaz(this); document.location.href ='../propisi/u_sklopljeni.asp?id=b04d2';" title="Ugovori o izbjegavanju dvostrukog oporezivanja">

90

<img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Dvostruko oporezivanje</div></a></div> [line 00207] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b04d3" onclick="prikaz(this); document.location.href ='../propisi/obrasci.asp?id=b04d3';" title="Obrasci"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead2.gif"> Obrasci</div></a></div> [line 00199] <div style="display:block"><a href="#" style="font-weight:normal;color:#000000;" hidefocus="true"><div class="out" style="display:block" onmouseover="over(this);" onmouseout="out(this)" onclick="toggleChildren(this.parentNode.parentNode); javascript: document.location.href ='#';" title="ePorezna"> ePorezna</div></a><div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b03d1" onclick="prikaz(this); document.location.href ='../e-Porezna/index.asp?id=b03d1';" title=""> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> ePorezna - poèetna</div></a></div> [line 00200] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b03d2" onclick="prikaz(this); document.location.href ='../e-Porezna/elektronickeUslugePU.asp?id=b03d2';" title="Elektronièke usluge Porezne uprave"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Elektronièke usluge PU</div></a></div> [line 00201] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b03d3" onclick="prikaz(this); document.location.href ='../e-Porezna/kakoPostatiKorisnik.asp?id=b03d3';" title="Kako postati korisnik ePorezna"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Kako postati korisnik</div></a></div> [line 00202] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b03d4" onclick="prikaz(this); document.location.href ='../e-Porezna/e-PoreznaApp.asp?id=b03d4';" title=""> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> O aplikaciji ePorezna</div></a></div> [line 00203] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b03d5" onclick="prikaz(this); document.location.href ='../e-Porezna/primjeriObjasnjenja.asp?id=b03d5';" title=""> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead2.gif"> Primjeri i objašnjenja</div></a></div> [line 00195] <div style="display:block"><a href="#" style="font-weight:normal;color:#000000;" hidefocus="true"><div class="out" style="display:block" onmouseover="over(this);" onmouseout="out(this)" onclick="toggleChildren(this.parentNode.parentNode); javascript: document.location.href ='#';" title="Porezi"> Porezi</div></a><div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block"

91

onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b02d1" onclick="prikaz(this); document.location.href ='../porezi/v_poreza.asp?id=b02d1';" title="Porezni sustav RH"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Porezni sustav RH</div></a></div>Δ [line 00196] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b02d3" onclick="prikaz(this); document.location.href ='../porezi/p_kalendar2008.asp?id=b02d3';" title="Porezni kalendar 2008"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Porezni kalendar</div></a></div> [line 00197] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b02d4" onclick="prikaz(this); document.location.href ='../porezi/prijave.asp?id=b02d4';" title="Porezne prijave"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead2.gif"> Porezne prijave</div></a></div> [line 00193] <div style="display:block"><a href="#" style="font-weight:normal;color:#000000;" hidefocus="true"><div class="out" style="display:block" onmouseover="over(this);" onmouseout="out(this)" onclick="toggleChildren(this.parentNode.parentNode); javascript: document.location.href ='#';" title="Novosti"> Novosti</div></a><div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b01d1" onclick="prikaz(this); document.location.href ='../novosti/p_novosti.asp?id=b01d1';" title="Porezne novosti"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead2.gif"> Porezne novosti</div></a></div>[line 00187] <div style="display:block"><a href="#" style="font-weight:normal;color:#000000;" hidefocus="true"><div class="out" style="display:block" onmouseover="over(this);" onmouseout="out(this)" onclick="toggleChildren(this.parentNode.parentNode); javascript: document.location.href ='#';" title="Poèetak"> Poèetak</div></a><div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b00d1" onclick="prikaz(this); document.location.href ='../pocetak/zadatak.asp?id=b00d1';" title="Zadatak Porezne Uprave"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Zadatak PU</div></a></div> [line 00188] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b00d2" onclick="prikaz(this); document.location.href ='../pocetak/o_stranici.asp?id=b00d2';" title="O stranici"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> O stranici</div></a></div> [line 00189] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b00d3" onclick="prikaz(this); document.location.href ='../pocetak/odgovornost.asp?id=b00d3';" title="Odgovornost">

92

<img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Odgovornost</div></a></div> [line 00190] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b00d4" onclick="prikaz(this); document.location.href ='../pocetak/org_pu.asp?id=b00d4';" title="Organizacija Porezne Uprave"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead.gif"> Organizacija PU</div></a></div> [line 00191] <div style="display:none"><a href="#" style="font-weight:normal; color:#000000;" hidefocus="true"><div class="SubOut" style="display:block" onmouseover="SubOver(this);" onmouseout="SubOut(this);" ID="b00d5" onclick="prikaz(this); document.location.href ='../pocetak/eticki_kodeks.asp?id=b00d5';" title="Etièki kodeks državnih službenika"> <img id="slika" align="absmiddle" BORDER="0" src="../images/lead2.gif"> Etièki kodeks</div></a></div> [line 00177] <img src="../images/close.gif" border="0" title="Sakrij strukturu" onclick="HideAll()" style="cursor: hand;" align="absbottom"><img border="0" src="../images/5x5.gif" width="2" height="5"><img src="../images/open.gif" border="0" title="Otkrij strukturu" onclick="ShowAll()" style="cursor: hand;" align="absbottom"> [line 00173] <img border="0" src="../images/5x5.gif" width="1" height="5" align="absbottom"><img border="0" src="../images/5x5.gif" width="5" height="5"><img border="0" src="../images/info2.gif" align="absbottom" style="cursor:hand;" onclick="JavaScript: window.open('../info.asp',null, 'width=450, height=480, titlebar=0, status=0, resizable=0, menubar=0, location=0')" alt="Informacije za upotrebu izbornika"><img style="cursor:hand;" onclick="JavaScript: location.reload()" border="0" src="../images/refresh.gif" align="absbottom" hspace="2" alt="Osvježi stranicu"> [line 00119] <img border="0" src="../images/3.jpg" width="235" height="65"></td> [line 00117] <area href="http://www.mfin.hr" target="_blank" shape="rect" coords="50, 13, 220, 28"></map><img border="0" src="../images/2.jpg" usemap="#FPMap0" width="226" height="48"></td> [line 00114] <img border="0" src="../images/1.jpg" width="167" height="65"></td>

Na sljedećoj liniji nedostaje “alt” za areu:

[line 00117] <area href="http://www.mfin.hr" target="_blank" shape="rect" coords="50, 13, 220, 28"></map><img border="0" src="../images/2.jpg" usemap="#FPMap0" width="226" height="48"></td>

93

Web stranica Hrvatskih poštahttp://www.posta.hr

Nakon što se učitala stranica i pregledavanjem iste, ustanovio sam da se na njoj nalazi šest slika. Pet slika od ukupnog broja je zadovoljavao kriterij onih koje imaju korektan alt tekst. Jedna od njih j: „img/hp_logo“. Znači, predstavlja logo Hrvatskih pošta, mislim da tu nije potrebno da se opiše cijeli logo, već samo da se imenuje. Jedna od slika potpada pod kategoriju nedovoljno informativnog alt teksta. Nadalje, spomenuo bih i sljedeću sliku“ resize.aspx?filename=marke/668677“ Ova slika kao takva bi bila puno bolje opisana da je na njoj samo tekst „marke“. Ta slika je u cjelini koja promovira nove marke koje su u prodaji. Vijest je opisana na način da govori kad je marka puštena u opticaj i povodom koje prigode, to jest radi se o prigodnoj marki. Ta slika koja je sastavni dio teksta ne ometa čitanje jer je pozicionirana jedan red ispod teksta.Slika koje bi potpadale pod neke druge kategorije nije bilo.Kako na stranici nije bilo puno slika, one nisu ometale navigaciju po stranici. Jednako tako nije bilo redundantnih slikovnih linkova koji bi mogli ometati navigaciju na način da bi produljili vrijeme pretraživanja. Dakako, na stranici postoji nekolicina grafičkih linkova koji ne ometaju pregledavanje, uostalom bolje je da je postavljen jedan dobro imenovani grafički link, nego li dva uzastopce. Kako sam i naveo linkova nije bilo puno - nešto iznad trideset, i dobro su strukturirani po tematskim cjelinama, tako da nisu ometali razumljiv slijed. Tražilica na naslovnici nije imala gumbe, već je ispod polja za unos kriterija pretrage bio image link,koji je bio obilježen ovako: „img/search_button“. Zamjerka s moje strane je na ovakav tip obilježavanja uvijek ista, radije bih zbog razumljivosti da je bio označen a tekstom „traži“ ili „pretraga“. No, ipak je u upitniku ocjena jasnoće gumba afirmativna, jer se na linku „izračun cijene“, nakon što se odaberu svi kriteriji za slanje raznih vrsta pošiljaka, na dnu nalazi gumb „izračunaj“. Jedina mala zamjerka kod izračuna cijene je ta što se izračunata cijena ne može pročitati uz pomoć standardnih komandi čitača ekrana, već se mora koristiti funkcija čitača zaslona koja simulira miša. Na edit poju gdje bi se ukupna cijena trebala pokazati standardan način ne prikazuje ništa razumljivo. Ovo je jedini dio stranice gdje sam se morao poslužiti nestandardnim komandama čitača ekrana. Ono što sam još htio provjeriti je bio link „put_pošiljke“, međutim nisam mogao jer nisam imao nikakvu pošiljku, to jest broj pošiljke koji bi omogućio pretragu toga dijela stranice.Ovaj potonji link se otvara u novom prozoru. Nakon što se završi pregledavanje sadržaja drugih linkova, prilikom vraćanja na naslovnicu, kursor se pozicionira na lik s kojega se krenulo. Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Na stranici se može skinuti dokument u .pdf-u, skinuti dokument je „IzvadakizCjenikaHPE-182008.pdf“. Dokument je u potpunosti čitljiv uz pomoć čitača zaslona.Otvorivši link: kontakt/e-mail/tražite detaljnije informacije?pošaljite nam upit/ za slanje elektroničke pošte se otvara forma. Forma je prilično jasna i pristupačna u cijelosti. Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.Nakon pretraživanja stranice i procjenom iste moj stav je da je stranica pristupačna za slijepe korisnike. Možda bi bilo korisno da se označe headinzi za pojedine cjeline kako bi se olakšalo pretraživanje slijepim surferima, to jest da brže mogu doći do nekog od sadržaja. No čini mi se da to nije nužno i apsolutno neophodno s obzirom na nevelik broj linkova. S obzirom na mali broj linkova relativno se brzo može pretražiti sadržaj ove stranice.

94

http://www.posta.hr/

Nakon procjene ove stranice, alat za subjektivnu procjenu Ocawa je iznio dvadeset i četiri primjedbe. Sve se odnose na to da je potrebno omogućiti tekstualni ekvivalent za svaki netekstualni element. U ovoj procjeni netekstualni elementi obuhvaćaju slike i grafičke prikaze teksta, uključujući simbole, na primjer, animirani gif.Preporuka je za ovu stranicu da se u HTML-u koristi „alt“ za img elemente, za sve niže navedene linije.

[line 01049] <td><img src="img/spacer.gif" class="spacer" width="1" height="10"></td> [line 01039] <td align="right"><a href='http://www.globaldizajn.hr'><img src='img/globaldizajn_logo.gif' border="0"></a></td> [line 01033] <td width="100" class="first3"><img src="img/spacer.gif" class="spacer" width="100" height="1"></td> [line 01034] <td width="220" class="second3"><img src="img/copyright.gif" hspace="12"></td> [line 01035] <td width="57" class="third3"><img src="img/spacer.gif" class="spacer" width="57" height="1"></td>[line 01026] <td>    <a href='javascript:window.print();'><img src='img/icon_print.gif' border=0> Ispiši</a><br><br></td> [line 01015]<td><img src="img/spacer.gif" class="spacer" width="1" height="20"></td> [line 00354]<td><img src="img/spacer.gif" class="spacer" width="1" height="20"></td> [line 00310] <td class="banner"><a href="http://ips.posta.hr/"><img src="userdocsimages/banner_sample.jpg" border="0"></a></td> [line 00305]<td width="57" class="third2"><img src="img/spacer.gif" class="spacer" width="57" height="1"></td> [line 00249]<td><img src="userdocsimages/cat_pic_sample.jpg"></td> [line 00223] <td><img src="img/spacer.gif" class="spacer" width="1" height="12"></td> [line 00206] <td class="second" height="100%"><a href="default.aspx">Naslovna</a><img src="img/bullet_blue.gif" hspace="6"><a href='main.aspx?id=13'> Hpekspres</a><img src='img/bullet_blue.gif' alt='' hspace='6' border='0'>Hpekspres</td> [line 00197] <td><a href="main.aspx?id=194"><img src="img/izracun_cijene.gif" border="0"></a></td> [line 00198] <td><a href="http://ips.posta.hr/" target="_blank"><img src="img/put_posiljke.gif" border="0"></a></td> [line 00199] <td class="last"><a href="main.aspx?id=148&trazi=1"><img src="img/nadji_postu.gif" border="0"></a></td> [line 00189] <td class="third1"><img src="img/spacer.gif" class="spacer" width="57" height="1"></td> [line 00183] <td><input name="Pojam" type="text"><a href="#" onclick="provjera(document.formasearch.Pojam.value,2);"><img src="img/search_button.gif" border="0"></a> </td> [line 00180] <td><img src="img/spacer.gif" class="spacer" width="1" height="7"></td>[line 00166] <td><img src="img/search_label.gif"></td> [line 00158]<td class="first1"><img src="img/spacer.gif" class="spacer" width="100" height="1"></td> [line 00144] <td><img src="img/spacer.gif" class="spacer" width="20" height="1"></td> [line 00145] <td align="right"><a href="default.aspx"><img src="img/hp_logo.gif" width="301" height="37" border="0"></a></td> [line 00146] <td><img src="img/spacer.gif" class="spacer" width="20" height="1"></td>

95

Web stranice Središnjeg državnog ureda za e-Hrvatsku

http://e-hrvatska.hrNakon pregledavanja ove stranice i procjene slijede moja opažanja. Na stranici je u trenutku procjene bilo jedanaest slika. U potpunosti su sve bile dobro tekstualno opisane, imale su korektan alternativni tekst. Primjer jedne od njih je: „Logotip portala Moja uprava. Kliknite na sliku i pristupite portalu Moja uprava!“. Jako dobro odrađeno. Link sadržava čak i opis što se tu nalazi, kaže da je logotip i da je slika. Nema onih linkova poput „niz brojeva, alt tekst i .jpg“.Vijesti na naslovnici su prezentirane s naslovom, sažetkom i mogućnošću da preko „on mouse over“ linka pročitate cijeli članak. Kad se članak otvori, na njegovom vrhu se nalazi grafika koje je ujedno i naslov članaka, za koju predmnijevam da je slika. S obzirom na lokaciju slika ne ometa čitanje članka. Isti neometajući učinak ima i na pretraživanje stranice. Redundantnih slikovnih linkova nema, odnosno bar ih ja prilikom procjene nisam primijetio.Linkova ima u svim formama. Ima grafičkih linkova, „normalnih“ linkova i jako puno „on mouse over“ linkova. Iako preko njih nije problem pregledavati sadržaj koji se otvara u novome tabu, te se onda ponovno mora udariti enter tipka za otvaranje članka, mislim da ovo i nije najbolje rješenje za početnike. Ovakvi linkovi mogu zbuniti slijepog surfera, jer na prvi pogled se nakon klika ništa ne događa. No dobra stvar je u tome kad se iz novog taba otvori taj link sadržaj se prezentira na vrhu stranice i fokus čitača ekrana je na članku. Stoga nema zamornog skrolanja da se nađe gdje je otvoren sadržaj. Nakon što se određeni sadržaj pročita, prilikom vraćanja na naslovnicu kursor se pozicionira na onaj link s kojega se krenulo. Grupe linkova nisu razbacane po stranici već su jasno strukturirane u zasebne i logične cjeline te nema nikakvih problema s navigacijom po stranici. Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Na stranici nisam pronašao sadržaje koji bi se mogli skinuti na osobno računalo.Prilikom otvaranja nekog linka za slanje elektroničke pošte otvara se Outlook.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.

Nakon procjenjivanja ove stranice mogu je okarakterizirati potpuno pristupačnom za slijepe osobe. Naravno, ova stranica sadržava sve temelje strategije internetizacije državne uprave. Stoga je bilo i za očekivati da će biti uredno konstruirana. Međutim, usporedivši je sa stranicama Filozofskog fakulteta za nijansu je lošija, iako je i ona dobila ocjenu 5. Da bi stranica bila uz bok prethodno navedenoj stranici, trebalo bi srediti linkove i mogućnost stavljanja headinga po stranici.

Objektivni alat za procjenu stranice Ocawa, na samu stranicu ima četiri primjedbe. Te primjedbe su vezane za „prioritet 1“. Sve četiri primjedbe se odnose na to da je potrebno omogućiti tekstualni ekvivalent za svaki netekstualni element. U ovoj procjeni netekstualni elementi obuhvaćaju slike i grafičke prikaze teksta, uključujući simbole, na primjer, animirani gif.Preporuka je za ovu stranicu da se u HTML-u koristi „alt“ za img elemente, za sljedeće linije kojima nedostaje tekstualni element za image:

941, 614, 336 i 260.

96


[line 00941] <img border="0" src="/sdu/hr/e-hrv/rightBanner/01/image/logo_e-Hrvatska_blur.bmp" /> [line 00614] <img src="/sdu/hr/e-hrv/contentParagraph/011117/image/igor_lucic_vidi_web.jpeg" border="1" style="border-color:#666666" />   [line 00336] <img border="0" src="/sdu/hr/e-hrv/newLeftBanner/01/image/teleaccess.jpg" /> [line 00260] <img border="0" src="/sdu/hr/e-hrv/newLeftBanner/00/image/logo-ict-psp_prezentacije.jpg" />

97

Web stranica Zaklade za civilno društvohttp://zaklada.civilnodrustvo.hr

Nakon pretraživanja i procjene ove stranice došao sam do sljedećih podataka kao i dojmova.Na stranici postoji osam slika. Većinom su to linkovi ili banneri.Od tih slika niti jedna nije u potpunosti korektno označena. Osam je potpalo pod kategoriju „nedovoljno informativnog alt teksta“. Jedan od primjera je: „banneri/pregled_potpora“. U kategoriju slika bez alt teksta, ali koje su smisleno imenovane pa se da razlučiti o čemu je riječ sam stavio 3 slikovna linka. To su sljedeći linkovi: „images/a1“, „images/a2“ i „images/a3“. Ta tri linka slabovidnim osobama znače prilično mnogo jer služe kao mogućnost prilagođavanja pristupačnosti i služe povećavanju fonta. Slabovidnim osobama takvi linkovi mogu biti smisleno imenovani i nedovoljno informativni, ali se opet može razlučiti smisao ako se gleda cijeli kontekst.Vezano za utjecaj koji slike imaju na čitanje je takav da pošto nema slika one ne mogu negativno utjecati na čitanje. Odnosno, ja nisam uočio slike, čak ni na headingu unutar kojega se nalaze vijesti. Svaka vijest koja je u tim okvirima ima naslov, kratak sažetak te ispod njega link „više“ koji kad se otvori omogući uvid u cijelu vijest. Jednako tako navigaciju slike ne mogu ometati zato što ih nema, no ako uzmemo u obzir da su neki grafički banneri označeni s nedovoljno informativnim tekstom, moglo bi se dogoditi da surfer taj banner preskoči pošto mu njegov tekst nije jasan. Međutim takvih bannera nema puno da bi bitnije utjecali na ukupnu navigaciju. Pregledavajući sadržaj, uočio sam samo jedan redundantni link te stoga mogu mirno reći da prisutni redundantni likovi ne ometaju navigaciju. Grupe linkova nisu razbacane po stranici već imaju nekakav logičan slijed te ne ometaju razumijevanje i nemaju negativan učinak na navigaciju. Svi gumbi koji su prisutni na stranici su jasni. Kod tražilice je dobro označen gumb „traži“, a gumb „prijava“ se nalazi na stranici kod mogućnosti prijavljivanja adrese elektroničke pošte u svrhu dobivanja poruka od strane zaklade.Sve što sam pregledavao na stranici je bilo dostupno upotrebom standardnih komandi čitača zaslona.Što se tiče ovog pitanja: Kad se na stranici uđe na neki link, postavi li se sadržaj te stranice na vrh ekrana? (DA ili NE):, Odgovor je da, jer kad se otvori neki link, čitač zaslona počne čitati sadržaj stranice gotovo u isto vrijeme kad se otvori stranica iako kad se jaws zaustavi i kad se ode na vrh stranice, treba se podosta odskrolati do željenog sadržaja koji je otvoren.Također, oni koji često pretražuju sadržaje unutar ove stranice imaju mogućnost putem prečaca čitača zaslona isti trenutak kad se podstranica učita pritiskom na komandu prečaca odmah dobiti informaciju. Recimo, kad se otvori neka vijest, dovoljno je pritisnuti brojku pet da se dobije taj efekt.Nakon što se odsluša željeni sadržaj te izađe s te podstranice, kursor se pozicionira na onaj link s kojega se krenulo. Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Na nekim linkovima je moguće skinuti određene sadržaje, na ovoj stranici su to .pdf dokumenti i mpeg datoteke. Za primjer ću navesti jedan od dokumenata koje sam skinuo, „pp6_rezultati_2008.pdf“. Dokument je u potpunosti čitljiv putem čitača ekrana. Također, nije bilo problema kao što ih je bilo na nekim stranicama da se grafemi poput č, š i drugih nisu reproducirali korektno zbog nekorištenja hrvatskog jezika u OCR programima. Mpeg datoteke su uglavnom promotivni i promidžbeni materijali za neke akcije. Na naslovnici postoji za kontakt već postavljena forma za upite, no jednako tako na ostalim stranicama nudi se i link za slanje elektroničke pošte koji otvara Outlook. Na stranici postoji mogućnost prilagođavanja izgleda koja je već objašnjena u dijelu teksta koji se tiče slika. Uglavnom se radi i o mogućnosti mijenjanja veličine slova.Stranica je dobila ocjenu pet jer je po mojem mišljenju u potpunosti pristupačna za slijepe korisnike. Jedina mala zamjerka je bila upućena na način na koji su opisani banneri. Ono što

98

http://zaklada.civilnodrustvo.hr/

mi je još bilo prilično u redu su postavljeni headinzi koji su mi u mnogome olakšali i ubrzali pretraživanje stranice.

Nakon što je završeno s procjenom uz pomoć objektivnog alata, servis je dao informaciju o postojanju pet primjedaba.

Smjernice naglašavaju: „Osigurajte sadržaj koji kad je predstavljen korisniku ima istu funkciju ili namjenu kao i auditivni ili vizualni sadržaj.“Preporuka 1.1. kaže: „Omogućite tekstualni ekvivalent za svaki netekstualni element (koristite na primjer, "alt", "longdesc" ili opis elementa). Ne-tekstualni elementi obuhvaćaju: slike, grafičke prikaze teksta (uključujući simbole), takozvane regije na image map, animacije (na primjer animirani GIF), minijaturne aplikacije (applets) i programske objekte, ASCII umjetnost (ASCII art), okvire, skripte, ikone i slike upotrijebljene za tekstualne oznake, grafičke tipke, zvukove (puštane s korisnikovom interakcijom ili bez nje), zasebne auditivne dokumente i video. [1. prioritet]

Za sljedeće linije nedostaju alternative za image:

[line 00162] <img src="http://zaklada.civilnodrustvo.hr/css/website/images/rss.gif" width="19" height="18" /> [line 00063] <div id="funkcije"><a href="http://zaklada.civilnodrustvo.hr/frontpage/set_css_files/1" title="Normalno"><img src='http://zaklada.civilnodrustvo.hr/css/website/images/a1.gif' width='22' height='15' /></a> <a href="http://zaklada.civilnodrustvo.hr/frontpage/set_css_files/2" title="VeÄ‡e"><img src='http://zaklada.civilnodrustvo.hr/css/website/images/a2.gif' width='22' height='15' /></a> <a href="http://zaklada.civilnodrustvo.hr/frontpage/set_css_files/3" title="NajveÄ‡e"> <img src='http://zaklada.civilnodrustvo.hr/css/website/images/a3.gif' width='22' height='15' /></a> <img src="http://zaklada.civilnodrustvo.hr/css/website/images/cc.gif" width="22" height="15" /></div>

99

Web stranica Iskon Internetahttp://www.iskon.hr

Nakon što se napravila procjena stranica koje su na neki način direktno ili indirektno vezane za državnu upravu, ova stranica je prva koja je iz skupine komercijalnog sektora.Nakon pregleda stranice ustanovljeno je da na samoj naslovnici postoje 4 slike. Tri slike su bile dobro imenovane, sadržavale su korektan alt tekst. Prisutna je još jedna koja nije imala korektan alt tekst.„23194-1-cro-HR/cestitka_lutka_u_kugli_166x263_medium“ je jedna od grafika koja je imala prilično dobar alt tekst. Jasno je što se tu nalazi iz perspektive slijepog surfera.Slika koje bi potpadale u neku od drugih kategorija ovdje nije bilo. Uzimajući u obzir mogućnost slika koje ometaju praćenje teksta, to na ovoj stranici nije bio slučaj. Prilikom pretraživanja na heading razini tri nalaze se vijesti. Za očekivati bi bilo da se ili na linku koji vodi do članka ili u samome članku na nekom mjestu pronađe slika. Međutim, unutar headinga su naslovi koji ne sadržavaju grafiku. Naslov čini samo jedna rečenica što mi se jako svidjelo i ako se želi pročitati članak mora se kliknuti na samo jedan link. Kad se otvori podstranica s tim sadržajem, ni u člancima nisam pronašao slike. Pri navigaciji po stranici umetnute slike i njihova lokacija ne ometaju snalaženje, a s obzirom da nema redundantnih slikovnih linkova, što je bar za vijesti na ostalim stranicama bio uobičajeni dizajn, učinak na navigaciju je isti. Strukturiranost tematskih cjelina po linkovima je urađena izuzetno jednostavno i razumljivo. Linkova je bilo nešto više od trideset te se po stranici moglo navigirati s lakoćom. Gumbi na stranici su prilično jasni, na naslovnici u odjeljku za pretraživanje je gumb „traži“, i sviđa mi se što je upotrijebljena hrvatska riječ. Na linku jumbo mail, otvara se podstranica u novome prozoru koja nudi mogućnost slanja datoteka koje su velike do 700 Mb. Nakon što se otvori ta stranica, u polja za unos se upisuju adrese elektroničke pošte primaoca i pošiljatelja, a što se tiče gumba, ovdje su prisutni gumb „browse“ i „submit“. Oba su na engleskom jeziku i dobro su označeni, no osobno bih radije da su naslovljeni na hrvatskom jeziku. Također na linku „webmail“ nakon što se upišu potrebni parametri - korisničko ime i lozinka prisutan je dobro tekstualno označeni „log in“ b gumb, on jest dovoljno jasan, mada mislim da bi bio jasniji da je označen hrvatskom riječju. Sama forma pregledavanja elektroničke pošte s ove stranice, naravno ako ste iskonov korisnik, je „blind friendly“ što bi značilo da je izuzetno pristupačna slijepim korisnicima. Svi sadržaji na stranici su „dohvatljivi“ standardnim komandama čitača zaslona. Kad se uđe na neki novi link, nakon sto se on otvori, čitač ekrana za dvije sekunde počne čitati učitani sadržaj. Ako slijepa osoba prekine čitanje, uočljivo je kroz navigaciju da se tek otvoreni sadržaj ne nalazi na vrhu stranice, već u prvoj polovici te trećine stranice.Do tog sadržaja se može doći i navigacijom sa strelicama gore-dolje, ali moguće je zbog označenih headinga do tog sadržaja doći jednim pritiskom na taster brojke 1, odnosno na prečac čitača zaslona. Korisnici koji su upoznati sa strukturom same stranice vrlo brzo mogu pregledati sadržaje na stranici, od novosti, webmaila ili poslati jumbo mail, bez znatnog utroška vremena.Nakon što se završi s pregledavanjem nekog sadržaja, kursor se pozicionira na link s kojeg se krenulo.Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Sa stranice nije bilo moguće skinuti nikakve dokumente tekstualnog tipa. Ako se željelo poslati neki upit, na stranici je bilo moguće poslati pitanje kroz oblik forme ili preko „send mail“ linka koji je pokretao akciju otvaranja Outlooka.

100

http://www.iskon.hr/

Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.Ocjena ove stranice je odličan, odnosno potpuno pristupačna slijepim korisnicima. Stranica je izuzetno lagana za navigaciju. Usability je izuzetno u redu. Headinzi su korektno označeni. Iskonovim korisnicima koji već poznaju koncepciju stranice nije problem da u nekoliko trenutaka pronađu novi sadržaj na stranici. Sadržaja nema previše, informacije koje se nude su koncizne i kratke te nisu opisane naširoko. Ova stranica je po koncepciji slična stranici Filozofskog fakulteta te je jedna od tri koje su do sada na mene ostavile najbolji dojam

Na ovu stranicu alat za objektivnu ocjenu pristupačnosti „Ocawa“ nije imao niti jednu primjedbu. To bi značilo da ova stranica zadovoljava sve potrebne kriterije i smjernice za pristupačan web.

101

Web stranica Indeks.hrhttp://www.index.hrOvaj Internet portal, kako sam i očekivao, zbog svog sadržaja na stranici mora imati puno slika. Nakon što sam pretražio naslovnicu utvrdio sam da ima 32 slike.Ono što me je ugodno iznenadilo, od ukupnog broja slika samo dvije nisu imale alt tekst, ali su bile smisleno imenovane. Nisam pronašao na stranci slike koje bi se mogle smjestiti u ostale kategorije. Te dobro imenovane slike su u principu slikovni, odnosno redundantni slikovni linkovi. Zbog toga što je alt tekst korektan jako se dobro može znati kakav sadržaj će se učitati kad se taj link otvori. Nakon što se članak otvori vidljiv je tekstualni naslov, te je ispod njega slika. Između naslova i slike je prazan prostor te je ispod slike također još jedan, nakon toga slijedi tekst. Recimo na linku http://www.index.hr/clanak.aspx?id=413381 graphic 73 postavljena je i slika koja u ovom slučaju prikazuje unutrašnjost automobila. Slika je unutar teksta ali u svojoj liniji, i linija iznad i ispod slike je prazna tako da alt tekst slike ne ulazi u koliziju s tekstom članka te ako se želi vidjeti slika, mora se otvoriti link gdje je slika u veličini koja je odgovarajuća za uvid u situaciju, a ona se otvara u novom prozoru.To znači da je slika unutar teksta bila male veličine.U nekim člancima postoji samo jedna, a kod drugih su , posebno vijesti iz zemlje, dvije ili više slika. Te slike koje se nalaze u vijestima ne ometaju čitanje jer su odvojene od teksta razmakom. Različite forme vijesti su na različitim razinama. One koje su video vijesti smještene su na posebnoj od onih s tekstualnim sadržajem.Dva su grafička linka koja sam stavio u kategoriju neoznačeni, ali se može shvatiti što predstavljaju „skrolaj lijevo“ i „skrolaj desno“. Nije mi bilo jasno što oni predstavljaju i proveo sam na stranici mnogo vremena tražeći promjenu kad bi se stisnuli ti botuni, no čitač zaslona nije registrirao promjenu.. Prilikom stiskanja pojedinog linka izmjenjuju se male sličice u jednom okviru unutar kojega su se nalazile. Te su sličice u cjelini najgledanijih videa. U ovom slučaju sam imao „videću“ pomoć. Kako sam naveo, na stranici postoji velik broj redundantnih slikovnih linkova, međutim oni nisu ometali navigiranje po stranici. Kako sam ranije rekao da su određene vrste linkova smještene u zasebnim headinzima te zbog dobre strukturiranosti, oni nisu smetali pri pretraživanju stranice. Na naslovnici nema tražilice, već se mora otvoriti link „pretraga“ kako bi se otvorila podstranica s tražilicom. Ispod polja za unos kriterija pretrage postoje dva gumba, jedan od njih izvodi akciju traženja unutar stranice, dok je drugi kroz google. Oba su image buttoni čiji tekst je „index“ i „google“. Možda da se alt tekst proširi s dvije riječi – «Traži unutar», kako ne bi doveli u pitanje razumijevanje tih gumba. Prilikom otvaranja nekog linka, sadržaj te podstranice se ne otvara na vrhu, no dobra stvar je korištenje prečaca za headinge jer na taj način se prilično brzo može fokus čitača ekrana prebaciti na otvoreni sadržaj. Međutim, nakon što se vijest pročita, povratkom na naslovnicu i kursorov fokus je na linku s kojega se otvorio dani sadržaj.U upitniku sam naveo da na stranici nema animacija ili interaktivnih flash elemenata. U biti, postojao je jedan, na što mi je ukazala osoba koja vidi. Iz razloga što taj sadržaj čitač zaslona nije registrirao, ostat ću pri istoj ocjeni u upitniku. Prilikom otvaranja stranice nije se čula glazba, niti je bilo zvukova koji su ometali navigaciju po naslovnici. Naravno da na stranici postoje linkovi za video vijesti, no oni ne utječu na navigaciju jer dok se sluša neki od takvih sadržaja, slijepi surferi obično zastanu dok ne preslušaju video klip.Na stranici nema dokumenata koji se mogu skidati na osobno računalo.S obzirom na to da je to news portal, surferi obično pregledaju vijesti te zatvaraju tu stranicu.

102


Na linku kontakt otvara se forma putem koje se mogu prema indexu uputiti kako kritike, tako i pohvale, no ako se želi poslati neki upit odgovornim osobama to se može napraviti na linku „impressum“. Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.

Stranica je procijenjena kao u potpunosti pristupačna. Bez obzira na to što na stranici ima poprilično velik broj linkova, uz to i redundantnih koji mogu ometati navigaciju, s ovom stranicom to nije slučaj. Svi sadržaji su dostupni standardnim komandama čitača zaslona, razumljivi su te elementi koji su sastavni dio ovog portala ne ometaju pretraživanje.

Na ovu stranicu Ocawa ima samo jednu primjedbu. Ona se tiče osiguravanja informacija o kontekstu i orijentaciji. „Osigurajte informacije o kontekstu i orijentaciji kako bi korisnici lakše razumjeli složene stranice ili elemente.“„12.1 Naslovite svaki okvir radi identifikacije i navigacije. [1. prioritet]Na primjer, u HTML-u koristite "title" atribut FRAME elemenata.“ Opaska se odnosi na sljedeću liniju:

1. [ligne 478]

[line 00478] <iframe src="http://www.index.hr/indexrotator/items/alliancegemius.htm?200812262340726218235008" width="300" height="100" frameborder="0" scrolling="no" marginwidth="0" marginheight="0" hspace="0" vspace="0"></iframe>

103

Web stranica blog.hrhttp://www.blog.hrNakon što sam pregledao stranicu, na njoj su u tome trenutku bile šezdeset i tri slike. Od ukupnog broja slika šesnaest je bilo dobro opisano s korektnim alt tekstom. Četrnaest slika nije imalo nedovoljno informativan alt tekst, četiri slike nisu bile označene, ali se moglo razlučiti što se tu nalazi i dvadeset i devet slika nisu imale ni alt tekst, niti smisleni naziv.Na stranici se slike mogu svrstati u više kategorija. Najveći broj prisutnih slika su avatari ili gifovi koje osobe koje su kreirale svoj blog postavljaju kao svoju identifikaciju. Takve slike najčešće nemaju ni smisleni naslov, niti alt tekst. One slike koje imaju smisleni naslov su hiperveze na sadržaje sa stranice dnevnik.hr. Te slike su naslov članka i sve su grafičke hiperveze. Također na stranici na heading razini 2 nalaze se fotoreportaže gdje ljudi postavljaju fotografije. Neke od njih imenuju, dok druge ne.Na ovoj stranici slike nisu umetnute u tekst jer je ovo blog gdje ljudi pišu svoje dojmove o nekim stvarima, ali nisam ni našao slike umetnute u tekstove. Slike koje se nalaze na stranici ne ometaju navigaciju po stranici. Na stranici je prisutan velik broj slikovnih linkova, no oni nisu redundantni. Ti grafički linkovi su dio cjeline fotoreportaže, a fotoreportaže se nižu jedna ispod druge. Gumbi su na ovoj stranici jasni. Na naslovnici postoje dva gumba. Jedan je dio cjeline tražilice, a gumb je „traži“. Drugi je gumb „ulaz“ koji se nalazi na formi za prijavu. Pretraživanje sam radio uz pomoć standardnih komandi čitača ekrana. No ni uz pomoć posebnih vještina korištenjem „Jaws“ kursora nisam uspio kreirati svoj blog. Razlog tome je isti kao i kod stranice katastra. Da bih prošao prvi od tri koraka u tome procesu, nakon ostavljanja svojih podataka, trebao sam prepisati kod sa sličice koju ni posebne funkcije čitača zaslona nisu mogle identificirati. Stoga će za ovu stranicu ocjena pristupačnosti biti umanjena zbog ovog problema koji je nerješiv bez videće pomoći. Na stranici kad se uđe na bilo koji od blogova, taj sadržaj se otvara u novome prozoru, neki linkovi su hiperveze. No kad se neki od njih otvori, fokus čitača zaslona se postavi na vrh tog novog sadržaja te se treba upotrijebiti komanda „pročitaj dokument“ ili po sadržaju skrolati, koristeći tipke strelice gore i strelice dolje.Postoji maleni broj linkova koji se otvaraju unutar stranice i kad se završi s njihovim pretraživanjem, onda se kursor pozicionira na link s kojega se krenulo. No, u većini slučajeva se mora novi prozor zatvarati kombinacijom tipki „alt+F4“. Na stranici je bilo prisutno u vrijeme procjene pet flash animacija. Te animacije su utjecale na navigaciju. Utjecaj je bio takav da se prilikom skrolanja po stranici zbog osvježavanja fokus kursora pomaknuo te bih neke linkove morao dva puta prijeći s tipkama strelica gore i dolje da bih došao do idućih linkova u nizu. Prilikom otvaranja stranice ne čuje se glazba i nema nekih zvukova koji bi mogli ometati navigaciju po stranici. Na ovoj stranici nema nikakvih dokumenata koji bi se mogli skidati na osobno računalo. Na stranici postoji mogućnost slanja elektroničke pošte te prilikom klikanja na taj link otvara se program za elektroničku poštu Outlook.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.

Stranica ima prilično puno sadržaja. Mislim da bi bilo nepotrebno web administratorima ove stranice slati kao preporuku da neke slike moraju imati alt tekst. Čini mi se da to uistinune bi imalo smisla. Ono što je najveći problem u cijeloj priči jest to da slijepa osoba sama ne može kreirati svoj blog. Tu bi trebalo dati preporuku da postoji alternativni način kako da se prezentira vizualni identifikator. Ono što je već spomenuto za stranicu katastra, da bi se trebalo vidjeti kako su to napravili na stranicama windows live, gdje postoji gumb za audio

104

sekvencu koja je identična s kontrolnom slikom te slijepe osobe mogu znati što se nalazi na slici i taj tekst upisati u polje koje je za to predviđeno i poput svih drugih sami kreirati svoj blog. S obzirom na ovaj nedostatak stranica dobiva ocjenu tri koja za nju govori da je slijepoj osobi otežano snalaženje, ali da je moguće, naravno uz videću pomoć pri kreiranju korisničkog računa.

Na ovu stranicu Ocawa je imala osam primjedbi. Primjedba je da se oblikuju tablice koje se prikladno prikazuju.Preporuka 5.1. kaže da se za podatke u tablicama definiraju zaglavlja redova i stupaca.[Na primjer, u HTML-u koristite TD da biste definirali ćelije i TH da biste definirali zaglavlja.Na sljedećoj liniji nedostaje legenda za tablicu s podatcima.

[line 01099] <table>

Za sljedećih sedam linija je potrebno osigurati informacije o kontekstu i orijentaciji. Preporuka 12.1 kaže da se naslovi svaki okvir radi identifikacije i navigacije. „Na primjer, u HTML-u koristite "title" atribut FRAME elemenata.“Primjedba je da frame nema naslov:

[line 01377] <div id="footer" style="padding-self:39px;">[line 01187] <li><iframe id='a5e37b6a' name='a5e37b6a' [line 01177] <iframe id='ae4f15e3' name='ae4f15e3' src='http://dnevnik.hr/adserver/adframe.php?n=ae4f15e3&campaignid=404' framespacing='0' frameborder='no' scrolling='no' width='180' height='100'><a href='http://dnevnik.hr/adserver/adclick.php?n=ae4f15e3' target='_blank'> <img src='http://dnevnik.hr/adserver/adview.php?&campaignid=404&n=ae4f15e3' border='0' alt=''></a></iframe> [line 00850] <iframe style="border: #E1E0E0 1px solid;margin-bottom:7px;" id='a8179c7b' name='a8179c7b' src='http://dnevnik.hr/adserver/adframe.php?n=a8179c7b&campaignid=580' framespacing='0' frameborder='no' scrolling='no' width='174' height='174'><a href='http://dnevnik.hr/adserver/adclick.php?n=a8179c7b' target='_blank'><img src='http://dnevnik.hr/adserver/adview.php?&campaignid=580&n=a8179c7b' border='0' alt=''></a></iframe> [line 00845] <iframe style="border: #E1E0E0 1px solid;margin-bottom:7px;" id='a1e47746' name='a1e47746' src='http://ads2.monitor.hr/www/delivery/afr.php?n=a1e47746&campaignid=28&cb=INSERT_RANDOM_NUMBER_HERE' framespacing='0' frameborder='no' scrolling='no' width='174' height='174'><a href='http://ads2.monitor.hr/www/delivery/ck.php?n=aa160fbe&cb=INSERT_RANDOM_NUMBER_HERE' target='_blank'><img src='http://ads2.monitor.hr/www/delivery/avw.php?campaignid=28&cb=INSERT_RANDOM_NUMBER_HERE&n=aa160fbe' border='0' alt='' /></a></iframe> [line 00178] <iframe id='a284da8e' name='a284da8e' src='http://dnevnik.hr/adserver/adframe.php?n=a284da8e&campaignid=298' framespacing='0' frameborder='no' scrolling='no' width='180' height='100'><a href='http://dnevnik.hr/adserver/adclick.php?n=a284da8e' target='_blank'> <img src='http://dnevnik.hr/adserver/adview.php?&campaignid=298&n=a284da8e' border='0' alt=''></a></iframe> [line 00124] <div class="ad-self"><div style="padding-bottom: 5px;"><iframe id='a41f4831' name='a41f4831' src='http://dnevnik.hr/adserver/adframe.php?

105

n=a41f4831&zoneid=1009652' framespacing='0' frameborder='no' scrolling='no' width='728' height='90'><a href='http://dnevnik.hr/adserver/adclick.php?n=a41f4831' target='_blank'><img src='http://dnevnik.hr/adserver/adview.php?&zoneid=1009652&n=a41f4831' border='0' alt=''></a></iframe></div> </div>

106

Web stranica T-portalahttp://www.tportal.hr

Nakon što sam pregledao stranicu, na stranici sam u vrijeme procjene uočio sedamdeset i četiri slike. Dvadeset i tri slike su bile korektno tekstualno opisane. Najveći dio takvih slika je bio sastavni dio vijesti. Svaka vijest se prilikom skrolanja prezentirala na sljedeći način: prvo je grafički link sa slikom, a slika je imala naslov vijesti. Ispod toga na razini headinga 4 je bio glavni naslov, dok je bio prisutan još jedan link koji je nosio oznaku heading razine tri te je imao identičan tekst kao i grafički link, odnosno slika. Nakon što bi se otvorio link na naslovnici, on bi bio prezentiran u headingu 1. U članku je bila slika koja je puno veća od one na naslovnici. Slika je bila iznad teksta i nije ometala čitanje, niti je imala utjecaj na navigaciju. Ono što mi je bilo u redu jest to što su unutar članka bila dva linka, za povećanje i smanjivanje slova koja su radila. Slova su se mogla povećati od veličine 8 do 17, a tu mislim na osnovni tekst, dok su se slova naslova članka mogla povećati do veličine 22. Na stranici je bilo dvadeset slika koje nisu imale alt tekst niti smisleni naziv. Te su slike bile grafike koje su imale niz brojeva, kraj tog dijela su bila dva linka „image slide right“ i „image slide left“. Predmnijevam da su ti linkovi bez alt teksta bili u nizu i kad bi se kliknulo na jedan od navedenih linkova, da bi se oni pomicali. Također predmnijevam da su ti linkovi bili sličice videa čiji i je meni bio ispod njih jer su se tamo nalazili linkovi koji su otvarali ta videa. Na stranici je bilo dvadeset slika koje su imale nedovoljno informativan alt tekst i još jedanaest koje su smisleno imenovane pa se dalo razlučiti što je na slici.Broj i lokacija slika na stranici malo ometa pretraživanje. To se odnosi na određene funboxove. U tim funboxovima su sličice koje se mogu micati lijevo desno po želji, ali se one i same miču po nekakvom kriteriju. Ono što je bilo dobro da se tu nalazi još jedna mogućnost, a to je bila „pauza“ s kojom se rotacija mogla zaustaviti. Redundantni slikovni linkovi nisu smetali pri navigaciji, no kako sam prije objasnio u osvrtu na vijesti, ipak mi se nekako čini da su tri linka za jednu te istu vijest malo previše. Mislim da bi bilo bolje da su ostavili dva ili čak samo jedan grafički link. Na taj način bi se pretraživanje moglo učiniti bržim za slijepe korisnike. Ovako početnicima za pretraživanje stranice treba prilično vremena jer oni ipak ne poznaju dovoljno prečace čitača ekrana za kretanje po stranici. Grupe linkova nisu razbacane po stranici već su strukturirane u cjeline koje se ne miješaju međusobno te tako doprinose boljem pretraživanju. Neobično je što se na ovoj stranici gumb, odnosno link „traži“ nalazi iznad edit polja za unos kriterija pretrage, te da se rezultati otvaraju u novome prozoru. Kad se ode na link «Tportal/imenik/», pretraga telefonskih brojeva se otvara na stranici. Pretraživač je u obliku forme gdje postoje tri polja za unos kriterija pretrage i dva combo boksa za definiranje županije i kriterija na osnovu čega će se odraditi pretraga. Kad se završi s postavljanjem kriterija, na dnu se nalazi dobro označeni gumb „search“ button. Osobno bi mi bilo draže da je naslovljen s «traži». Drugi gumb koji sam pregledao, a bio je korektno i jasno obilježen, nalazi se na sljedećem dijelu teksta. Da bi se mogli pretraživati neki sadržaji na ovoj stranici, poput webmaila ili nekih opcija kod maxtv-a, potreban je net id. Kod zahtjeva za webmail uslugu, prilikom kreiranja svog korisničkog računa za freemail postoji zaštita kod koje se prilikom definiranja parametara za izradu e-mail adrese, u edit polje mora upisati grafeme koji se nalaze na jednoj sličici koja je blind not friendly. Na stranici surfera traže sljedeće:„Unošenjem koda kojeg vidite na slici potvrđujete registraciju, te ujedno sprječavate automatizirane registracije koje mogu usporiti rad servisa na portalu.“ Ovaj sadržaj se nalazi na URL:https://komunikator.tportal.hr/komunikator/?midFrame=%2FNetID%2Fhome.nhtm%3FappCaller%3Dwebmail%26backTo%3D%2Fwebmail%2FOvdje je sugestija da se pogledaju stranice windows live i načini na koji su oni riješili ovakve

107

https://komunikator.tportal.hr/komunikator/?midFrame=%2FNetID%2Fhome.nhtm%3FappCaller%3Dwebmail%26backTo%3D%2Fwebmail%2F

https://komunikator.tportal.hr/komunikator/?midFrame=%2FNetID%2Fhome.nhtm%3FappCaller%3Dwebmail%26backTo%3D%2Fwebmail%2F

http://www.tportal.hr/

probleme. Kao i kod katastra i bloga, trebao bi se na stranici nalazi ispod koda za potvrdu nalaziti gumb koji bi se mogao označiti sa „zvučni kod“ ili nešto slično. Taj gumb bi pokrenuo audio sekvencu u kojoj bi se nalazio glasovni izgovor broja, samo radi zaštite ta sekvenca bi trebala imati dosta šumova i svakih sekundu do dvije da se čuje jasno izgovoreni znak. Tako bi kreiranje korisničkog računa bilo moguće i slijepima.Za snalaženje po stranici mogu se koristiti standardne komande čitača zaslona. No, moguće se koristiti i raznim prečacima s obzirom da su označeni i headinzi.Kad se uđe na neki link, taj link se otvara ili u glavnom prozoru ili u novome. No u oba slučaja fokus čitača zaslona je ubrzo na tom mjestu te se sadržaj jako brzo zvučno reproducira. Također, prilikom otvaranja nekih stranica čitač zaslona ne počne s čitanjem sadržaja, već se treba koristiti naredba „iščitaj dokument“. No postoji još jedna mogućnost, a to je korištenje prečaca zaslona ekrana, primjerice brojčane tipke 1 na osnovnom dijelu tipkovnice koja će fokus prebaciti na heading jedan i pročitati sadržaj istog. Kad se otvore linkovi s vrha naslovne stranice, poput tel. imenika, nakon završetka pretrage, prilikom vraćanja na naslovnicu kursor se pozicionira na link s kojeg se krenulo. Međutim, kod linkova koji se otvaraju u novom prozoru tako nešto nije moguće. Kako je takvih linkova velik broj, onda je na ovo pitanje u upitniku odgovor «ne».Na stranici su bile prisutne dvije animacije. One ne smetaju pri snalaženju po stranici. Iako postoje neki video sadržaji, oni neće smetati pri navigaciji jer oni koji se koriste čitačima zaslona znaju da će prilikom pregledavanja takvog sadržaja prestati s navigacijom dok video na prestane. Na stranici nema zvukova koji bi mogli ometati pregledavanje, također nema dokumenata koji bi se mogli skidati na računalo.Na stranici postoji nekoliko „send mail“ linkova, klikom na bilo koji od njih otvara se program za elektroničku poštu Outlook.Kako sam naveo, na stranici postoji mogućnost prilagođavanja izgleda i pristupačnosti. Pri početku teksta sam naveo aktivnu mogućnost mijenjanja veličine slova na podstranicama koje sadržavaju vijesti. Međutim, i onaj slučaj kad se mogu stopirati u funboxovima rotiranje sličica bi se moglo svrstati kao neki vid utjecanja na pristupačnost.

S obzirom na sve viđeno razmišljao sam se da ocijenim stranicu s trojkom zbog grafičkog koda pri otvaranju webmail korisničkog računa, međutim s obzirom na to da na stranici postoji mogućnost mijenjanja fonta, a koja radi, stranica je dobila ocjenu kao web na kojem je otežano, ali moguće snalaženje.

Nakon što je završeno sa procjenom uz pomoć objektivnog alata, servis je dao informaciju o postojanju triju primjedaba na dizajn stranice.Smjernice naglašavaju: „Osigurajte sadržaj koji kad je predstavljen korisniku ima istu funkciju ili namjenu kao i auditivni ili vizualni sadržaj.“Preporuka 1.1. kaže: „Omogućite tekstualni ekvivalent za svaki netekstualni element (koristite npr., "alt", "longdesc" ili opis elementa). Netekstualni elementi obuhvaćaju:slike, grafičke prikaze teksta (uključujući simbole), tzv. regije na image map, animacije (npr. animirani GIF), minijaturne aplikacije (applets) i programske objekte, ASCII umjetnost (ASCII art), okvire, skripte, ikone i slike upotrijebljene za tekstualne oznake, grafičke tipke, zvukove (puštane s korisnikovom interakcijom ili bez nje), zasebne auditivne dokumente i video. [1. prioritet]

U HTML-u učinite, primjerice, sljedeće:“Za sljedeće linije nedostaju alternative za image:

[line 01491] <a id="ctl06_ctl57_ctl03_tmb" class="linkImageWrap" href="/funbox/frajerdana"><img src="/ModuleUploads/ImageOfTheDay/69/tmb_Yuri%20K.jpg" style="border-width:0px;" /></a>

108

[line 01478] <a id="ctl06_ctl57_ctl01_tmb" class="linkImageWrap" href="/funbox/curadana"><img src="/ModuleUploads/ImageOfTheDay/96/tmb_courtney.jpg" style="border-width:0px;" /></a>[line 00101] <div class="selfMenuItem"><img src="/WebResources/img/tel_imenik_ico.gif" /><a href="http://imenik.t-com.hr/" class="BoldVerdana10">Tel. imenik</a></div>

109

Web stranica 24 satahttp://www.24sata.hr

Na ovoj stranici, nakon što sam pregledao naslovnicu, bio sam ugodno iznenađen. S obzirom da je ovo također jedan news portal ukupan broj slika koje sam pronašao bio je 6. Očekivao sam da će biti prilično velik, negdje u rangu stranice indeks. Broj slika koje su imale korektan alt tekst je bio jedan. Bilo je pet slika koje nisu imale alt tekst, ali su bile smisleno imenovane i činile su najveći udio na naslovnici. Te slike je čitač zaslona interpretirao kao „graphic ikone/foto_naslovnica. Bilo je za pretpostaviti da se tu radi o najbitnijoj vijesti na portalu tog dana. Slika s korektnim alt tekstom je bio grafički link 24 sata. Međutim, kad se ode na link „vijesti u slikama“situacija je drugačija jer postoji veliki broj fotografija koje nisu dobro označene, no s obzirom da se nalaze blizu naslova i ispod članka, može se pretpostaviti o čemu je riječ, odnosno da se sadržaj tih slika odnosi na članak. Nakon što se otvori link vijesti i ode se pregledati i tu postoje na nekima slike, no one ne ometaju čitanje jer su postavljene ispod članka. Oni koji hoće vidjeti i slike moraju pogledati pripadajuću fotogaleriju. Slike, također, ne utječu na navigaciju po stranici, jer na naslovnici postoji traka koja sadržava slike, po njoj se može uz pomoć klizača micati lijevo - desno, odnosno mislim da klizačem rotirate i odabirete slike. To je dobro rješenje za osobe koje mogu gledati, ali i za slijepe. Slijepim osobama to ne predstavlja problem jer im na određeni način olakšava pretraživanje, minimalizirajući količinu slika na stranici.U trenutku provjere stranice bilo je podosta redundantnih linkova koji su malo smetali pri pregledavanje stranice. Ponajprije zbog toga što se na taj način povećao broj linkova na stranici, a pošto na stranici nisu obilježeni headinzi, skrolanje po stranici sa strelicom gore ili dolje jako usporava cijeli postupak. Moj dojam je da su linkovi nabacani na stranicu, nekad se i linkovi po stranici nađu po više puta i malo se grupe miješaju, točnije nije sigurno u koju domenu vijest pripada. U glavnini slučajeva su linkovi dobro strukturirani, ali se nađe i iznimki. Gumbi koji se nalaze na stranici su dovoljno jasni, prilično mi je pristupačno pretraživanje arhive, u nizu se nalaze check boxovi između kojih je kategorija i samo se s razmaknicom čekira boks prema željenim kriterijima,a na dnu se nalazi gumb «filtriraj». Također, ispod toga se nalazi polje za unos traženog pojma pretrage ispod kojeg je „traži“ link. Neobično je bilo na tom mjestu pronaći „on mouse over“ link, ali s njim nije bilo problema.Po stranici se mogu koristiti najrudimentarnije komande za pretraživanje sadržaja. Naveo sam u gornjem dijelu teksta o kojim se tipkama radi i zbog čega smetaju. No, ponovit ću pošto je riječ o tome da ima mnogo linkova, da ne postoje headinzi, moraju se koristiti strelice gore i dolje da bi se došlo do nekog otvorenog sadržaja. Nekada to zna stvarno dugo potrajati i ljudi izgube motivaciju za pretraživanjem.Kad se klikne na neki link, do otvorenog sadržaja se mora preslušati gotovo sve linkove od početka do gotovo samog kraja. Dobro je, kao i kod velikog broja provjerenih stranica, nakon što se neki segment pretrage završi, kad se vraća na naslovnicu, kursor se pozicionira na mjesto odakle se krenulo. Na stranici su bile prisutne dvije animacije, jedna na samome vrhu stranice, a druga negdje pri početku zadnje trećine. Ni jedna niti druga nisu ometale pregledavanje sadržaja stranice. Glazbe, zvukova, kao ni dokumenata koji bi se mogli skinuti sa stranice nije bilo.Na stranici se mogu komentirati članci i mogu se isti slati nekome, prilikom otvaranja prozora za slanje ne koristi se Outlook već forma jer se naravno u edit polje mora upisati adresa elektroničke pošte primaoca mail linka.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.

110

http://www.24sata.hr/

Ocjena koja je dana ovoj stranici je četvorka. To znači da bi uz manje dorade mogla biti pristupačna. Ono što mi prvo pada na pamet kao mogućnost jest to da se na stranici između određenih kategorija linkova ostavi više razmaka, zatim da se označe headinzi za posebne kategorije, možda do razine četiri jer će se tako omogućiti slijepima da se koriste prečacima čitača zaslona te neće biti demotivirani za pretraživanje sadržaja ove stranice zbog dugotrajnosti takve akcije.

Objektivni alat za procjenu stranice Ocawa na samu stranicu ima sedam primjedbi. Te primjedbe su vezane za „prioritet 1“. Svih sedam primjedbi se odnose na to da je potrebno omogućiti tekstualni ekvivalent za svaki netekstualni element. U ovoj procjeni netekstualni elementi obuhvaćaju slike i grafičke prikaze teksta, uključujući simbole, na primjer, animirani gif.

Preporuka je za ovu stranicu da se u HTML-u koristi „alt“ za img elemente za sljedeće linije, odnosno za linije u kojima nedostaje alternativni tekst za image:

386, 268, 259, 252, 191, 174.

[line 00386] <div class="content_type_image"><img src="/images_new/ikone/foto_naslovnica.gif" /></div> </div> [line 00268]<div class="content_type_image"><img src="images_new/ikone/cslager/foto_naslovnica.gif" /></div> </div> [line 00259] <div class="content_type_image"><img src="images_new/ikone/cslager/video_naslovnica.gif" /></div> </div> [line 00252] <div class="content_type_image"><img src="images_new/ikone/cslager/foto_naslovnica.gif" /></div> </div> [line 00191] <div class="content_type_image"><img src="/images_new/ikone/video_naslovnica.gif" /></div> </div> [line 00174] <div class="content_type_image"><img src="/images_new/ikone/snimiocitatelj_naslovnica.gif" /></div> </div>

[line 00366] <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="nik" align="middle"> Za sljedeću i zadnju liniju koja je uočena kao potencijalno nepristupačna, treba omogućiti tekstualni ekvivalent za OBJECT:

[line 00366] <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=8,0,0,0" width="100%" height="100%" id="nik" align="middle">

111

Web stranica Večernjeg listahttp://www.večernji.hr

Na stranici su u trenutku procjenjivanja bile sto i tri slike. Prema njihovom kategoriziranju slijedi:dobro tekstualno opisanih slika (alt tekst korektan) ima pedeset i pet (N=55), slika koje imaju alt tekst koji je nedovoljno informativan ima deset N=(10), neoznačenih slika (bez alt-teksta), ali koje su smisleno imenovane pa se dade razlučiti što je na slici bilo je četrnaest, (N=14) i slika koje niti imaju alt tekst, a niti smisleni naziv bilo je dvadeset i četiri, N=(24). Puno slika je označeno jako dobro, ali to su većinom slike koje se nalaze na naslovima nekih blogova, to jest tvorci tih blogova su osobe iz javnog života. Što se naslovnice tiče, slike koje su tu prisutne ne ometaju praćenje teksta. No lokacija, odnosno ponajprije broj slika, malo ometa navigaciju. Redundantni grafički linkovi koji su prisutni na naslovnici u malenoj mjeri ometaju navigaciju. Razlog tome je da se na stranici nalazi otprilike 250 linkova. Na većini vijesti su prisutni grafički linkovi sa slikom koja prati taj članak, iako je ovdje u alt tekstu te slike samo mjesto događanja određene vijesti. U maloj mjeri razbacanost linkova po stranici utječe na pretraživanje. Gumbovi su prilično jasni. Na naslovnici ih je bilo prisutno četiri: „traži“, „prijava“, „glasuj“ i „rezultati“ na mjestima gdje su smještene tražilica, ulaz za registrirane korisnike i posljednja dva u anketi. Postoji još jedan gumb koji je imenovan sa sljedećim simbolom: „=“ i on se nalazi na frameu tečajne liste. Mislim da je dovoljno jasan jer se nalazi ispod edit polja za unos količine neke valute. Za pretraživanje ove stranice može se koristiti standardnim komandama čitača ekrana, no problematično je to što nema definiranih headinga pa se najčešće kreće po stranici uz pomoć strelica gore i dolje. Tu je prisutna još jedna otežavajuća okolnost, a to je da se otvoreni sadržaj ne prezentira na vrhu stranice i kako ne postoji označavanje headinga, onda je malo dugotrajno traženje gdje se otvorio tekst. Također, prilikom otvaranja neke stranice fokus čitača ekrana se ne nađe upravo na tom sadržaju. Praktično je da se nakon što se vrati na naslovnicu ili neku drugu podstranicu s koje je taj sadržaj učitan, kursor vrati na link s kojeg se krenulo. Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Također, na stranici nisu dostupni sadržaji formata .pdf, .doc i slični koji bi se mogli skinuti na računalo. Na stranici također nisam uočio postojanje linkova za slanje elektroničke pošte ili forme, no ispod većine vijesti postoji mogućnost da se ista komentira i koliko je vidljivo za neke postoje prilično žučne rasprave.Na ovoj stranici postoji mogućnost prilagođavanja izgleda, a u svrhu bolje pristupačnosti. Kad se klikne na link „vijesti bez slika“, (http://www.vecernji.hr/portal/services/textonly/toController.jsp;jsessionid=1F9EDA80DD7994D2A75CA35F3238645A.1?page=/home/index) otvori se sadržaj vijesti u isključivo tekstualnoj formi. Ovo je izuzetno praktično rješenje za slijepe osobe. Nema maltretiranja s izuzetno velikom količinom linkova, nema redundantnih slikovnih linkova niti bilo kojeg drugog sadržaja koji bi mogao utjecati na čitanje ili navigaciju. Međutim, po meni, na ovoj stranici nedostaje za slabovidne osobe mogućnost promjene veličine slova, jer su slova veličine 10 što tim surferima onemogućuje jednostavno čitanje vijesti. Iz moje perspektive iako se događa da se otvaranjem nekog linka s te podstranice tekst postavlja na vrh stranice i da ga čitač zaslona trenutačno počinje čitati, bilo bi dobro da se headinzi obilježavaju. Na taj način bi se neke rubrike mogle preskakati korištenjem prečaca čitača zaslona. Ovako se po stranici mora skrolati, što korisnici najčešće čine strelicama gore-dolje, a to usporava pregledavanje sadržaja i demotivira slijepe korisnike da

112

http://www.vecernji.hr/portal/services/textonly/toController.jsp;jsessionid=1F9EDA80DD7994D2A75CA35F3238645A.1?page=/home/index

http://www.vecernji.hr/portal/services/textonly/toController.jsp;jsessionid=1F9EDA80DD7994D2A75CA35F3238645A.1?page=/home/index

informacije traže na ovome portalu. Međutim, otvaranje vijesti s navedenog URL-a slijepim osobama uskraćuje mogućnost komentiranja određenih članaka te ne mogu pristupiti blogovima određenih javnih ličnosti koji su vidljivi na naslovnici.

Unatoč nekim malim zamjerkama, iz moje perspektive potpuno slijepe osobe, ova stranica je u potpunosti pristupačna slijepim korisnicima.

Alat za objektivnu procjenu “Ocawa” je za ovu stranicu izvjestio postojanje tri stotine, četrdeset i šest primjedbi.

Tri primjedbe se odnose na osiguravanje informacije o kontekstu i orijentaciji.Treba nasloviti svaki okvir radi identifikacije i navigacije, slučajevi su:

[line 02962] [line 01045] <iframe marginheight="0" marginwidth="0" src="http://media.vecernji-list.hr/servisne/tecaj.php" width="125" height="220" frameborder="0">[line 00219] <iframe src="/showScrollTicker.do" width="470" height="20" name="citguide" style="border:0px" frameborder="0" scrolling="no">

1.

Za tri stotine četrdeset tri slučaja treba omogućiti tekstualni ekvivalent za svaki netekstualni element.

Za ovu liniju nedostaje alternativa za objekt:[line 00972] <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="124" height="148">

Za ove linije nedostaje alternativa za image:[line 02810]  [line 02788] <tr>[line 02785] <tr> [line 02782] <tr>[line 02773] </table>[line 02769] </table>[line 02756] </table>[line 02753] <tr> [line 02750] </table>[line 02743] </tr>[line 02740] <tr>[line 02733] <tr>[line 02730] <tr>[line 02725] </table>[line 02722] <tr>[line 02719] </table>[line 02712] </tr>[line 02709] <tr>[line 02702] <tr>[line 02699] <tr>[line 02694] </table>[line 02691] <tr>[line 02688] </table>[line 02681] </tr>

113

[line 02678] <tr>[line 02671] <tr>[line 02668] <tr>[line 02663] </table>[line 02660] <tr>[line 02657] </table>[line 02650] </tr>[line 02647] <tr>[line 02640] <tr>[line 02637] <tr>[line 02632] </table>[line 02629] <tr>[line 02626] </table>[line 02619] </tr>[line 02616] <tr>[line 02609] <tr>[line 02606] <tr>[line 02601] </table>[line 02598] <tr>[line 02595] </table>[line 02588] </tr>[line 02585] <tr>[line 02578] <tr>[line 02575] <tr>[line 02570] </table>[line 02567] <tr>[line 02564] </table>[line 02557] </tr>[line 02554] <tr>[line 02547] <tr>[line 02544] <tr>[line 02539] </table>[line 02536] <tr>[line 02533] </table>[line 02526] </tr>[line 02523] <tr>[line 02516] <tr>[line 02513] <tr>[line 02508] </table>[line 02505] <tr>[line 02502] </table>[line 02495] </tr>[line 02492] <tr>[line 02485] <tr>[line 02482] <tr>[line 02477] </table>[line 02474] <tr>[line 02471] </table>[line 02464] </tr>[line 02461] <tr>[line 02454] <tr>[line 02451] <tr>[line 02398] [line 02367] </table>[line 02364] <tr>

114

[line 02361] </table>[line 02354] </tr>[line 02351] <tr>[line 02344] <tr>[line 02341] <tr>[line 02336] </table>[line 02333] <tr>[line 02330] </table>[line 02323] </tr>[line 02320] <tr>[line 02313] <tr>[line 02310] <tr>[line 02305] </table>[line 02302] <tr>[line 02299] </table>[line 02292] </tr>[line 02289] <tr>[line 02282] <tr>[line 02279] <tr>[line 02274] </table>[line 02271] <tr>[line 02268] </table>[line 02261] </tr>[line 02258] <tr>[line 02251] <tr>[line 02248] <tr>[line 02192] </tr>[line 02121] </table>[line 02114] </table>[line 02111] <tr>[line 02107] </table>[line 02092][line 02085] </table>[line 02082] <tr>[line 02075] <tr>[line 02065] <table width="100%" border="0" cellspacing="0" cellpadding="0">[line 02059] </table>[line 02056] <tr>[line 02048] [line 02044] <table border="0" cellpadding="0" cellspacing="0">[line 02043] <td valign="self">[line 02036] </table>[line 02033] <tr>[line 02029] </table>[line 02022] <td><a href="javascript:openPopup('/portal/services/user/popup_send_registration_confirmation_mail.jsp;jsessionid=CDF3A4664ECD27929F1C390C26396362.1', 'sendRegConMail',[line 02021] <td width="4"><img src="/system/static/images/spacer.gif" width="1" height="1" ></td>[line 02014] <td width="4"><img src="/system/static/images/spacer.gif" width="1" height="1" ></td>[line 02013] <td><img src="/system/static/images/arrow_login.gif" width="12" height="5" styleClass="onepxself" ></td>[line 02009] <td width="4"><img src="/system/static/images/spacer.gif" width="1" height="1" /></td>

115

[line 02008] <td width="12"><img src="/system/static/images/arrow_login.gif" width="12" height="5" styleClass="onepxself" ></td>[line 02005] <td colspan="3"><img src="/system/static/images/spacer.gif" width="1" height="8" ></td>[line 02001] <td width="5"><img src="/system/static/images/spacer.gif" width="1" height="1" ></td>[line 02000] <td class="dotted_02"><img src="/system/static/images/spacer.gif" width="1" height="1" ></td>[line 01993] <td class="dotted_03" colspan="3"><img src="/system/static/images/spacer.gif" width="1" height="1" ></td>[line 01990] <td class="dotted_02"><img src="/system/static/images/spacer.gif" width="1" height="1" ></td>[line 01986] <td><img src="/system/static/images/spacer.gif" width="1" height="7" ></td>[line 01980] <td><img src="/system/static/images/spacer.gif" width="1" height="6" ></td>[line 01971] <td><img src="/system/static/images/spacer.gif" width="1" height="4" ></td>[line 01962] <td><img src="/system/static/images/spacer.gif" width="1" height="8" /></td>[line 01958] <td width="5"><img src="/system/static/images/spacer.gif" width="1" height="1" ></td>[line 01957] <td class="dotted_02"><img src="/system/static/images/spacer.gif" width="1" height="1" ></td>[line 01948] <td width="8"><img src="/system/static/images/spacer.gif" width="8" height="23" ></td>[line 01937] <td><img src="/system/static/images/spacer.gif" width="1" height="12"/></td>[line 01933] <td width="15"><img src="/system/static/images/spacer.gif" width="15" height="1"/></td>[line 01908] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01890] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01863] <a href="/newsroom/regions/zagreb/3208489/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img class="imageBorder" src="/system/galleries/upload/newsroom/regions/zagreb/3208489/overview_zg-skijanje-txt.jpg" height="89" width="145"></a></td><td width="2%"> </td><td class="articletext" valign="self" width="66%">[line 01842] <a href="/newsroom/regions/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" class="tabblockred_link">Regije</a></td><td>   </td><td align="right"><a href="/rss?page=/newsroom/regions/index&styriaRedirect=true"> <img src="/system/static/images/rss_feed.gif" border="0"></a></td>[line 01821] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01805] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01778] <a href="/newsroom/zanimljivosti/3208497/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img class="imageBorder" src="/system/galleries/upload/newsroom/zanimljivosti/3208497/overview_Christmas.jpg" height="89" width="145"></a></td><td width="2%">

116

</td><td class="articletext" valign="self" width="66%">[line 01757] <a href="/newsroom/zanimljivosti/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" class="tabblockred_link">Zanimljivosti</a></td><td>   </td><td align="right"><a href="/rss?page=/newsroom/zanimljivosti/index&styriaRedirect=true"> <img src="/system/static/images/rss_feed.gif" border="0"></a></td>[line 01736] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01720] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01691] <a href="/newsroom/economics/3208529/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img class="imageBorder" src="/system/galleries/upload/newsroom/economics/3208529/overview_gos-hok-txt.jpg" height="89" width="145"></a></td><td width="2%"> </td><td class="articletext" valign="self" width="66%">[line 01649] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01633] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01606] <a href="/lifestyle/zdravlje/3208495/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img class="imageBorder" src="/system/galleries/upload/lifestyle/zdravlje/3208495/overview_debelo-txt.jpg" height="89" width="145"></a></td><td width="2%"> </td><td class="articletext" valign="self" width="66%">[line 01561] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01545] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01518] <a href="/showbiz/film/3208512/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img class="imageBorder" src="/system/galleries/upload/showbiz/film/3208512/overview_Suck.jpg" height="89" width="145"></a></td><td width="2%"> </td><td class="articletext" valign="self" width="66%">[line 01476] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01460] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01433] <a href="/newsroom/blackchronicle/3208535/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img class="imageBorder" src="/system/galleries/upload/newsroom/blackchronicle/3208535/overview_crn-pregrada-txt.jpg" height="89" width="145"></a></td><td width="2%"> </td><td class="articletext" valign="self" width="66%">[line 01412] <a href="/newsroom/blackchronicle/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" class="tabblockred_link">Crna kronika</a></td><td>   </td><td align="right"><a href="/rss?page=/newsroom/blackchronicle/index&styriaRedirect=true"> <img src="/system/static/images/rss_feed.gif" border="0"></a></td>[line 01391] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">[line 01375] <td width="2%"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td width="98%">

117

[line 01345] <a href="/newsroom/news/croatia/3208498/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img class="imageBorder" src="/system/galleries/upload/newsroom/news/croatia/3208498/overview_seks-hrv.jpg" height="89" width="145"></a></td><td width="2%"> </td><td class="articletext" valign="self" width="66%">[line 01324] <a href="/newsroom/news/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" class="tabblockred_link">Vijesti</a></td><td>   </td><td align="right"><a href="/rss?page=/newsroom/news/index&styriaRedirect=true"> <img src="/system/static/images/rss_feed.gif" border="0"></a></td>[line 01163] <a href="http://blog.vecernji.hr/lobotomya/2008/12/27/stare-ljubavi/"><img class="imageBorder" height="87" width="145" src="/system/galleries/pics/081229/ljubav-nsl.jpg"></a></td>[line 01162] <a href="/newsroom/news/croatia/3208467/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img class="imageBorder" height="87" width="145" src="/system/galleries/pics/081229/doma-glavna.jpg"></a></td><td>[line 01161] <a href="/newsroom/zanimljivosti/3208513/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img class="imageBorder" height="87" width="145" src="/system/galleries/pics/081229/kim-nasl5.jpg"></a></td><td>[line 01073] <td width="15"><img src="/system/static/images/spacer.gif" width="15" height="1"/></td>[line 00994] <td style="width:10px;height:23;padding-left:10px;"><img height="5" width="5" src="/system/static/images/arrow_001.gif"></td><td><a class="smalllink" href="/freetime/kompas/weather/index.do"> Vrijeme danas </a></td>[line 00922] <img src="http://www.vecernji.hr/system/galleries/pics/Specials/MojVecernji/ikonica_moj_vecernji2.png" width="100" height="44" /></a>[line 00918] <img src="http://www.vecernji.hr/system/galleries/pics/Specials/Pretplata/pretplata_vl_nova.jpg" width="100" height="44" /></a>[line 00897] <td><img src="/system/static/images/spacer.gif" width="1" height="15"/></td>[line 00885] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00881] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00875] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00873] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/freetime/horoscope/index.do" class="menu_text_standard">Horoskop</a></td></tr>[line 00868] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00866] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/freetime/lifestyle/games/index.do" class="menu_text_standard">Igre</a></td></tr>[line 00861] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00850] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>

118

[line 00848] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/forum/index.do" class="menu_text_standard">Forum</a></td></tr> [line 00843] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00839] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00834] <td><img src="/system/static/images/spacer.gif" width="1" height="18"/></td>[line 00826] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00822] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00816] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00812] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00806] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00802] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00796] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00792] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00786] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00782] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00777] <td><img src="/system/static/images/spacer.gif" width="1" height="18"/></td>[line 00771] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00769] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/home/karijera/oglasi/index.do" class="menu_text_standard">Oglasi za zapošljavanje</a></td></tr>[line 00764] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00760] <td width="19"><img src="/system/static/images/spacer.gif" width="1" height="16"/></td>[line 00755] <td><img src="/system/static/images/spacer.gif" width="1" height="18"/></td>[line 00749] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00747] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/lifestyle/odnosiveze/index.do" class="menu_text_standard">Odnosi i veze</a></td></tr>[line 00742] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00740] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/lifestyle/vmagazin/index.do" class="menu_text_standard">V magazin</a></td></tr>[line 00735] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>

119

[line 00733] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/lifestyle/putovanja/index.do" class="menu_text_standard">Putovanja</a></td></tr>[line 00728] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00726] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/lifestyle/tehno/index.do" class="menu_text_standard">Tehno</a></td></tr>[line 00721] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00719] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/lifestyle/auto/index.do" class="menu_text_standard">Auto</a></td></tr>[line 00714] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00712] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/lifestyle/cetirizida/index.do" class="menu_text_standard">ÄŒetiri zida</a></td></tr>[line 00707] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00705] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/lifestyle/ljepota/index.do" class="menu_text_standard">Ljepota</a></td></tr>[line 00700] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00698] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/lifestyle/zdravlje/index.do" class="menu_text_standard">Zdravlje</a></td></tr>[line 00693] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00689] <td width="19"><img src="/system/static/images/spacer.gif" width="1" height="16"/></td>[line 00684] <td><img src="/system/static/images/spacer.gif" width="1" height="18"/></td>[line 00678] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00676] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/showbiz/trac/index.do" class="menu_text_standard">TraÄŤ</a></td></tr>[line 00671] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00669] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/showbiz/kultura/index.do" class="menu_text_standard">Kultura</a></td></tr>[line 00664] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>line 00662] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" >

120

<a onfocus="this.blur()" href="/showbiz/tv/index.do" class="menu_text_standard">TV</a></td></tr>[line 00657] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00655] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/showbiz/glazba/index.do" class="menu_text_standard">Glazba</a></td></tr>[line 00650] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00648] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/showbiz/film/index.do" class="menu_text_standard">Film</a></td></tr>[line 00643] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00639] <td width="19"><img src="/system/static/images/spacer.gif" width="1" height="16"/></td>[line 00634] <td><img src="/system/static/images/spacer.gif" width="1" height="18"/></td>[line 00628] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00624] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00618] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00614] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00608] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00604] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00598] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00594] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00588] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00584] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00578] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00574] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00568] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00564] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00558] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00554] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>[line 00547] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00543] <td width="19"><img src="/system/static/images/spacer.gif" width="16" height="16"/></td>

121

[line 00537] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00533] <td width="19"><img src="/system/static/images/spacer.gif" width="1" height="16"/></td>[line 00527] <td><img src="/system/static/images/spacer.gif" width="1" height="18"/></td>[line 00521] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00517] <td width="19"><img src="/system/static/images/spacer.gif" width="1" height="16"/></td>[line 00511] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00507] <td width="19"><img src="/system/static/images/spacer.gif" width="1" height="16"/></td>[line 00501] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00499] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/home/kolumne/index.do" class="menu_text_standard">Kolumne</a></td></tr>[line 00495] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00491] <tr><td align="center" width="19" valign="self"><div style="margin-self: 2px; margin-bottom: 3px" ><a onfocus="this.blur()" href="/newsroom/regions/index.do" class="menu_text_standard"> <img src="/system/static/images/nav_plus.gif" width="11" height="11" border="0" /></a></div></td><td width="113" ><a onfocus="this.blur()" href="/newsroom/regions/index.do" class="menu_text_standard"> Regije</a></td></tr>[line 00486] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00484] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/newsroom/zanimljivosti/index.do" class="menu_text_standard">Zanimljivosti</a></td></tr>[line 00479] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00477] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/newsroom/economics/index.do" class="menu_text_standard">Gospodarstvo</a></td></tr>[line 00472] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00470] <tr><td align="center" width="19" valign="self"><img src="/system/static/images/spacer.gif" width="19" height="16" /></td><td width="113" > <a onfocus="this.blur()" href="/newsroom/blackchronicle/index.do" class="menu_text_standard">Crna kronika</a></td></tr>[line 00466] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00462] <tr><td align="center" width="19" valign="self"><div style="margin-self: 2px; margin-bottom: 3px" ><a onfocus="this.blur()" href="/newsroom/news/index.do" class="menu_text_standard"> <img src="/system/static/images/nav_plus.gif" width="11" height="11" border="0" /></a></div></td><td width="113" ><a onfocus="this.blur()" href="/newsroom/news/index.do" class="menu_text_standard"> Vijesti</a></td></tr>

122

[line 00457] <td colspan="2" class="dotted_02"><img src="/system/static/images/greypixel.gif" width="132" height="1"/></td>[line 00453] <td width="19"><img src="/system/static/images/spacer.gif" width="1" height="16"/></td>[line 00448] <td><img src="/system/static/images/spacer.gif" width="1" height="8"/></td>[line 00446] <tr><td align="center" width="19" valign="self"><div style="margin-self: 5px; margin-bottom: 6px" ><img src="/system/static/images/arrow_001.gif" width="5" height="5" /></div></td><td width="113" ><a onfocus="this.blur()" href="/home/index.do" class="menu_text_active">Home</a></td></tr>[line 00437] <img src="/system/static/images/spacer.gif" width="1" height="10"/>[line 00387] <td width="8"><img src="/system/static/images/spacer.gif" width="8" height="2"/></td>[line 00364] <a href="http://www.vecernji.hr/freetime/horoscope/capricorn/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img style="fun_horoskop_slika" border="0" height="47" width="57" src="/system/static/images/capricorn.jpg"></a></td> <td valign="self" align="left">[line 00289] <a href="http://www.vecernji.hr/lifestyle/ljepota/3208396/showPhotoSerie.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img class="fun_slika_poznati" border="1" height="52" width="83" src="/system/galleries/pics/081228/prv_red.jpg"></a></td> <td valign="self" align="left" width="105">[line 00283] <td valign="self" align="left" width="85"><a href="/showbiz/3208411/showPhotoSerie.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img class="fun_slika_poznati" border="1" height="52" width="83" src="/system/galleries/pics/081228/prv_nina_fun.jpg"> </a></td><td valign="self" align="left" width="105">[line 00269] <td><img src="/system/static/images/spacer.gif" width="3" height="64"/></td>line 00260] <td><img src="/system/static/images/spacer.gif" width="1" height="2"/></td>[line 00256] <td><img src="/system/static/images/spacer.gif" width="1" height="2"/></td>[line 00249] <td width="6"><img src="/system/static/images/spacer.gif" width="6" height="1"/></td>[line 00248] <td><img src="/system/static/images/blackpixel.gif" width="764" height="2"/></td>[line 00245] <td colspan=2><img src="/system/static/images/spacer.gif" width="1" height="1"/></td>[line 00242] <td width="6"><img src="/system/static/images/spacer.gif" width="6" height="1"/></td>[line 00241] <td><img src="/system/static/images/blackpixel.gif" width="764" height="1"/></td>[line 00235] <td><img src="/system/static/images/spacer.gif" width="1" height="1"/></td>[line 00229] <td width="8"><img src="/system/static/images/spacer.gif" width="8" height="1"/></td>[line 00226] <img border="0" src="/system/static/images/spacer.gif" width="1" height="1" >Vijesti bez slika</a>|<img src="/system/static/images/spacer.gif" width="1" height="1" ><a href="/rss?styriaRedirect=true"><img border="0" src="/system/static/images/rss_feed_smanjena.gif" align="absmiddle"/></a>[line 00225] <a href="/portal/services/textonly/toController.jsp;jsessionid=CDF3A4664ECD27929F1C390C26396362.1?page=/home/index" style="text-decoration: none;" class="date"><img border="0" src="/system/static/images/mobitel.gif" align="absmiddle"/>[line 00223] <td><img src="/system/static/images/spacer.gif" width="16" height="1"/></td>[line 00213] <td width="10"><img src="/system/static/images/spacer.gif" width="10" height="1"/></td>[line 00207] <td><img src="/system/static/images/spacer.gif" width="1" height="1"/></td>

123

[line 00201] <td width="8"><img src="/system/static/images/spacer.gif" width="8" height="1"/></td>[line 00195] <td class="dotted_03" colspan="3"><img src="/system/static/images/spacer.gif;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" height="1" width="1"></td>[line 00192] <td class="dotted_02"><img src="/system/static/images/spacer.gif;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" height="1" width="1"></td>[line 00188] <td colspan="3"><img src="/system/static/images/spacer.gif;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" height="7" width="1"></td>[line 00184] <td><img src="/system/static/images/spacer.gif;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" height="1" width="5"></td>[line 00180] <td colspan="3"><img src="/system/static/images/spacer.gif;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" height="8" width="1"></td>[line 00176] <td width="5"><img src="/system/static/images/spacer.gif;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" height="1" width="1"></td>[line 00175] <td class="dotted_02"><img src="/system/static/images/spacer.gif;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" height="1" width="1"></td>[line 00165] <td width="8"><img src="/system/static/images/spacer.gif;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" height="23" width="8"></td>[line 00157] <td><img src="/system/static/images/spacer.gif" width="15" height="1"/></td>line 00105] <td width="6"><img src="/system/static/images/spacer.gif" width="6" height="1"/></td>[line 00099] <a href="/home/index.do;jsessionid=CDF3A4664ECD27929F1C390C26396362.1"><img src="/system/static/images/vl_logo.gif;jsessionid=CDF3A4664ECD27929F1C390C26396362.1" height="60" width="130" border="0"></a>[line 00094] <td width="10"><img src="/system/static/images/spacer.gif" width="10" height="1"/></td>[line 00083] <img src="http://de.sitestat.com/styria/vecernji/s?vl.home.homepage&category=Homepage" width=1 height=1>[line 00037] <td><img src="/system/static/images/spacer.gif" width="1" height="5"/></td>

124

Web stranica Internet bankarstvo, Privredna banka Zagrebhttps://net.pbz.hr

Na naslovnici web stranice Privredne banke se u vrijeme procjenjivanja nalazilo dvanaest slika. Odnosno, sve su bili grafički linkovi koji su imali tagirani tekst, stoga su svi procijenjeni kao slike s korektnim alt tekstom. Slike nisu ometale praćenje teksta i navigaciju. Linkovi također nisu imali ometajući utjecaj, bilo da se radi o redundantnim grafičkim linkovima ili da govorimo o njihovoj strukturi koja je bila jednostavna, razumljiva te je imala logičan slijed. Na naslovnici je bio zanimljiv slijedeći link: pbz365@net. Kad se taj link otvori, njegov sadržaj je prilično jednostavan i lagan za pretraživanje. Sadrži četiri grafička linka koji su tagirani. Potom se možete odlučiti za uslugu koju koristite, u ovom slučaju sam se odlučio za uslugu Pbz 365 optima . Za ulaz u aplikaciju potrebno je upisati u dva edit polja matični broj korisnika i pin te nakon toga treba stisnuti gumb «prijava za rad s aplikacijom». Gumb je jasan i u potpunosti razumljiv. Kad se otvori ovaj sadržaj, na heading razini jedan vide se svi računi s kojima se može raspolagati. Ispod svakog od računa i njegovih detalja postoji grafički link koji je dobro tagiran - „novi nalog“.Kad se uđe na sadržaj koji link pruža, otvaraju se sadržaji u headinzima. Na heading razini jedan otvaraju se tablice za plaćanje naloga. Te tablice, odnosno stupci, imaju jasno označena polja za unos potrebnih podataka.Na vrhu tog headinga se nalaze i podatci o računu s kojega se plaća nalog. Iza toga slijede polja za unos primateljevih podataka, broj banke i njegov matični broj te model, poziv na broj i tako dalje. Ako se u ova dva potonja polja ne upišu podatci, neće biti dopušten idući korak. U tom koraku u tablici se nalaze dva radio gumba kojim se označava npr. želite li plaćanje izvršiti s već odabranim tekućim ili žiro-računom. Također, ako se neki računi, odnosno primatelji ponavljaju, na primjer Hrvatska elektroprivreda, može se napraviti template i prilikom nove uplate on se može iskoristiti te na taj način smanjiti vrijeme potrebno za redovno plaćanje računa.Kad su svi podatci definirani, postoji gumb „provjeri“. Informacija se nalazi na vrhu headinga 1 te se sukladno s njom sve moguće postojeće greške mogu ispravljati. Svidio mi se način na koji servis radi jer kad se upiše ispravan broj računa kod banke, aplikacija sama odradi ostali dio posla. Ovdje mislim na ime, adresu, odnosno osnovne podatke o korisniku tog računa. Nakon što je provjera odrađena, ispod gumba kojim se pokrenula ta akcija, postoji „pohrani“ gumb. U toj novoj stranici se vide svi pohranjeni nalozi u vidu tablice, odnosno u stupcima. Na kraju svakog naloga je check box, „plati“. Ako se čekiraju, postoji još jedno polje za unos pina te se za konačno plaćanje mora stisnuti gumb „plati“. Nakon što se završi s plaćanjem, za sve uplate se mogu ispisati na pisač potvrde u pdf, xls i xml formatu. Cijeli ovaj sadržaj je u potpunosti pristupačan slijepim osobama. A kako bi i meni bio pristupačan, prijatelj mi je dao na uvid svoje podatke, odnosno dobio sam od njega sve potrebne parametre za ulazak u aplikaciju.

Za navigaciju po stranici koristio sam se isključivo standardnim komandama čitača zaslona. Kad se na naslovnici uđe na neki od linkova, sadržaj je brzo u fokusu čitača ekrana pa se može reći da se nova stranica otvara na vrhu ekrana. Također, prilikom vraćanja na naslovnicu, kursor se pozicionira na onaj link s kojega se krenulo. Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.

125

mailto:pbz365@net.%20Kad%20se%20taj%20link%20otvori%20njegov%20sadr%C5%BEaj%20je%20prili%C4%8Dno%20jednostavan%20i%20lagan%20za%20pretra%C5%BEivanje.%20Sadr%C5%BEi%20%C4%8Detiri%20grafi%C4%8Dka%20linka%20koji%20su%20tagirani.%20Potom%20se%20mo%C5%BEete%20odlu%C4%8Diti%20za%20uslugu%20koju%20koristite,%20u%20ovom%20slu%C4%8Daju%20sam%20se%20odlu%C4%8Dio%20za%20uslugu%20Pbz%20365%20optima%20.%20Za%20ulaz%20u%20aplikaciju%20potrebno%20upisati%20u%20dva%20edit%20polja%20mati%C4%8Dni%20broj%20korisnika%20i%20pin,%20te%20nakon%20toga%20treba%20stisnuti%20gumb%20%E2%80%9Eprijava%20za%20rad%20s%20aplikacijom



S naslovne stranice je moguće skidati dokumente, među njima su prisutni oni u pdf, doc i xml formatu. Pdf dokumenti su pristupačni za tehnologije čitača zaslona. Prilikom otvaranja nekog linka za slanje elektroničke pošte otvara se Outlook. Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.S obzirom na navedene podatke koji su proizašli prilikom procjene ove stranice, mogu ustvrditi da je stranica u potpunosti pristupačna. Cijela koncepcija dizajna koja je uključivala headinge, dobro opisane gumbe kao i polja za unos potrebnih podataka omogućila mi je brzo snalaženje po cijeloj aplikaciji. S obzirom da se ne koristim njome, navigacija i obavljanje zadataka nije dugo trajalo. To je znak jako pristupačnog dizajna. Iako se internet bankarstvu ove banke može pristupati uz pomoć tokena i čitača kartica, za nas slijepe je način s brojem korisničkog računa i pina izuzetno pristupačno rješenje. To rješenje omogućava jednakopravnost populacije slijepih s ostalom populacijom, barem u segmentu kontrole kretanja osobnih financija.

Nakon procjene ove stranice alat za subjektivnu procjenu „Ocawa“ nije imao niti jednu primjedbu. To znači da i ova stranica udovoljava svim kriterijima koje sugeriraju smjernice za pristup sadržajima mreže kako bi one bile potpuno pristupačne svima.

126

Web stranica Zagrebačke banke d.d. – (e-zaba)https://www.zaba.hr/ebank/gradjani/

Ova stranica je uvrštena u procjenu iz razloga što je u današnje vrijeme raspolaganje novcem praćenje tijekova novčanih transakcija izuzetno bitan segment života. Na ovoj stranici prilikom pretraživanja uočene su tri slike. Jedna od tih slika je bila opisana korektnim alt tekstom. Radi se o grafičkom image linku „e_zaba_top“. Uz ovu sliku na stranici su bije još dvije koje nisu imale alternativni tekst niti su imale smisleni naziv. S obzirom na broj slika i da se nisu nalazile blizu nekih tekstualnih sadržaja na stranici, nisu utjecale na čitanje kao ni na navigaciju po stranici. Na ovoj stranici nije bilo redundantnih slikovnih linkova, dok su svi linkovi na ovoj podstranici i na naslovnici bili jasno strukturirani i omogućavali su dobar uvid u sadržaje koje stranica nudi. Kad se s naslovnice otvori sadržaj linka „demo“ (http://www.zaba.hr/info/pb/pc/e-zaba_gradani/1Stanje/100000stanje.htm ), otvori se demonstracija Internet bankarstva.Kad se sadržaj URL-a učita, na stranici je u prvom edit polju upisan token, a u idućem broj otp-a. Taj potonji broj se dobije kad se na osobnom tokenu upiše vaš identifikacijski broj i stisne tipka otp1 te nakon toga token sam generira broj koji upisujete i nakon čega idete na link “prijava u internet bankarstvo“. Na demo verziji se otvara, kao i na demo verziji pbz internet bankarstva, račun gospođice Ane Horvat. Na ovoj simulaciji se može prilično lagano kretati po računima, plaćanju platnih naloga i tako dalje. Cijeli demo je pristupačan i po njemu se može kretati sa standardnim komandama čitača zaslona. Kako bih stekao što realniji uvid u ovu uslugu, zamolio sam gospođicu Anitu da mi upiše svoj token i potrebne parametre koje on generira kako bih se uvjerio ima li razlike između prave i demo verzije. Postupak je u potpunosti identičan. U token se upisuje broj koji je korisnik dobio prilikom ugovaranja usluge internet bankarstva. Pritiskom na jedan gumb na tokenu, on generira broj od šest znamenki koji se upisuje na računalo te se potom mora pritisnuti gumb «prijava u internet bankarstvo». Kad se otvorio sadržaj, pregledao sam neke transakcije, obavio plaćanje i cijela procedura je u potpunosti pristupačna. U cijelom postupku se preko check boksova definiraju mogućnosti i kriteriji za obavljanje svih akcija koje ovaj servis nudi. Kad se ide platiti račun, nakon što se upišu svi potrebni parametri - ime onoga kome se doznačuju sredstva, njegova adresa, broj računa i svrha uplate, iznos, model i poziv na broj odobrenja. Da bi se transakcija izvršila, mora se još jednom u token upisati njegov četveroznamenkasti broj i stisnuti tipka apply2 koja generira osmeroznamenkasti broj i s njime se uplata zaključuje.Zbog tokena ovaj servis slijepe osobe nisu u mogućnosti koristiti. Bilo bi jako korisno slijepim osobama da Zagrebačka banka u svoj program socijalne odgovornosti omogući pristupačnost ove usluge. Pouzdano znam da Zaba poslovnim korisnicima pruža mogućnost korištenja čitača kartica, na moj osobni upit u jednoj od poslovnica dobio sam odgovor da se tako nešto ne može omogućiti fizičkim osobama zbog razlike u tehnologijama koje se koriste, a nisu kompatibilne građanima. Možda je moguće da se tokeni prilagode te da se u njih stavi tehnologija koja je izašla iz projekta GLS-a, SMS čitač. Također, znam za podatak da jedan moj kolega, koji je također slijep, ima mogućnost korištenja svih funkcija koje nudi njegova banka. On mora upisati matični broj i pin kartice te se ulogira na servis Privredne banke Zagreb. Sučelje koje koristi Zabin servis je u potpunosti pristupačan, samo da postane dostupan. Kad se ušlo na navedeni link, njegov sadržaj se postavio na vrh ekrana i izlaskom s demo linka kursor se vratio na njega.Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.

127

https://www.zaba.hr/ebank/gradjani/

Prilikom otvaranja jednog postojećeg linka za slanje elektroničke pošte, otvara se Outlook Express.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.

Bez obzira na jednostavnost i pristupačnost sučelja Internet bankarstva, ova stranica je dobila ocjenu dva, gotovo neupotrebljiva. Iako je ostatak sadržaja na stranici pristupačan, nemogućnost korištenja najbitnijeg sadržaja je presudio. Kad bi ova banka omogućila slijepim korisnicima pristup kao što ga ima Privredna, tad bi se i ova stranica, odnosno aplikacija E-zaba, mogla okarakterizirati kao potpuno pristupačna.

Nakon procjene ove stranice alat za subjektivnu procjenu „Ocawa“ nije imala niti jednu primjedbu. To znači da i ova stranica udovoljava svim kriterijima koje sugeriraju smjernice za pristup sadržajima mreže kako bi one bile potpuno pristupačne svima.

128

Web stranica Plavi Oglasnikhttp://www.oglasnik.hr

U vrijeme kad se procjena radila na naslovnici je bilo dvanaest slika. Devet slika je korektno opisano s alternativnim tekstom Radilo se o grafičkim linkovima glavnog izbornika. Ostale tri slike su bile bez alt teksta. Te slike na naslovnici nisu smetale pri navigaciji, niti su ometale čitanje. Redundantnih linkova na stranici nije bilo.

Što se tiče slika koje se nalaze u pojedinim oglasima, u tražilici se može čekirati check box želite li oglase sa slikom ili ne. Ako se ode na traženje oglasa sa slikom, recimo na ponudu automobila, na velikom broju linkova, to jest oglasa, nalazi se sličica automobila koji se oglašava. Kad se otvori sadržaj tog linka, slika se nalazi na vrhu tog sadržaja, ispod je tekst, nakon njega je smještena još nekolicina slika, što ovisi o autoru oglasa. Ispod tog niza slika je broj telefona i vrijeme do kada oglas vrijedi. Niti jedna slika nije inkorporirana u tekst i s obzirom na lokaciju ne može negativno utjecati na čitanje. S obzirom na količinu sadržaja na stranici i broja oglasa, drago mi je d ni na jednoj razini nema redundantnih slikovnih linkova. Grupe linkova su jasno klasificirane prema sadržaju te je u tražilici moguće definirati kriterije pretrage u smislu da se rezultate može prikazati prema abecednom redoslijedu, datumu objave, broju prikaza i cijeni. Meni osobno najviše odgovara da su rezultati poredani po abecedi. Na stranici su svi prisutni gumbi dovoljno jasni, registrirani korisnici nakon upisivanja svih parametara ulaze pritiskom na gumb „prijava“. Standardne komande čitača ekrana su dovoljne za pretraživanje sadržaja i slanje malog oglasa. Kad se uđe na neki link na stranici, novi sadržaj se ne postavlja na vrh ekrana i malo je naporno koristiti se strelicama gore-dolje ili stranica gore-dolje tijekom pretraživanja. Razlog tomu jest to da se na stranici nalazi izuzetno veliki broj linkova, svaki oglas je jedan link. Kad se završi s određenim oglasom te se vrati nazad na listu oglasa kursor se nalazi na linku s kojeg se krenulo, odnosno na onome linku s kojega je taj oglas otvoren. Na linku glavnog menija „predaja oglasa“ sadržaj surfera vodi tekstualnim uputstvima kroz proces podnošenja. Postoji nekolicina check boxova na kojima se definiraju geografska pripadnost, znači županija, formatiranje teksta, osobni podatci, tekst članka i postoji mogućnost uploada. Nakon toga se ide na drugi korak gdje se mora upisati adresa elektroničke pošte te gumb kojim završava proces stavljanja oglasa. Cijela forma je u potpunosti pristupačna za pretraživanje putem čitača zaslona.Na stranici nije prisutna niti jedna animacija ili interaktivni flash element, ne svira glazba kad se učita naslovnica i nema nikakvih zvukova, a što su sve sadržaji koji bi mogli negativno utjecati na pretraživanje ili čitanje sadržaja.Sa stranice se ne mogu skidati nikakvi sadržaji, a prilikom otvaranja linka za slanje elektroničke pošte otvara se Outlook.Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.

Stranica je na osnovu procjene dobila ocjenu potpune pristupačnosti iz perspektive slijepe osobe. Linkova stvarno ima puno, no na stranici sam u oglasima našao podosta zanimljivih stvari. Ono što bi unaprijedilo cijelu priču pretraživanja bi bilo to da se, recimo, prilikom otvaranja nekog linka s oglasom sadržaj istoga otvara u heading razini 1. Na taj način bi pretraživanje oglasa bilo učinkovitije i brže jer bi čitač ekrana fokus jako brzo prebacio na novootvoreni sadržaj.

129

Nije loše, lagano je pregledavanje, sve su linkovi koji se brzo otvaraju i to relativno brzo se počnu čitati pa ih nije ni problem pregledavati, ono što je također dobro jest to da je i slanje oglasa jednostavno odrađeno, jedino kod dijela gdje se moraju upisati podatci s telefonskim brojem i uz njega pozivni broj, taj combo box nije odrađen kako treba jer kad se radi sa standardnim Jaws-ovim komandama, odnosno s virtualnim kursorom, ne izgovaraju se brojevi već se mora koristiti Jaws-ov kursor, što malo komplicira postavljanje parametara, a može se i to odraditi na način da se spušta određeni broj puta strelicom dolje da bi „ubo“ pravi pozivni. Što se mene tiče, meni je bilo lako jer iza zagrebačkog postoje još četiri pritiska na tipku strelice dolje i tu sam, no nije lako onima s brojevima 040. To je jedina zamjerka koja se može pronaći.

Nakon provjere, “Ocawa” ima devedeset i devet primjedbi. “Osigurajte jednakovrijedne alternative auditivnom i vizualnom sadržaju“.

Preporuka je da se koristi “alt” za img, INPUT i APPLET elemente ili da se omogući tekstualni ekvivalent OBJECT i APPLET elemenata.Za sljedeće elemente se pretpostavlja da nedostaje “alt” za image.

[ligne 1392] [ligne 1391] [ligne 1386] [ligne 1385] [ligne 1360] [ligne 1354]

</tr> [line 01391] <td align="left"><img src="/redesign/images/spacer.gif" width="10" height="8" /></td> [line 01386] </tr> [line 01385] <td><img src="/redesign/images/spacer.gif" width="10" height="8" /></td> [line 01360] </tr> [line 01354] </tr> [line 01350] </tr>[line 01341] <td width="879" align="left" valign="self"> [line 01337] </tr> [line 01334] </table> [line 01332] </tr> [line 01330] <td width="879" align="left" valign="self"><table width="100%" border="0" cellpadding="0" cellspacing="0"> [line 01326] </tr> [line 01307] </td> [line 01287] </td> [line 01267] </td> [line 01253] <td width="879" align="left" valign="self"> [line 01249] </tr> [line 01245] </tr>[line 01238] </tr> [line 01229] <td width="732" align="center" valign="middle" background="/redesign/images/home_banner_podloga.jpg"> [line 01222] <td width="879" align="left" valign="self"> [line 01219] </table> [line 01215] </tr>[line 01192] </td> [line 01187] </table> [line 01168] </td>

130

[line 01163] </table> [line 01144] </td> [line 01139] </table> [line 01120] </td> [line 01115] </table> [line 01093] </td> [line 01088] </table> [line 01069] </td> [line 01062] </tr> [line 01060] </tr> [line 01035] <td width="315" valign="self"> [line 01027] </td> [line 00975] </td>[line 00969] </td> [line 00921] </td> [line 00910] </td> [line 00858] </td> [line 00852] </td> [line 00812] </td>[line 00801] </td> [line 00749] </td> [line 00743] </td> [line 00703] </td> [line 00692] </td> [line 00640] </td> [line 00634] </td>[line 00594] </td> [line 00583] </td> [line 00539] </td> [line 00533] </td>[line 00501] </td> [line 00490] </td>[line 00404] </td> [line 00329] </td> [line 00311] </table> [line 00297] </tr>[line 00287] </tr> [line 00257] <b style="color: gray; font-size: 9pt">Svi oglasi odabrane ¾upanije:</b> [line 00243] <b style="color: gray; font-size: 9pt">Pretra¾ivanje oglasa:</b> [line 00241] <td align="center" valign="self" style="padding-left:30px"> [line 00216] <td width="528" valign="self"> [line 00212] </tr> [line 00209] <td width="949" valign="self"> [line 00202] </tr> [line 00183] <td><a href="/index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('menu1','','/redesign/images/menu/1_naslovnica_on.gif',1)"><img src="/redesign/images/menu/1_naslovnica.gif" name="menu1" width="79" height="32" border="0" id="menu1" /> </a></td> [line 00184] <td><img src="/redesign/images/spacer.gif" width="20" height="32" /></td> [line 00185] <td><a href="/korisnik/predaja/index.pl" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image63','','/redesign/images/menu/2_predaja_oglasa_on.g

131

if',1)"><img src="/redesign/images/menu/2_predaja_oglasa.gif" name="Image63" width="107" height="32" border="0" id="Image63" /> </a></td> [line 00186] <td><img src="/redesign/images/spacer.gif" width="20" height="32" /></td> [line 00187] <td><a href="/korisnik/index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image64','','/redesign/images/menu/3_vas_kutak_on.gif',1)"><img src="/redesign/images/menu/3_vas_kutak.gif" name="Image64" width="73" height="32" border="0" id="Image64" /> </a></td> [line 00188] <td><img src="/redesign/images/spacer.gif" width="20" height="32" /></td> [line 00189] <td><a href="/cjenik/index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image65','','/redesign/images/menu/4_cjenik_on.gif',1)"><img src="/redesign/images/menu/4_cjenik.gif" name="Image65" width="49" height="32" border="0" id="Image65" /> </a></td> [line 00190] <td><img src="/redesign/images/spacer.gif" width="20" height="32" /></td> [line 00191] <td><a href="/prijava/registracija.pl?referrer_start=/index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image66','','/redesign/images/menu/5_registracija_on.gif',1)"><img src="/redesign/images/menu/5_registracija.gif" name="Image66" width="86" height="32" border="0" id="Image66" /> </a></td> [line 00192] <td><img src="/redesign/images/spacer.gif" width="20" height="32" /></td> [line 00193] <td><a href="/pomoc/index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image68','','/redesign/images/menu/7_pomoc_on.gif',1)"><img src="/redesign/images/menu/7_pomoc.gif" name="Image68" width="55" height="32" border="0" id="Image68" /> </a></td> [line 00194] <td><img src="/redesign/images/spacer.gif" width="20" height="32" /></td> [line 00195] <td><a href="/onama/index.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image69','','/redesign/images/menu/8_o_nama_on.gif',1)"><img src="/redesign/images/menu/8_o_nama.gif" name="Image69" width="60" height="32" border="0" id="Image69" /> </a></td>Δ [line 00196] <td><img src="/redesign/images/spacer.gif" width="184" height="32" /></td> [line 00197] <td><a href="/onama/kontakt.html" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Image70','','/redesign/images/menu/9_kontakt_on.gif',1)"><img src="/redesign/images/menu/9_kontakt.gif" name="Image70" width="58" height="32" border="0" id="Image70" /> </a></td> [line 00198] </tr>

132

[line 00181] <td width="899" valign="self" background="/redesign/images/menu_podloga.gif"><table width="899" border="0" cellspacing="0" cellpadding="0"> [line 00177] </tr> [line 00158] </tr> [line 00153] <td align="left"><span class="bijeli loginFIX">lozinka:</span> [line 00145] </tr> [line 00138] </tr> [line 00136] <td width="950" valign="self"><table width="950" height="110" border="0" cellpadding="0" cellspacing="0">

Za image map koristite "alt" atribut s AREA-om, ili MAP element s A elementima (idrugim tekstovima) kao sadržajem.

[line 01423] </map>[line 01420] </map>[line 01417] </map>[line 01358] </td>[line 01357] <map name="MapMap" id="MapMap"><area shape="circle" coords="54,21,13" href="#" /> </map>

133

Web stranica forum.hr

http://www.forum.hr

Nakon što se učitala naslovnica ovog weba, na njemu su uočene devedeset i dvije slike. Te slike su u najvećem broju bili grafički linkovi. Od ukupnog broja slika sedamdeset i sedam je bilo dobro tekstualno opisano, ali najveći dio istih je bio link koji vodi na zadnji post i imao je tekst „idi na zadnji post“. Ovakav link se na naslovnici nalazi ispod svih glavnih kategorija, no nije prisutan na podstranicama kad se neka od grupa otvori. Preostalih petnaest slika nisu imale ni alt tekst, niti su imale smisleni naziv. Jedan od takvih grafičkih linkova je „buttons/collapse_tcat“. Iskreno nisam uspio shvatiti o čemu je točno riječ, ali mislim da on otvara neke teme koje se nalaze unutar linka „društvo“. Slike koje se nalaze na stranici, ne ometaju čitanje jer otvaranjem nekog posta, grafički linkovi, slike otvaraju nove threadove pa ni broj slika ne ometa navigaciju, a kako su prisutne po cijeloj stranici, efekt na snalaženje je isti. Na ovoj stranici ne mogu govoriti o redundantnim slikovnim linkovima jer se mnogi forumaši javljaju na više tema pa ih čitač ekrana identificira na više mjesta, a ne otvaraju isti sadržaj kao i negrafički link. Linkovi se nalaze smješteni u razumljive cjeline, znači ulaskom u jednu generalnu temu na stranici se otvaraju novi linkovi koji obrađuju posebna područja unutar nje. Tako da je prisutna hijerarhija te grupe linkova i oni ne ometaju snalaženje po stranici. Gumbi koji se nalaze na stranici su dovoljno jasni. Za pretraživanje po stranici koristio sam standardne komande čitača zaslona.Kad se uđe na neki od linkova, sadržaj se ne postavi na vrh ekrana, nego treba skrolati da se dođe do željenog posta ili threada. U najvećem broju slučajeva kad se završi s pregledavanjem, kursor se ne pozicionira na onaj link s kojega se krenulo, međutim u nekim slučajevima se to i dogodi. Na stranici je prisutna jedna flash animacija, međutim ona ne utječe na pretraživanje stranice u ometajućem smislu. Na stranici nema glazbe koja se može čuti nakon što se stranica u potpunosti učita ili nekih zvukova ometanja koje takvi elementi mogu proizvesti. Sa stranice nisam skinuo niti jedan dokument jer to nije moguće iako se dio postova može tretirati kao iskustveni dokumenti. Prilikom otvaranja linka za slanje elektroničke pošte javlja se Outlook. Ako se želi registrirati na forum, to je prilično lako izvesti. Bio sam iznimno zadovoljan kad sam vidio da za registraciju nije potrebno upisivanje koda tekstualnog sadržaja s grafike, proces registracije sam završio za tili čas, što znači da je bio u potpunosti pristupačan. Ono što je bilo lijepo za vidjeti jest da postoji link na stranici za tekstualni prikaz. Malo mi je bilo čudno da se nalazi na samom dnu stranice. Otvorio sam taj link i počeo malo pregledavati. Bio sam zadovoljan kada sam otvorio grupu i odabrao temu. Svi postovi i odgovori na njih su se nizali jedan ispod drugoga, odvojeni razmakom. Stvarno tekst only. Odskrolao sam do dna stranice očekujući da ću tamo naći na mogućnost da i ja repliciram, međutim ništa. U redu, valjda je to stoga što se nisam registrirao. Napravih to na stranici u potpunoj inačici, na tekstualnom prikazu je bio link koji je vraćao na naslovnicu i opet ništa. Znači da se može nešto raspravljati samo preko stranice s uobičajenim prikazom. Šteta.Iako postoji mogućnost prilagođavanja pristupačnosti stranice, nije bit u tome da slijepi surferi tu budu samo promatrači. Cilj je trebao biti da mogu aktivno participirati u raspravama. Ovako se mora više potruditi da bi se uključilo u diskusiju. Malo jest komplicirano da slijepi surfer, pogotovo početnik, napiše neki post, no i to je moguće. Da je lagano i nije, ali sve se može napraviti standardnim komandama čitača ekrana, no uz malo inventivnosti. Ipak ću stranici dati ocjenu pet, jer ipak je ovo subjektivna procjena. Da bi stranica bila u potpunosti pristupačna, bilo bi dobro da se tekstualna stranica uredi da i slijepi imaju jednako pristupačne sve forumske alate, a ne samo čitanje prethodnih postova. Mislim da je praktičnije rješenje da se stranica napravi pristupačna bez podstranice, samo s tekstualnim sadržajem.

134

Iako ne vjerujem da ovo ide u procjenu pristupačnosti stranice, na stranici me, u biti, najviše smetaju ads frameovi. Problem mi je bio da su ti advertisementi usporavali pregledavanje stranice te se mora po njima prešetavati da bi se pronašlo ono što te zanima.Iako ovo neće imati utjecaja, s čim se mogu pomiriti, ali morao sam iznijeti svoju opasku.

Napomena: Na ovu stranicu alat za objektivnu procjenu Ocawa nije imao niti jednu primjedbu te je prema Ocawi ova stranica potpuno zadovoljila kriterije koji se preporučuju smjernicama za pristup sadržajima mreže.

“No remark”

135

Web stranica Hg spothttp://www.hgspot.hr

Na stranici su u vrijeme procjene bile pedeset i četiri slike, od kojih su većina grafički slikovni linkovi. Četrdeset i osam je dobro imenovano, no od njih trideset i tri su slikovni linkovi koji su tagirani na vrh i svi se nalaze na različitim heading razinama, pri dnu levela.Prilično je praktično to što se na headinzima na kojima se nalaze novosti o proizvodima, slike ne nalaze u tekstu. One su postavljene kao linkovi i ovisno o broju slika, varira i broj linkova. Tako da ako se želi vidjeti kako proizvod izgleda, mora se otvoriti link. Dobro je bilo i rješenje otvaranja linkova u novome prozoru, iako se tako ne otvaraju svi linkovi. Sadržaj novootvorenog linka se odmah prezentira slijepoj osobi jer se fokus čitača ekrana odmah pozicionira na vrh. Problematičan je bio segment glavnog menija. Na tom su se meniju nalazili sadržaji u kojima su se mogle vidjeti cijene, zatim link „o nama“, web „shop“, preglednik ovlaštenih servisa, pomoć i možda općoj populaciji nebitan link za investitore. Iz perspektive slijepih osoba ti grafički linkovi nisu imali smisleni naziv, a oni su prosječnom slijepom korisniku najbitniji. Pogotovo informacije koje se nalaze na cjeniku ili web shop. „images/main_r2_c4“Ovaj link je prilično zbunjujuć i stoga ga slijepe osobe mogu preskočiti, a skriva cjenik.Osobe koje vide mogu na tom slikovnom linku vidjeti da se tu nalazi cjenik. Nakon što se otvori taj link u slijedećem podmeniju je izlistan cjelokupni asortiman, na primjer gotova računala, laptopi, komponente, periferije i drugo. Nakon otvaranja liste gdje su komponente, vidljiva je ponuda. Pokušao sam sklopiti računalo i odabrao sam najprije matičnu ploču, no problem je bio što se nisam mogao vratiti nazad, na prethodni podmeni, nego sam se morao vratiti natrag na vrh stranice i cijeli postupak odabira drugih nužnih komponenti slagati jednu po jednu. Ako je određena komponenta imala link „+“ bila bi odmah dodana, pritiskom na njega, u košaricu. Kako se stavi nešto dodatno u košaricu, aplikacija sama izračunava cijenu, no na kraju je vidljiva ukupna cijena, ali ne i odabrane komponente, tako da nije moguće neke sadržaje promijeniti. Bilo bi dobro da su vidljivi svi odabrani artikli te da se oni mogu izbaciti i odabrati neki drugi. Jednako tako bi za nas slijepe bilo dobro da se linkovi za dodavanje sadržaja preimenuju u „dodaj u košaricu“. Ovako ako netko u postavkama čitača ekrana nema odabranu opciju da on čita sve znakove, taj link s plusom neće biti zamijećen, već će biti pročitan kao „link“.Kako je većina linkova glavnog menija „on mouse over“ linkovi, mislim da korisnici početnici, na što sam se pri procjeni bazirao, neće moći kvalitetno pregledavati sadržaj. Za otvaranje i zatvaranje takvih linkova ne koriste već naučene opcije i načina navigacije. Mnogi slijepi ne znaju da se za otvaranje takvih linkova mora služiti kombinacijom tipki „control“ i „enter“ i isto tako pri zatvaranju. Preporuka bi bila da se ti linkovi glavnog izbornika urede na pristupačniji način ili da se u educiranje slijepih osoba za rad na računalu uvede detaljnija obuka za rad u Internet Exploreru. Linkovi na stranici su strukturirani na način da slijede logičnu dinamiku pregledavanja sadržaja te tako njihova grupiranost utječe na razumljivo kretanje po stranici. Također su svi gumbi koji su prisutni na stranici bili savršeno jasni te se dobro znalo koju će akciju pokrenuti, ili kod ankete, koji će sadržaj prezentirati. Glede navigacije po stranici, u upitniku stoji da su potrebne posebne vještine za snalaženje po stranici.To je vezano za glavni meni. Početnici se služe s tipkama strelica gore i dolje prilikom pretraživanja neke stranice i skrolanjem se ne zamjećuju promjene u pojavnosti stranice ako se koristi za otvaranje linkova tipka enter.Što se tiče pitanja kad se uđe na neki link postavi li se stranica na vrh ekrana, u glavnim menijima se taj sadržaj otvara u glavnom prozoru, no niže na stranici, na heading razini dva,

136


gdje su smještene novosti klikom na neki od linkova, njegov sadržaj se otvara u novome prozoru. Kad se taj novi prozor zatvara, tada se kursor vraća na ono mjesto s kojeg je podstranica otvorena. U novootvorenom prozoru je moguće vidjeti jedino detalje o tom proizvodu. Takav način mi se jako svidio zbog količine informacija u novom prozoru, a da se ne mora skrolati po stranici.Na stranici je bila prisutna jedna flash animacija koja nije ometala snalaženje po stranici i po njoj se moglo nesmetano skrolati. Jednak efekt je imalo i nepostojanje zvukova nakon što se stranica učitala te nepostojanje zvukova na istoj. Na stranici je bilo moguće skinuti jedan dokument u pdf formatu, međutim on nije bio čitljiv, znači nije bio prisutan digitalni tekst, to je samo skenirani slikovni image. Prilikom otvaranja linka za elektroničku poštu otvara se Outlook. Na stranici nema mogućnosti prilagođavanja izgleda stranice u svrhu poboljšanja pristupačnosti, odnosno nema nikakvog odabira alternativnog izgleda koji bi olakšavao pretraživanje.

Stranica je ocijenjena s tri što znači da je snalaženje po stranici otežano, ali moguće. Preporuke za ovu stranicu su da se u meniju postave linkovi koji će biti pristupačni slijepim osobama i da se pdf učini isto takvim.

Nakon što je odrađena posljednja procjena alatom za objektivno procjenjivanje „Ocawa“, na ovoj stranici je dobiven izvještaj o četrdeset i jednoj primjedbi. Smjernice za pristup sadržajima mreže izričito kažu: „1.1. Omogućite tekstualni ekvivalent za svaki netekstualni element (koristite npr., "alt", "longdesc" ili opis elementa). Netekstualni elementi obuhvaćaju:slike, grafičke prikaze teksta (uključujući simbole), tzv. regije na image map, animacije (npr. animirani GIF), minijaturne aplikacije (applets) i programske objekte, ASCII umjetnost (ASCII art), okvire, skripte, ikone i slike upotrijebljene za tekstualne oznake, grafičke tipke, zvukove (puštane s korisnikovom interakcijom ili bez nje), zasebne auditivne dokumente i video. [1. prioritet]“

Na sljedećim linijama alat je primijetio da nedostaje alternativni tekst za image:

1. [ligne 850] [ligne 842] [ligne 834] [ligne 826] [ligne 818] [ligne 713] [ligne 699] [ligne 685] [ligne 671] [ligne 657] [ligne 643] [ligne 629] [ligne 615] [ligne 601] [ligne 587] [ligne 571] [ligne 557] [ligne 543] [ligne 529] [ligne 515] [ligne 501] [ligne 487] [ligne 473] [ligne 459] [ligne 445] [ligne 431] [ligne 417] [ligne 403] [ligne 389] [ligne 375] [ligne 345] [ligne 331] [ligne 317] [ligne 303] [ligne 289] [ligne 275] [ligne 233]

Kod sljedećih linija nedostaje alt za object:

2. [ligne 261] [ligne 253] [ligne 245] [ligne 213]

137

Linije na kojima nedostaje alternativa za image

[line 00850] <img src="news/wd_mushkin_news.jpg" width="48" height="48" class="floatImg" /> [line 00842] <img src="news/48_bfg.jpg" width="48" height="48" class="floatImg" /> [line 00834] <img src="news/forcebook_news.jpg" width="48" height="48" class="floatImg" /> [line 00826] <img src="news/3dmark_mushkin_news.jpg" width="48" height="48" class="floatImg" /> [line 00818] <img src="news/3dmark_mushkin_news.jpg" width="48" height="48" class="floatImg" /> [line 00713] <img src="news/pcchip_preporuka.jpg" width="92" height="92" class="floatImg" /> [line 00699] <img src="news/infolab.jpg" width="92" height="92" class="floatImg" /> [line 00685] <img src="news/olympus.jpg" width="92" height="92" class="floatImg" />[line 00671] <img src="news/olympus.jpg" width="92" height="92" class="floatImg" /> [line 00657] <img src="news/logitech.jpg" width="92" height="92" class="floatImg" />[line 00643] <img src="news/pentax_k20d.jpg" width="92" height="92" class="floatImg" /> [line 00629] <img src="news/kingston.jpg" width="92" height="92" class="floatImg" /> [line 00615] <img src="news/ucilica.jpg" width="92" height="92" class="floatImg" />[line 00601] <img src="news/far_cry_2_mushkin.jpg" width="92" height="92" class="floatImg" />[line 00587] <img src="news/far_cry_2.jpg" width="92" height="92" class="floatImg" /> [line 00571] <img src="news/superbrands.jpg" width="92" height="92" class="floatImg" /> [line 00557] <img src="news/sajam.jpg" width="92" height="92" class="floatImg" />[line 00543] <img src="news/patriot.jpg" width="92" height="92" class="floatImg" /> [line 00529] <img src="news/mushkin_dfi.jpg" width="92" height="92" class="floatImg" /> [line 00515] <img src="news/hp_logo.jpg" width="92" height="92" class="floatImg" /> [line 00501] <img src="news/lenovo_happy_hour.jpg" width="92" height="92" class="floatImg" />[line 00487] <img src="news/fujifilm_akcija.jpg" width="92" height="92" class="floatImg" /> [line 00473] <img src="news/notebook_popust.jpg" width="92" height="92" class="floatImg" />

138

[line 00459] <img src="news/pes2009.jpg" width="92" height="92" class="floatImg" />[line 00445] <img src="news/apple_imac.jpg" width="92" height="92" class="floatImg" /> [line 00431] <img src="news/acer.jpg" width="92" height="92" class="floatImg" /> [line 00417] <img src="news/patriot.jpg" width="92" height="92" class="floatImg" /> [line 00403] <img src="news/vjerujes_li_u_cuda.jpg" width="92" height="92" class="floatImg" /> [line 00389] <img src="news/time.jpg" width="92" height="92" class="floatImg" /> [line 00375] <img src="news/ps3.jpg" width="92" height="92" class="floatImg" />[line 00345] <img src="news/focus_frame.jpg" width="92" height="92" class="floatImg" />[line 00331] <img src="news/santa.jpg" width="92" height="92" class="floatImg" /> [line 00317] <img src="news/toshiba_mobilmedia.jpg" width="92" height="92" class="floatImg" /> [line 00303] <img src="news/hp_trustedbrand.jpg" width="92" height="92" class="floatImg" /> [line 00289] <img src="news/webshop_no.jpg" width="92" height="92" class="floatImg" />[line 00275] <img src="news/toshiba_nagradna.jpg" width="92" height="92" class="floatImg" /> [line 00233] <p><img src="images/olympus_znacka.jpg" width="140" height="98" border="0" /> </p>

Linije na kojima nedostaje alternativa za object

[line 00261] <object type="application/x-shockwave-flash" data="/images/olympus.swf" width="468" height="60"> [line 00253] <object type="application/x-shockwave-flash" data="/images/bozicna_knjiga_cuda.swf" width="468" height="60"> [line 00245] <object type="application/x-shockwave-flash" data="/images/fiat_banner.swf" width="468" height="60"> [line 00213] <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" name="hgms" width="180" height="80" id="hgms" title="Posebna ponuda">

139

Documents

Analiza web stranica i javnih komunikacijskih i informacijskih servisa