Přístupnost webu V: Testování validity stránek

Vladimír Kašpar , 06. březen 2012 11:37 0 komentářů
Přístupnost webu V: Testování validity stránek

V předchozích dílech seriálu o přístupnosti webu jsme se snažili popsat základní parametry, které ovlivňují přístupnost pro vyhledávací roboty, tak například i pro nevidomé. V dnešním článku, posledním díle, si popíšeme, jak ze strany tvůrce webu snadno zkontrolovat, zda je výsledná přístupnost taková, aby web mohl být plně funkční pro každého uživatele Internetu.

Při kontrole validace HTML je často používaný validátor konsorcia W3C.org (http://validator.w3.org). U přístupnosti webu je vytvoření 100% validace trochu problém, protože W3C některé skriptovací jazyky zbytečně odsuzuje a např. JavaScript popisuje jako nepřístupnou technologii pro nevidomé, přitom třeba hlasové syntetizátory většinu javascriptových funkcí číst umějí. Některé parametry webu jsou tedy sporné a záleží na jednotlivém syntetizátoru, zda jej přečte či ne.

Ukázka validace kódu
Ukázka validace kódu

Pro základní testování přístupnosti je k dispozici na internetu několik nástrojů. V Effectixu používáme aplikaci Wave, jež velice snadno zobrazí chyby, popíše je a co víc, ještě programátory dokáže upozornit na opakující se výraz „Čtěte více“ v často používaném modulu novinky.

Wave: testy přístupnosti

Aplikace Wave pro testování přístupnosti má celou řadu funkcí. Na úvodní straně wave.webaim.org je několik možnosti jak načíst web. Po načtení webu aplikace Wave zpracuje prezentaci a zobrazí základní chyby a upozornění na nestandartní parametry webu z hlediska správnosti HTML tagů.

Veškeré chyby a upozornění jsou cílená a je třeba je opravit. Nejčastějšími chybami v přístupnosti je chybějící html tag „label“ u formulářových polí či chybějící alternativní text u obrázků. Pokud nelze chybu nelézt ve stylovaném webu, je možné vypnout styly tlačítkem „disable styles“ (na obrázku v pravo dole) a web se zobrazí tak, jak jej vidí, resp. slyší, nevidomý ze syntetizátoru. Toto zobrazení bez CSS stylů je také vhodné pro lepší obecnou představu, jak je web čten. Lze podle něj pak přeházet objekty v HTML tak, aby hlavní data byla co nejvýše, tedy co nejdříve čtena syntetizátorem, jak už bylo popisováno ve článku Jak na správnou strukturu HTML.

Zajímavou funkcí je rovněž zobrazení „Text-only“, jež je vhodná pro kontrolu přístupnosti formulářových polí. Tato funkce vypíše, jak syntetizátor přibližně přečte web klienta, resp. jeho formulář. Kdyby polím chybělo označení „label“ (popis pole), syntetizátor by nevidomému přečetl pouze „Jméno a příjmení … text box“. Naproti tomu na výše uvedeném obrázku se správně napsaným polem přečte „Jméno a příjmení … text box insert your Jméno a příjmení“.

Rozdíl v tomto případě není až tak patrný, nicméně ve kdy popisy polí („label“) budou v rámci HTML kódu vloženy ve zcela jiném objektu, než je pole, bude to rozhodně špatně. Jako příklad uveďme tabulku, v níž jsou pouze popisy polí, ale samotná pole jsou ve zcela jiné tabulce. Tomu by se programátor měl vyvarovat. Stejně jako případu, kdy popisy polí nebudou vůbec nikde. K tomu jsme ale už více psali v článku Jak na webové formuláře.

Zkusme býti na chvíli slepí

V prohlížeči Google Chrome existují dvě rozšíření zdarma, jež dokážou jednoduše nasimulovat čtení jako v syntetizátoru. Jedna z nich, ChromeVox, se za hlasový syntetizátor dá považovat, druhá s názvem ChromeShades zobrazuje web bez stylů a v podobě, jež syntetizátor čte. Nejlepší testování přístupnosti je praxí, a tak je lepší si vybraný syntetizátor, např. zmíněný ChromeVox, spustit se zakrytýma očima a projít si webovou prezentaci. Případné překážky budou hned patrné.

Závěr

V seriálu Jak na webovou přístupnost jsme se pokusili popsat varianty, v nichž je pravděpodobně důležité se na přístupnost zaměřit. Částečná přístupnost je zapotřebí samozřejmě vždy, aby si třeba nevidomí uživatelé mohli informace přečíst svými hlasovými syntetizátory (anglicky „screen reader“), na něž jsou zvyklí. Tyto nástroje dokáží v dnešní době přečíst slepému skoro vše, co na obrazovce vidí, ovšem pouze „skoro“. Někdy je potřeba této aplikaci při programování webu pomoci, někdy mu alespoň „neházet klacky pod nohy“.

Vladimír Kašpar

Vladimír Kašpar

Autor pracuje na pozici senior software developer ve firmě Effectix.com.


Komentáře


RSS 

Komentujeme

Zákaznické karty čekají změny

Pavel Houser , 17. leden 2017 13:00
Pavel Houser

Jedna z technologií, která se už po léta prakticky nezměnila, i když by mohla? Prý karty zákazníků d...

Více





Kalendář

06. 02.

07. 02.
konference G2B TechEd
15. 02. IDC Predictions 2017
22. 02. IT mezi paragrafy
RSS 

Zprávičky

ÚOOÚ za nevyžádaná obchodní sdělení uložil i půlmilionovou pokutu

ČTK , 18. leden 2017 14:00

Úřad pro ochranu osobních údajů (ÚOOÚ) v souvislosti s nevyžádanými obchodními sděleními udělil loni...

Více 0 komentářů

O2 spustila volání přes rychlé mobilní sítě LTE

ČTK , 18. leden 2017 12:00

Operátor O2 spustil službu volání v rychlé mobilní síti LTE. Největšími výhodami VoLTE jsou velmi kr...

Více 1 komentářů

Průměrná rychlost mobilního internetu loni stoupla na 23,8 Mbit/s

ČTK , 18. leden 2017 07:00

Průměrná rychlost mobilního internetu v Česku se v loňském roce zvýšila o 39 procent na 23,8 Mbit/s....

Více 0 komentářů

Starší zprávičky

Telefónica má zaplatit 1,7 miliardy Kč Tykačovým firmám

ČTK , 17. leden 2017 15:00

Španělská telekomunikační společnost Telefónica má zaplatit firmám podnikatele Pavla Tykače 1,7 mili...

Více 0 komentářů

Embarcadero oznamuje podporu Desktop Bridge v produktu RAD Studio

ITBiz.cz , 17. leden 2017 12:00

Společnost Embarcadero Technologies (divize společnosti Idera), vedoucí dodavatel softwarových řešen...

Více 0 komentářů

Pokrytí LTE loni stouplo na 98 procent populace

ČTK , 17. leden 2017 07:00

Pokrytí Česka rychlými mobilními sítěmi LTE se loni zvýšilo na 98 procent populace, což je o čtyři p...

Více 0 komentářů

Reuters: Hlavní příčinou potíží telefonů Galaxy Note 7 je baterie

ČTK , 16. leden 2017 14:00

Hlavní příčinou samovzněcování některých chytrých telefonů Galaxy Note 7 byla baterie. Podle zdroje ...

Více 0 komentářů