Vzorový audit podle WCAG 1.0 Celý audit je skutečný a byl proveden na stránkách obce Lužná. Webové místo, které podrobím vzorové kontrole, se nachází na adrese www.obec-luzna.cz a jedná se o oficiální stránky obce Lužná. Tento web byl vybrán z toho důvodu, že svým účelem dobře reprezentuje typické stránky malé obce, je přiměřeného rozsahu a jeho autor již od začátku tvorby kladl na dobrou přístupnost nemalý důraz. Předběžná prohlídka Při první zběžné kontrole se snažím správně identifikovat účel stránek, seznámit se s jejich obsahem a celkovým rozsahem a odhalit případné nejzjevnější problémy s přístupností. Výsledkem předběžné prohlídky by mj. měl být i plán detailní kontroly. Prohlídku jsem zahájil prohlížečem Internet Explorer 6 pod operačním systémem Windows 98, což je pravděpodobně nejtypičtější vybavení běžného uživatele. Zároveň jsem různě měnil nastavení prohlížeče tak, abych si prohlédl stránky i s vypnutými obrázky a skripty, při různé velikosti obrazovky a barevné hloubce. Výsledky předběžné prohlídky bych shrnul takto: 1. Celé webové místo je logicky strukturováno, prakticky všechny odkazy jsou kdykoli dostupné z přehledného menu v levém sloupci. Vzhled jednotlivých stránek dodržuje jednotnou úpravu, čímž přispívá k celkové dobré přehlednosti obsahu a usnadňuje orientaci uživatele. 2. Obsah stránek je za běžných podmínek dobře čitelný. Písmo sice nejde příslušným příkazem prohlížeče zvětšovat, neboť je jeho velikost deklarovaná v pixelech, avšak autor nabízí alternativní verzi s větším písmem. Kontrast textu a pozadí se zdá být dostatečný i při monochromatickém zobrazení (256 stupňů šedi), v případě menu v levém sloupci je však kontrast spíše na hranici čitelnosti. 3. Stránky mají pevnou šířku a v okně maximalizovaném na obrazovce o rozměrech 640x480 pixelů je třeba horizontálně rolovat. Jednotlivé sloupce, včetně hlavního textu, se však do takto vymezené šířky okna vejdou celé a horizontální rolování tedy není nutné během čtení souvislých úseků textu. 4. Stránky jsou plně použitelné i bez myši. Rolovat lze směrovými klávesami a na kterýkoli odkaz se lze dostat klávesou TAB. Žádný skript nebrání ani použití klávesnice, ani pravého tlačítka myši. 5. Stránky jsem prohlédl též tak, že jsem v prohlížeči nastavil maximální usnadnění přístupnosti, tj. se zapnutými volbami Ignorovat barvy definované na webových stránkách, Ignorovat styly písem definované na webových stránkách a Ignorovat velikosti písem definované na webových stránkách. I s tímto nastavením byly stránky přehledné a bez problémů čitelné. 6. Poměrně zásadní problém spočívá v tom, že obecní vyhlášky jsou k dispozici pouze ve formátu MS Word, jehož přístupnost je nízká. Nezbývá než konstatovat, že tato část obsahu není uživatelům adekvátně zpřístupněna a z dalšího testování bude vyloučena. Z důvodu omezeného rozsahu tohoto příkladu jsem si pro další testy vybral pouze 2 stránky: stránku titulní a stránku Vyhlášky. Tyto dvě stránky jsem pak podrobil následujícím zkouškám: 1. Obě stránky jsem zkontroloval validátorem (X)HTML od W3C a shledal je validními podle normy XHTML 1.0 Strict. 2. Stránky jsem dále zběžně prošel v textovém prohlížeči Lynx. I zde byly dostatečně přehledné a čitelné. 3. Obě stránky jsem též otestoval on-line nástroji Bobby a WAVE. Výsledky získané těmito nástroji nenaznačovaly větší počet závažnějších problémů priority 1 a 2 dle WCAG 1.0, a proto jsem se rozhodl detailní testy zaměřit na soulad na úrovni AA. Dlužno dodat, že na tomto místě by měla následovat i kontrola stránek osobou, či osobami se skutečnými zdravotními hendikepy a s použitím příslušných pomůcek, např. čtecích programů pro nevidomé apod. Z důvodů omezeného rozsahu článku byly však tyto kontroly vynechány. Podrobné testování Podrobné testování má za úkol prověřit přístupnost celého webového místa a určit úroveň přístupnosti, kterou stránky splňují, či kterou by po menších úpravách splňovat mohly. Jak již víte z článku Martina Snížka, norma WCAG 1.0 rozlišuje tři úrovně přístupnosti a jim odpovídající tři priority kontrolních bodů: 1. Kontrolní body s prioritou 1 musí být splněny a jejich splněním dosahuje dokument úrovně přístupnosti A. 2. Kontrolní body s prioritou 2 by měly být splněny a jejich splněním dosahuje dokument úrovně přístupnosti AA (Double A). 3. Kontrolní body s prioritou 3 mohou být splněny a jejich splněním dosahuje dokument úrovně přístupnosti AAA (Triple A). Jak jsem již uvedl výše, pro testované webové místo se jako optimální cíl jeví úroveň AA, která jednak představuje velmi dobrou míru přístupnosti a jednak je i u stránek tohoto typu snadno dosažitelná. Následující testy jsem tedy zaměřil na kontrolní body priority 1 a 2, jak je vyjmenovává Checklist of Checkpoints for Web Content Accessibility Guidelines 1.0, který doplňuje základní normu WCAG 1.0. Při testování jsem využil automatizované nástroje Bobby, WAVE a A-Prompt, které sice nejsou sami o sobě schopny kontrolované stránky jednoznačně vyhodnotit, ale pomohou nalézt potenciální problémy. Před tím, než se pustíte do studia výsledků, ještě upozorním, že z citovaného znění kontrolních bodů někdy nelze zcela jednoznačně dovodit konkrétní obsah testu. Tester proto musí dobře znát všechny související dokumenty WAI a případné nejasnosti konzultovat jednak se zdravotně postiženými a jednak v odborných fórech. Kontrolní body s prioritou 1 1.1 Pro každý netextový prvek poskytněte textovou alternativu. Na titulní stránce obce jsou pouze dva netextové prvky - obrázek tvořící záhlaví každé stránky a obrázek obce zasazený do hlavního textu stránky. U každého obrázku se musí prověřit, zda: 1. obsahuje alternativní text (atribut alt), 2. alternativní text poskytuje adekvátní textovou náhradu, 3. je třeba poskytnout podrobnější popis obrázku (atribut longdesc, případně tzv. d- link), První bod je splněn, neboť oba obrázky obsahují alternativní text v atributu alt. Co se týče druhého a třetího bodu, musíme nejprve prozkoumat, co obrázky zobrazují a posoudit jejich význam. Obrázek v záhlaví stránky obsahuje erb obce, vedle něj nápis LUŽNÁ vyvedený větším dekorativním písmem a pod ním menším písmem nápis Zlínský kraj - okres Vsetín Valašsko. Alternativní text však říká jen Znak obce Lužná, což zjevně neodpovídá celému obsahu obrázku a tedy neposkytuje dostatečnou náhradu pro uživatele, kteří obrázek nevidí. Ideálním řešením by bylo rozdělit tento obrázek na dva: erb se současným alternativním textem a nápis, jehož alternativní text by zněl např. LUŽNÁ; Zlínský kraj - okres Vsetín Valašsko. Delší popis by v takovém případě nebyl třeba, neboť nápisy by byly nahrazeny dostatečně a obrázek erbu zde má spíše dekorativní charakter. 2.1 Zajistěte, aby všechny informace nesené barvou, byly dostupné i bez barevného rozlišení. Jedinými barevně odlišenými prvky na stránkách jsou hypertextové odkazy, které jsou jednotně vyznačeny modrou barvou. Odkazy hlavního menu další odlišení nepotřebují, neboť z jejich umístění a formulace je patrné, že se jedná o odkazy. Odkazy v textu (stránka Vyhlášky) jsou navíc označeny podtržením. 4.1 Zřetelně označte změny jazyka textu dokumentu i alternativních textových ekvivalentů. Stránky jsou psány pouze česky a při testování nebyly nalezeny odborné termíny či citace v jiném jazyce. Tento kontrolní bod je tedy splněn. 6.1 Zajistěte, aby byl dokument čitelný i bez stylových předpisů (style sheets). Stránky používají kaskádové styly. Stylový předpis je uložen v externím souboru a k dokumentům je připojen pravidlem @import. Vřazené styly (atributem style) v dokumentech nejsou. Testování je v takovém případě snadné - ze zdrojového kódu odstraníme prvek