Přístupnost webu IV: Jak správně pracovat s JavaScriptem

Vladimír Kašpar , 24. únor 2012 09:40 0 komentářů
Přístupnost webu IV: Jak správně pracovat s JavaScriptem

Javascript je skriptovací jazyk spouštějící se na straně prohlížeče, podobně jako HTML či CSS. Obvykle se využívá pro různá animování HTML objektů, chybová upozornění a v dnešní době i na zpracování tzv. AJAXu. Jak důležitý je pro pohodlné ovládání webových stránek uživateli si povíme ve čtvrtém díle seriálu o dobrém zprogramování přístupného webu, ať už obchodního, firemního či dalšího.

Zmínili jsme také AJAX, zkratka z Asynchronous JavaScript and XML. Jde o technologii, která zobrazuje či zpracovává data mezi serverem a uživatelem (prohlížečem) bez potřeby znovu načíst stránku. Nádherným příkladem AJAXu využívající samozřejmě JavaScript jsou GoogleDocs. Aplikace od světoznámé společnosti Google jsou také výborným příkladem pro přístupný JavaScript, kde si s ním vývojáři Googlu pohráli natolik, že jakákoliv koordinace i nevidomého v těchto aplikacích není problém.

Donedávna nepřístupný JavaScript JavaScript byla dlouhá léta technologií, jež nebyla zrovna „user friendly“, natož třeba pro nevidomé. Teprve kolem roku 2008 začali vývojáři hlasových syntetizátorů pracovat na tom, aby na webu čím dál častější JavaScript nekladl překážky. Dnes už můžeme říct, že JavaScript je přístupnou technologií. Dá se dokonce JavaScriptem pomoci:

V příkladu můžete vidět jednoduchý skript v jQuery frameworku, který po načtení stránky přehodí kurzor myši uživatele přímo do prvního pole. Funkce focus(), díky níž můžeme kurzor myši přehodit do pole ve formuláři, se dá využít také v případě, kdy uživatel špatně vyplnil či nevyplnil povinné pole formuláře. Bez funkce focus() se může např. nevidomý stát „hledačem pokladu v moři“, pokud by se v tu chvíli snažil najít špatně vyplněné pole v rozsáhlém formuláři.

Existují však i volání JavaScriptu, jež vůbec neovlivňují přístupnost webu. Například máme-li obrázek, kde po najetí kurzoru myši chceme ukázat obrázek jiný. V tomto příkladu však nevidomý čte jen alternativní text v atributu "alt" daného obrázku.

Naopak některé skripty napsané v JavaScriptu mohou přístupnost webu znepříjemnit a pro nevidomé tolik rozhodit, že efektivita práce v internetové prezentaci se rovná téměř nule a tím lze čtenáře zcela ztratit. Příkladem toho může být vyskočené okénko, jež bude obsahovat ještě navíc data z externího zdroje (tato data, důležitý pro běh aplikace, bude zobrazovat uživateli). Těmto případům se můžeme jednoduše vyhnout použitím různých JavaScriptových frameworků (např. jQuery, MooTools, …), které zajišťují stejné či podobné zobrazení dat v jakémkoliv prohlížeči a zajištují také zobrazení dat nevidomému prostřednictvím jeho hlasového syntetizátoru.

JavaScript je přístupný

JavaScript je v dnešní době plně přístupnou technologií, jen je třeba si dávat pozor na různé zkomoleniny efektů a držet se, co nejvíce jednoduchých konstrukcí. Zároveň je důležité používat JavaScript jen v místě, kdy je to opravdu nutné. Výhodou může být taktéž použití JavaScriptových frameworků, které usnadní jak programování aplikací, tak procházení nevidomého ve vaší webové prezentaci.

Vladimír Kašpar

Vladimír Kašpar

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


Komentáře

RSS 

Komentujeme

Intel Inside aneb všichni jsme načipováni

Petr Zavoral , 10. prosinec 2017 18:20
Petr Zavoral

V Havlově hře Audience přesvědčuje Sládek Ferdinanda Vaňka, aby donášel sám na sebe. Z pohledu letoš...

Více







Kalendář

09. 01.

13. 01.
CES 2018
18. 01.

19. 01.
itSMF 2018
29. 01.

30. 01.
G2BTechEd

RSS 

Zprávičky

Tiskové agentury chtějí od webových firem peníze za zpravodajství

ČTK , 18. prosinec 2017 08:00

Kritici: Facebook ani Google nemají svou redakci, nemají žádné zpravodajské sítě, národní ani meziná...

Více 1 komentářů

Rozhodnutí ÚS o odložení EET může vést k žalobám na stát

ČTK , 16. prosinec 2017 09:00

Tisíce a možná desítky tisíc podnikatelů a zástupců různých profesí se na třetí a čtvrtou vlnu EET u...

Více 1 komentářů

E-shopy vyjmutí plateb kartou z EET vítají, přišlo prý ale pozdě

ČTK , 16. prosinec 2017 08:00

Podle ministerstva financí ze zrušení povinnosti evidovat platby kartou pro poplatníky nevyplývá nut...

Více 0 komentářů

Starší zprávičky

Nové Embarcadero RAD Studio obsahuje i licenci pro aplikační server

Pavel Houser , 15. prosinec 2017 10:00

Vývojové prostředí nabízí i nové prvky knihovny vizuálních komponent a nové možnosti grafického uživ...

Více 0 komentářů

Botnet Necurs se vrátil a šíří nový ransomware

Pavel Houser , 15. prosinec 2017 09:00

V listopadu došlo k oživení botnetu Necurs v souvislosti s distribucí nového ransomwaru Scarab. ...

Více 0 komentářů

Jižní Korea zvažuje, že zdaní obchody s bitcoinem

ČTK , 15. prosinec 2017 08:00

Vláda se obává dopadů, které s sebou může přinést náhlý cenový propad kryptoměn....

Více 0 komentářů

O2 v dalších dvou letech vykoupí až 1,25 % vlastních akcií

ČTK , 14. prosinec 2017 10:00

Cílem nového programu je optimalizace kapitálové struktury, uvedla firma....

Více 0 komentářů