ZPRÁVA O HODNOCENÍ PŘÍSTUPNOSTI WEBOVÉ PREZENTACE MĚSTA XXXXXXXX Vypracoval: Jan Živný, Obce na webu, s.r.o. V Brně dne XXXXXXXX
1 Cíl hodnocení Tato zpráva je zpracována za účelem zhodnocení přístupnosti webové prezentace města XXXXXX pro návštěvníky, tedy zda a do jaké míry jsou webové stránky města XXXXXX přístupné všem uživatelům včetně uživatelů se zdravotním či jiným handicapem. Analýza je prováděna z pohledu návštěvníka uživatele, je zaměřena na grafické provedení webových stránek, funkčnost a technické podmínky přístupnosti webových stránek, nikoli na hodnocení interních funkcí použitého redakčního systému. Zjištěné nedostatky jsou popsány způsobem srozumitelným i pro osoby neznalé problematiky tvorby a optimalizace webových aplikací. Při hodnocení bylo postupováno v souladu se zákonem č. 365/2000 Sb., o informačních systémech veřejné správy [7], ve znění pozdějších předpisů (zejména ve znění zákona č. 81/2006 Sb. [8]), vyhláškou č. 64/2008 Sb., o formě uveřejňování informací souvisejících s výkonem veřejné správy prostřednictvím webových stránek pro osoby se zdravotním postižením (vyhláška o přístupnosti) [9], v platném znění, a metodickým pokynem Ministerstva vnitra k výše uvedené vyhlášce o přístupnosti č. 64/2008. - 1 -
2 Grafické provedení webové prezentace Následující část zprávy je věnována rozboru grafického provedení webové prezentace s ohledem na její přístupnost a použitelnost pro všechny skupiny uživatelů bez omezení. Neposuzujeme estetický vzhled a umělecké ztvárnění webových stránek, pouze poukazujeme na reálné technické nedostatky v oblasti grafického zpracování. Hodnocené prvky prezentace: Grafická podoba navigační struktury Použité barvy Čitelnost písma - 2 -
2.1 Grafická podoba navigační struktury Grafická podoba navigační struktury webových stránek je klíčová pro snadnou přístupnost jejich obsahu. V této oblasti bylo zjištěno několik zásadních nedostatků, které mohou působit uživatelům vážné problémy při přístupu. Specifikace hodnocení: Grafická podoba navigační struktury musí splňovat základní předpoklady pro přístupnost obsahu všem uživatelům bez omezení.[1][2][4] Navigace musí být srozumitelná a konzistentní a na všech webových stránkách orgánu veřejné správy obdobná.[2] Aktivní prvky navigace musí být odpovídajícím způsobem zvýrazněny.[1] Uživatel musí mít vždy jasný přehled o tom, na kterém místě prezentace se právě nachází. Barvy popředí a pozadí textu (nebo textu v obrázku) musí být vůči sobě dostatečně kontrastní, jestliže text nese významové sdělení.[2] Zjištěné nedostatky: 2.1.1 Nevyhovující grafické řešení hlavní nabídky Grafická podoba hlavní nabídky je nepřehledná, což je způsobeno kombinací několika současně se vyskytujících negativních faktorů: nedostatečný kontrast barev podkladu a písma (viz 2.2.1) špatné odsazení a zarovnání písma oproti podkladu u rozbalené kategorie (viz Obrázek 1) celkově problematické grafické provedení hlavní nabídky z důvodů: nepravidelné tvary navigačních prvků chaotické střídání odstínů barvy podkladu, které může naznačovat odlišnou úroveň daného prvku oddělovací linky podkladu se překrývají s jinými prvky a s textem - 3 -
Obrázek 1, 2 - špatné zarovnání podkladu a písma v hlavní nabídce podklad překrývá část textu, který se tím stává obtížně čitelný - 4 -
2.2 Barevné schéma Zvolené barevné schéma webových stránek má zásadní vliv na čitelnost obsahu. Nevhodně zvolené barvy můžou stránky zcela znepřístupnit zrakově postiženým návštěvníkům. Specifikace hodnocení: Informace sdělované barvou musí být dostupné i bez barevného rozlišení. Barvy popředí a pozadí textu (nebo textu v obrázku) musí být vůči sobě dostatečně kontrastní, jestliže text nese významové sdělení. Vzájemný kontrast běžného písma do velikosti 18 bodů nebo tučného písma do velikosti 14 bodů musí dosahovat minimálně hodnoty 5:1. Kontrast běžného písma nad 18 bodů nebo tučného písma nad 14 bodů musí dosahovat minimálně hodnoty 3:1.[2] Zjištěné nedostatky: 2.2.1 Nedostatečný barevný kontrast Barevný kontrast u odkazů v hlavním menu je nedostatečný. Barva podkladu je příliš podobná barvě textu a může být špatně čitelná na některých zařízeních. Vyloženě nevhodná je tato varianta pro zrakově postižené. Pro testování barevného kontrastu byl použit nástroj Colour Contrast Analyser [3]. Výsledný kontrast mezi textem a pozadím písma odpovídá pro některé odkazy v hlavním menu hodnotě 2,4:1, což je zcela nevyhovující a neodpovídá všeobecně uznávaným pravidlům o přístupnosti webových stránek pro zrakově postižené.[2] - 5 -
Obrázek 2 - analýza barevného kontrastu hlavní navigace stránek pomocí programu Colour Contrast Analyser [3] - 6 -
2.3 Čitelnost písma Zvolením nevhodného fontu nebo pevně zadanou příliš malou velikostí písma bez možnosti změny se text na stránce může stát nečitelným a v případě, že se jedná o odkaz, také nedostupným pro návštěvníky stránek. Specifikace hodnocení: Velikost písma musí být možné zvětšit alespoň na 200 % a zmenšit alespoň na 50 % původní hodnoty pomocí standardních funkcí prohlížeče. Při takové změně velikosti současně nesmí docházet ke ztrátě obsahu nebo funkcionality.[2] Zjištěné nedostatky: 2.3.1 Nevhodný poměr zmenšení textu Některé texty ve webové prezentaci jsou příliš zmenšeny oproti standardní velikosti textu. Jejich velikost je zadána v nevhodném poměru k ostatnímu textu, a tak se mohou stát pro návštěvníky stránek obtížně čitelné. - 7 -
Zdroje [1] PAVLÍČEK, Radek. Ministerstvo vnitra České republiky. Přístupný web a jak se vyvarovat chyb [online]. [cit. 2013-01-22]. Dostupné z: http://www.mvcr.cz/clanek/pristupny-web-a-jak-sevyvarovat-chyb.aspx [2] Pravidla tvorby přístupného webu [online]. [cit. 2013-01-22]. Dostupné z: http://www.pravidla-pristupnosti.cz/ [3] Analyzér kontrastu barev. [online]. [cit. 2013-01-22]. Dostupné z: http://www.pravidla-pristupnosti.cz/nastroje/kontrast.php [4] BLIND FRIENDLY: Přístupný web nejen pro zrakově postižené [online]. [cit. 2013-01-22]. Dostupné z: http://blindfriendly.cz/ [5] WORLD WIDE WEB CONSORTIUM (W3C). Markup Validation Service: Check the markup (HTML, XHTML, ) of Web documents [online]. [cit. 2013-01-22]. Dostupné z: http://validator.w3.org/ [6] ISO 8879. HTML 4.01 strict DTD: Standard Generalized Markup Language [ISO8879]. Dostupné z: http://www.w3.org/tr/html401/ [7] Česká republika. Zákon č. 365/2000 Sb.: o informačních systémech veřejné správy. In: 2000. Dostupné z: http://www.mvcr.cz/clanek/legislativa-zakon-c-365-2000-sb-oinformacnich-systemech-verejne-spravy.aspx [8] Česká republika. Zákon č. 81/2006 Sb.: o informačních systémech veřejné správy. In: 2006. Dostupné z: http://www.mvcr.cz/clanek/informace-k-novele-zakona-c-365-2000- sb-o-informacnich-systemech-verejne-spravy-zakon-c-81-2006-sb- 71.aspx [9] Česká republika. Vyhláška č. 64/2008 Sb.: o informačních systémech veřejné správy. In: o formě uveřejňování informací souvisejících s výkonem veřejné správy prostřednictvím webových stránek pro osoby se zdravotním postižením (vyhláška o přístupnosti). 2008. Dostupné z: http://www.mvcr.cz/clanek/vyhlaska-c-64-2008-sb-o-formeuverejnovani-informaci-souvisejicich-s-vykonem-verejne-spravyprostrednictvim-webovych-stranek-pro-osoby-se-zdravotnimpostizenim-vyhlaska-o-pristupnosti-10.aspx - 8 -