Webové stránky obce s mapami

Masarykova univerzita Fakulta informatiky

Webové stránky obce s mapami BAKALÁŘSKÁ PRÁCE LADISLAV OLŠÁK

BRNO, JARO 2011

Prohlášení Prohlašuji, že tato práce je mým původním autorským dílem, které jsem vypracoval samostatně. Všechny zdroje, prameny a literaturu, které jsem při vypracování používal nebo z nich čerpal, v práci řádně cituji s uvedením úplného odkazu na příslušný zdroj.

Vedoucí práce: Mgr. Tomáš Obšívač

-1-

Poděkování Děkuji Mgr. Tomáši Obšívači za vedení mé bakalářské práce. Dále bych rád poděkoval Bc. Ondřeji Válkovi za pomoc při řešení některých částí návrhu designu, Ladislavu Olšákovi, Heleně Olšákové a Lence Přečkové za svoji účast při testech použitelnosti a card sortingu.

-2-

Shrnutí Cílem práce je analyzovat webové stránky obce Nová Lhota, vytvořit návrh struktury a designu nového systému za použití pravidel přístupnosti a použitelnosti a provést částečnou implementaci systému. Teoretická část práce se zabývá metodami vývoje systému a použitými technologiemi. V praktické části je vytvořen návrh systému pomocí skic a drátěných modelů. Dále jsou vytvořeny šablony za pomocí technologií HTML, CSS a JavaScript.

-3-

Klíčová slova webdesign, analýza webu, návrh webu, drátěné modely, přístupnost, použitelnost, šablony stránek, uživatelské testování

-4-

Obsah Prohlášení ............................................................................................................................................- 1 Poděkování..........................................................................................................................................- 2 Shrnutí..................................................................................................................................................- 3 Klíčová slova .......................................................................................................................................- 4 Obsah....................................................................................................................................................- 5 1

Úvod .............................................................................................................................................- 7 -

2

Zadání ..........................................................................................................................................- 8 -

3

4

5

6

7

2.1

O obci Nová Lhota ............................................................................................................- 8 -

2.2

Redesign obecního webu .................................................................................................- 8 -

2.3

Požadavky ze strany obce................................................................................................- 8 -

Definice pojmů..........................................................................................................................- 10 3.1

Webdesign........................................................................................................................- 10 -

3.2

Iterativní design ..............................................................................................................- 10 -

3.3

Redesign ...........................................................................................................................- 11 -

Průzkum ....................................................................................................................................- 13 4.1

Průzkum konkurenčních webů.....................................................................................- 13 -

4.2

Průzkum cílové skupiny ................................................................................................- 15 -

Analýza ......................................................................................................................................- 16 5.1

Audit obsahu webu.........................................................................................................- 16 -

5.2

Audit přístupnosti...........................................................................................................- 16 -

5.3

Audit použitelnosti .........................................................................................................- 19 -

5.4

Sledování chování uživatelů na webu .........................................................................- 21 -

5.5

Persony .............................................................................................................................- 22 -

5.6

SWOT analýza .................................................................................................................- 24 -

Návrh informační architektury ..............................................................................................- 26 6.1

Souhrn položek obsahu..................................................................................................- 26 -

6.2

Mapa webu.......................................................................................................................- 28 -

6.3

Skici ...................................................................................................................................- 31 -

6.4

Drátěné modely ...............................................................................................................- 33 -

6.5

Prototypy..........................................................................................................................- 34 -

Design.........................................................................................................................................- 35 7.1

Typografická mřížka.......................................................................................................- 35 -

7.2

Layout ...............................................................................................................................- 36 -

7.3

Bílé místo ..........................................................................................................................- 37 -

7.4

Pravidlo třetin..................................................................................................................- 38 -5-

8

9

10

7.5

Typografie ........................................................................................................................- 38 -

7.6

Teorie barev .....................................................................................................................- 39 -

Šablony webu............................................................................................................................- 41 8.1

Popis hlavní kostry .........................................................................................................- 41 -

8.2

Hlavní stránka .................................................................................................................- 43 -

8.3

Další vybrané stránky.....................................................................................................- 46 -

Implementace............................................................................................................................- 50 9.1

HTML................................................................................................................................- 50 -

9.2

CSS.....................................................................................................................................- 50 -

9.3

JavaScript..........................................................................................................................- 50 -

9.4

Google Maps ....................................................................................................................- 51 Závěr .....................................................................................................................................- 52 -

Literatura a použité zdroje..............................................................................................................- 53 A

Testování použitelnosti............................................................................................................- 55 -

B

Obrazová příloha......................................................................................................................- 57 -

C

Obsah CD...................................................................................................................................- 62 -

-6-

1

Úvod

Mezilidská komunikace byla vždy základem společnosti. Utvářela historii i současnost. S příchodem nových technologií byla tato oblast lidského života usnadněna. Ne vždy se ovšem povede využít potenciálu, který se v nových možnostech ukrývá. Například v obci by měla být samozřejmostí možnost komunikace mezi občany obce a jejich zvolenými zástupci v místní samosprávě. Internet se ukazuje jako výborný nástroj pro komunikaci. V dnešní době téměř všechny obce mají webové stránky. Ale na jaké úrovni? Cílem této bakalářské práce bylo redesignovat webové stránky obce Nová Lhota tak, aby reflektovaly skutečné potřeby obce, smysluplně využívaly moderní webové technologie a současně byly v souladu s platnými legislativními normami [1]. Proces tvorby webu jsem rozdělil do několika logických etap. První fáze se zaměřuje na analýzu současného stavu a cílových skupin, audit přístupnosti, použitelnosti a průzkum možností, které se při tvorbě nového webu nabízejí. Jejím výsledkem jsou persony, seznam požadavků a SWOT analýza, sloužící jako odrazový můstek ve fázi návrhu. Během něj byla vytvořena struktura nového webu, navrženo rozložení obsahu a navigačních prvků. Výsledkem této fáze je sada odůvodněných grafických návrhů jednotlivých stránek webu. V implementační části jsem pomocí HTML, CSS a JavaScriptu vytvořil šablony nových webových stránek, připravené k implementaci v reálném provozu. Výsledkem mé bakalářské práce je odbornými znalostmi podpořený návrh konkurenceschopného webu obce Nová Lhota, připraveného ve formě HTML/CSS šablon, ve kterých jsou již implementované některé funkce za pomoci jazyka JavaScript a služby Google Maps API. Tyto šablony jsou připraveny pro nasazení do reálného provozu v nadcházejících měsících.

-7-

2

Zadání

2.1

O obci Nová Lhota

Obec Nová Lhota se nachází na jihu Moravy poblíž hranice se Slovenskem v regionu Horňácko. Obec leží na úpatí pohoří Bílé Karpaty v nadmořské výšce 471 m. Novou Lhotou prochází turistická stezka vedoucí na vrcholky hor v chráněné krajinné oblasti Bílé Karpaty a také cyklostezka vedoucí od hor přes celé Horňácko. V obci je vybudován skiareál a envirocentrum, které má za cíl přiblížit člověka přírodě. Nedaleko obce se rozprostírá přírodní rezervace Porážky a přírodní památka Vápenky, ve které se nachází zachována řada malebných domků. V oblasti poblíž obce se také nalézá mnoho mlýnů. Nadmořská výška spolu s přítomností krásné krajiny a památek inklinuje k širokým možnostem letní i zimní turistiky. V obci je kvalitní infrastruktura, která by mohla přilákat velké množství turistů.

2.2

Redesign obecního webu

Současné webové stránky obce nevyhovují požadavkům na moderní web. Jsou založeny na jediné šabloně, která nereflektuje potřeby obce. Nacházejí se zde legislativně povinně zveřejňované údaje, ale žádné informace, které by upoutaly pozornost návštěvníků. Jelikož obec leží v atraktivní oblasti Bílých Karpat a obcí prochází turistické i cyklistické stezky, envirocentrum a skiareál, považuji za vhodné je na webu propagovat. Obyvatelé obce by jistě uvítali možnost zjistit informace o sportovních a kulturních akcích prostřednictvím webu. Internet by měl být dostupný pro každého bez ohledu na jeho postižení, proto je nezbytné tvořit webové stránky podle webových standardů a pravidel přístupnosti. Díky tomu budou mít handicapovaní uživatelé snadnější přístup k webu. Správná propagace obce na internetu by také mohla upoutat pozornost investorů. Barevný tón webových stránek by měl být do zelena, jelikož se jedná o barvu, která reprezentuje přírodu. Jako vhodné doplnění textových informací by mohly sloužit interaktivní mapy, pomocí nichž by se návštěvníci webu mohli dobře zorientovat v možnostech, které Nová Lhota a celý mikroregion Horňácka nabízí.

2.3

Požadavky ze strany obce

Jednání o novém webu obce, kterých jsem se osobně neúčastnil, probíhala s panem starostou Antonínem Okénkou. Z diskuse vyplynulo, že momentálně nepanuje spokojenost se vzhledem webu i jeho strukturou. Obec by také chtěla rozšířit pole nabízených služeb na webu

-8-

a tím se stát atraktivnější pro větší skupinu uživatelů. Ze současného webu bude nutné zachovat povinně zveřejňované informace ukládané zákonem, například zápisy z jednání.

-9-

3

Definice pojmů

3.1

Webdesign Content precedes design. Design in the absence of content is not design, it’s decoration. — Jeffrey Zeldman

Webdesign je disciplína, která uplatňuje při návrhu webu poznatky z grafického designu, typografie, informační architektury, interakčního designu a marketingu. Při návrhu webu je důležité dbát také na oblast kognitivní psychologie [2] či optimalizaci pro vyhledávače (SEO). Dalšími předními faktory ovlivňující úspěch je obsah webu, uživatelská přívětivost, použitelnost a také důvěryhodnost. Při tvorbě webových stránek se vývojář potýká s různorodostí webových prohlížečů. Přitom kompaktnost zobrazení na všech typech zařízení do značné míry ovlivňuje míru úspěchu dané stránky. Webdesign se skládá z několika fází. V analytické fázi je zhodnocena situace na trhu, současné webové stránky a také analýza uživatelů webu. Výsledky analýzy jsou využity při fázi návrhu, kdy je vytvořena struktura webu, rozmístění prvků na stránce a grafický návrh webu. Následuje fáze tvorby šablon, která se skládá z vytvoření struktury webu pomocí značkovacího jazyka HTML a tvorby grafické podoby webu prostřednictvím jazyka CSS. Závěrečnou fází je testování. Jelikož tvorba webu je iterativní proces, po testování a nalezení nedostatků nastává opět fáze analýzy. Webdesign označuje analýzu a návrh webu, nikoliv samotnou implementaci webu, která patří do tvorby webu. Webdesign je velmi komplexní disciplína, proto jsem se ve své práci zaměřil na ni, nikoliv na implementaci celého webu.

3.2

Iterativní design You can't improve a design when you're emotionally attached to previous decisions. Improvements come from flexibility and openness. — Ryan Singer, 37signals

Webové stránky mohou být vytvořeny bez iterativního designu. Vývojáři vytvářejí weby převážně metodikou vodopád. Klient předá určitou představu vývojářům, jak by webové stránky měly vypadat. Vývojový tým dané stránky vypracuje, předá zákazníkovi a tímto také kon-

- 10 -

čí veškerá spolupráce. Tento princip ovšem není příliš vhodný. Je sice rychlý, ale jak ukazuje Jacob Nielsen ve svém článku [3], prvotní design není většinou ten nejlepší. Iterativní design je agilní metodikou spočívající v opakovaném navrhování založeném na zpětných vazbách. Tyto zpětné vazby je možné získat od ostatních členů vývojového týmu nebo přímo od uživatelů. Princip spočívá v navrhování stránek metodou „pokus-omyl“. Vývojový tým vytvoří prvotní verzi stránek, případně wireframů, prototypů či pouhých skic. Následně se provede analýza a testování. Z daných výsledku odhalíme chyby, případně nám vyvstanou alternativy, kterými se může další vývoj ubírat. Po další iteraci se mohou objevit nové chyby, případně nalézt dříve neodhalené chyby. Po několika iteračních krocích bychom měli dospět v daných podmínkách k optimálnímu výstupu. Ve své práci jsem se zaměřil především na iteraci v rámci návrhu webových stránek. Považuji to za vhodnou variantu, pomocí které se můžeme vyvarovat problémům ve fázi implementace. Iteračním procesem prošly mé skici, wireframy a mapa stránek.

3.3

Redesign

Redesign je pojem, zahrnující celkovou obnovu stávajícího webu. Pod celkovou obnovou rozumíme přepracování obsahu, struktury i vizuálního stylu. Důvody k rozhodnutí pro tvorbu nového webu mohou být například [4]: -

technická zastaralost webu

-

morální zastaralost webu

-

nepřístupnost pro handicapované

-

nedostupnost webu vyhledávacím robotům

-

přizpůsobením moderním trendům

K celkovému redesignu webu Nové Lhoty bylo nutno přistoupit z důvodu zastaralého a nedostačujícího obsahu, špatné hierarchické struktury, nefunkčnosti některých částí webu, použití zastaralých technologií, vizuálního stylu webu neodpovídajícímu moderním trendům. Na obrázku 3.1 je vyobrazen původní stav obecních stránek.

- 11 -

Obrázek 3.1: Původní stav webových stránek obce

- 12 -

4

Průzkum

4.1

Průzkum konkurenčních webů

Cílem této fáze je prozkoumání tématicky podobných webových stránek, které mohou sloužit jako inspirace nejen v oblasti obsahu webu, ale také struktury webu a grafického designu. V dnešní době již téměř všechny obce vlastní weby, které se liší kvalitou zpracování. V České republice je každoročně pořádána soutěž Zlatý Erb1, které se účastní ty nejlepší webové stránky obcí. V této části jsem prošel weby obcí a hledal prvky, které by mohly být relevantní pro web Nové Lhoty. Jedná se o výčet poznatků získaných při analýze různých obecních webů. Přidal jsem také důvody, proč si myslím, že by bylo vhodné tyto kategorie do webu začlenit.

1

-

Rozdělení webu do sekcí pro občany, turisty a podnikatele. Rozdělení stránek do podkategorií může usnadnit návštěvníkům webu hledání potřebných informací. Tuto strukturu jsem nalezl na webu města Hranice.

-

Popis zajímavých turistických cílů je vhodný pro obce, které leží v turisticky atraktivní oblasti. Popis zajímavých míst se nalézá na většině obecních webů.

-

Vypisování veřejných zakázek na webu a zveřejňování jejich výsledků je transparentní způsob boje proti korupci. Jedná se také o příležitost přilákat investory. Tato sekce se nalézá například na webu města Most.

-

Informace o kulturních a sportovních subjektech, stejně jako kalendář akcí, by mohly pomoci nalákat lidi z okolních obcí, případně i turisty, na pořádané kulturní a sportovní akce. Na velkém množství webů se tyto informace nalézají v sekci aktuality. Dle mého názoru by bylo vhodné je soustředit také na vlastní stránku, kde by lépe upoutaly pozornost uživatele. Inspiraci jsem čerpal na webu města Jablonec nad Nisou.

-

Odkazy na služby ulehčí občanům orientaci ve službách, které se nachází v obci. Lidé budou mít soustředěny všechny podstatné věci (provozní dobu, provozované služby, kontakty) na jednom místě. Tyto informace jsou na webech poměrně běžné, nacházejí se například opět na webu Jablonce nad Nisou.

soutěž Zlatý erb

- 13 -

-

Mapy (cyklostezky, zajímavá místa) různých turistických cílů mohou zaujmout uživatele, dát mu lepší představu o turistických možnostech a usnadní mu orientaci v obci a jejím okolí. Interaktivní mapy nejsou na webech časté. Inspirací mi byl web obce Staré Město pod Sněžníkem.

-

Farnost. Myslím si, že by bylo vhodné uvést informace o převládajícím náboženství a faře. Informace o faře se nenachází ve větší míře na webech obcí a měst. Jelikož se jedná o kraj velmi nábožensky zaměřený, je vhodné na web umístit informace o náboženství a faře. Tyto informace se vyskytují například na webových stránkách Petrovice.

-

Možnost změny vizuálního stylu usnadní zrakově postiženým lidem přístup k webu. Lze toho dosáhnout vytvořením alternativního stylu pro web. Jinou možností je vypracovat web takovým způsobem, aby byl co nejvíce přístupný již ve svém hlavním stylu. Tato možnost se nalézá na většině webů.

-

Registrace uživatelů by mohla umožnit uživatelům přispívat do diskusí a odebírat aktuální informace prostřednictvím elektronické pošty. Možnost registrace se nachází na velkém množství webů, u kterých ale není zřejmé, jaký je účel této registrace. Odběr novinek z obce pomocí emailu je implementován například na webu obce Libochovany.

-

Popis spolků a organizací působících v obci by měl za cíl zvýšení povědomí o činnostech občanů v obci. Na webových stránkách se tato sekce často nevyskytuje, ale podle mého názoru může zlepšit návštěvníkům stránek povědomí o kultuře v obci. Tato sekce se vyskytuje například na webu obce Vranovice.

-

Záznamy místního rozhlasu umožní občanů si vyslechnout hlášení, která mohli promeškat. Pro uživatele, kteří nemají možnost si toto hlášení vyslechnout, by se měla nacházet i textová alternativa tohoto hlášení. Tato sekce není příliš častá. Vyskytuje se například opět u webu Vranovic.

-

Diskuse by mohly probíhat nad návrhy obecního úřadu, který by pak lépe mohl znát názor občanů na zamýšlené kroky. Bohužel tento bod by mohl být v případě takto malé obce problematický, protože zůstává otázkou, kolik lidí by takové možnosti využilo. Diskuse nebývají na webu časté. Jedná se ale o zajímavou sekci, která by mohla lidi povzbudit v častější návštěvě webu. Inspiraci lze nalézt na stránkách obce Telnice.

-

Místní inzerci považuji za zajímavou pro občany, protože nabízí možnost nákupu a prodeje zboží v dané lokalitě. Tato sekce se na webech také často nevyskytuje, ale opět ji považuji za zajímavou možnost. Tuto sekci lze nalézt například na webu obce Drnovce.

- 14 -

4.2

Průzkum cílové skupiny

Účelem této fáze návrhu je zjistit, pro koho bude web určen. V tomto kroku bude potřeba vytvořit několik kategorií typických uživatelů budoucích webových stránek. Tyto kategorie uživatelů můžeme rozdělit do primárních a sekundárních cílových skupin [5]. Do primární skupiny patří uživatelé plnící hlavní cíle našeho webu. Do sekundární skupiny patří uživatelé, kteří mohou rozšiřovat povědomí o webu a využívat nekomerční informace a funkcionalitu stránek. Výsledky průzkumu cílových skupin můžeme vhodně využít při sestavování person a uživatelských scénářů. Z doposud získaných informací bylo zjištěno, že se obec chce soustředit především na tři skupiny uživatelů: -

občané obce

-

turisté

-

podnikatelé a firmy

Pro občany budou důležité informace z obecního úřadu a připravované akce v obci. Turisté ocení informace o možnostech turistického vyžití v obci a regionu. Důležité je také zmínit informace o ubytování v Nové Lhotě a také akce, které by mohly být zajímavé z pohledu turistů. Obec by chtěla přilákat investory, kteří by snížili vysokou nezaměstnanost. Bylo by tedy vhodné zdůraznit, proč by měly tyto subjekty začít podnikat právě v této obci.

- 15 -

5

Analýza

Ve fázi analýzy zpracováváme data získaná z průzkumu. Jelikož se v tomto případě nejedná o první verzi webových stránek, ale o redesign (tj. přepracování původního webu), můžeme vycházet nejen z průzkumu, ale i poznatků, které byly zjištěny v průběhu fungování předcházející verze webu.

5.1

Audit obsahu webu

Audit obsahu webu má za cíl seskupit veškerý obsah současného webu a zhodnotit relevantnost jednotlivých částí pro nový web. Na současném webu se nachází informace o obci, její historie a současnost. Následuje zpravodaj z roku 2009, odkazy na penziony v obci a okolí, v kultuře můžeme nalézt několik aktualit z roku 2010, sekce sport obsahuje archiv článků a aktualit. Z místní fotogalerie je možné čerpat obrázky na připravovaný web. Sekce lyžařský areál je pouze odkaz na jiný web. Sekce Obecní úřad obsahuje většinu potřebných záležitostí, například kontakty, formuláře, aktuality (poměrně aktualizované), vyhlášky a nařízení, projektovou činnost, rozpočty obce a povinně zveřejňované informace. Úřední deska je poměrně aktualizovaná. Stránky obsahují i seznam několika odkazů, mezi kterými se však míchají odkazy na státní weby a na web použitého redakčního systému.

5.2

Audit přístupnosti A strict focus on accessibility as a scorecard item doesn't help users with disabilities. To help these users accomplish critical tasks, you must adopt a usability perspective. — Jakob Nielsen

5.2.1

Definice přístupnosti

Pojem přístupnost obecně znamená bezbariérovost. Pod přístupným webem můžeme vidět takové webové stránky, které nekladou na své návštěvníky žádná omezení. Pod tímto pojmem se skrývá fakt, že každý návštěvník bez ohledu na svoje postižení, technické vybavení, znalosti či dovednosti, musí být schopen web plnohodnotně používat.

5.2.2

Typy postižení

Ne každý uživatel internetu je zdravý. Radek Pavlíček na svém blogu [6] se zabývá tím, zda počet lidí s postiženým natolik vysoký, aby se vyplatilo přizpůsobovat webové stránky i jim.

- 16 -

Podle šetření Českého statistického úřadu, který proběhl v roce 2007 [7] žije v naší republice kolem 1 milionu lidí s různými typy postižení. Podle průzkumu 28 % postižených občanů chce pracovat s internetem. 35 % zdravotně postiženým občanů brání jejich zdravotní postižení v seznámení se s obsahem webových stránek, ale pokud jejich tvůrce dodrží pravidla pro tvorbu přístupného webu, mohou se v nezbytném rozsahu s obsahem webu seznámit. Tato čísla ukazují, že je počet lidí s nějakým handicapem velký, proto je vhodné vytvářet přístupné stránky i pro ně. Rozdělení a popis jednotlivých postižení lze najít v knize Tvoříme přístupné webové stránky [8]. Zrakově postižené uživatele můžeme rozdělit do několika skupin. Zcela nevidomí a jinak těžce zrakově postižení jsou odkázáni na hlasové čtečky či braillské řádky. Tito uživatelé potřebují, aby byl text dobře strukturován a grafické prvky měly své alternativní popisky. Slabozrací lidé mají problémy se čtením textu. Je tedy vhodné mít na webové stránce možnost zvětšení písma a zvýšení kontrastu písma a pozadí stránky. Text je také vhodné definovat v relativních jednotkách, aby si ho uživatelé mohli přizpůsobit svým potřebám. Barvoslepí lidé mohou mít problém rozeznat písmo na podobně zabarveném pozadí. I v tomto případě se vyplatí mít kontrastní barvu písma a pozadí. Zrakově postižených lidí je velké množství. Bude-li web pro ně přístupný, zvýšíme tím okruh potenciálních návštěvníků. Sluchově postižení uživatelé většinou nemívají problém při práci s internetem. Do této doby byl zvuk na webových stránkách převážně okrajovou záležitostí. S nástupem technologie HTML 5 by se situace mohla změnit. Je proto vhodné poskytovat plnohodnotné textové alternativy. Pohybově postižení lidé nemohou ovládat počítač myší. Této skupině můžeme usnadnit přístup tím, že celé webové stránky budou ovladatelné pomocí klávesnice. Lidé také mohou trpět různými psychickými poruchami. Uživatelé s poruchami učení a soustředění potřebují mít obsah stránky vyplněn grafickými symboly, vizuálními značkami, krátkými odstavci. Roboti, které využívají vyhledávače pro indexaci stránek na webu, se orientují podle sémantických značek na webu. Je důležité proto vyznačovat prvky na webu pomocí sémantických značek jazyka (X)HTML a výslednou prezentaci přenechat CSS. Je také nutné, aby byl všechen obsah webu, který chceme indexovat, dostupný i bez použití jazyka JavaScript. Roboti převážně neumějí interpretovat kód zapsaný pomocí tohoto jazyka. Přístupnost je tedy důležitá i z marketingového hlediska. Uživatelé nemusí být fyzicky či duševně handicapovaní, aby neměli přístup k některým webovým stránkám. Problematickou oblastí mohou být webové prohlížeče. Ne každý uživatel má možnost výběru a je nutné zajistit alespoň základní funkcionalitu v každém rozšířenějším prohlížeči. Dále zde máme problematiku různých zobrazovacích zařízení, pro které nemusí být snadné zajistit způsob kvalitního zobrazení webové stránky.

- 17 -

5.2.3

Metodiky přístupnosti

Snaha o zlepšení přístupnosti k informacím pro handicapované vyústila v přijetí celé řady metodik. Celosvětově uznávanou metodikou je Web Content Accessibility Guidelines2. Její důležitost můžeme deklarovat mnoha národními pravidly přístupnosti, které vycházejí z této metodiky a jsou legislativně vyžadovány. V České republice snaha o tvorbu jednotných pravidel přístupnosti vyústila v zákon č. 365/2000 Sb. o informačních systémech veřejné správy, provedenou zákonem č. 81/2006 Sb.3 Tento zákon stanovuje práva a povinnosti správcům informačních systémů veřejné správy. Webové stránky obce mezi tyto informační systémy patří.

5.2.4

Přístupnost na současném webu

Původní web jsem porovnal s pravidly přístupnosti a odhalil jsem mnoho problémů, které by nová verze webu mohla snadno vyřešit. -

V místech, kde se nachází více textových popisků u sebe, při vypnutí zobrazování obrázků tyto popisky spolu kolidují a stránky v těchto místech se stávají nepoužitelné. Při vypnutí CSS, Javy a JavaScriptu se stránky zobrazují bez problémů. Pouze tlačítko s funkcí „tisknout“ nereaguje, jelikož používá technologii JavaScript.

-

Za chybu považuji nepřítomnost alternativního CSS stylu pro zrakově handicapované, jelikož kontrast některých položek (kombinace tmavě zelené a světle zelené nebo žluté) není úplně zdařilý.

-

Navigace by měla být konzistentní. Bohužel na současném webu se mísí navigace v rámci daných webových stránek s odkazy na jiné weby.

-

Všechny stránky současného webu obsahují správná označení pomocí tagu