180 likes | 269 Vues
Jan Bien janbien@mraveniste.org (Atlas.cz, Mraveniste.ORG, Weblogy.cz, ModerniWeb.cz, Interval.cz) Ke stažení zde: http://www.mraveniste.org/weblog/2005/03/13-inspo.html
E N D
Jan Bien janbien@mraveniste.org (Atlas.cz, Mraveniste.ORG, Weblogy.cz, ModerniWeb.cz, Interval.cz) Ke stažení zde:http://www.mraveniste.org/weblog/2005/03/13-inspo.html Přednášeno na konferenci Internet pro osoby se specifickými potřebami v sobotu 12. března 2005. Děkuji za spolupráci při přípravě této prezetnace mému profesnímu kolegovi Janu Bažantovi. INSPO 2005 - Bezbariérový web
Obsah přednášky • Praktický příklad Davida Špinara • Bezbariérový web, přístupnost, použitelnost • Přehled handicapů • Pravidla a metodiky přístupného webu • Hlavní zásady • Hříchy proti přístupnosti • Mýty a legendy • Doporučená literatura
Praktický příklad Davida Špinara Internetový obchod závislý na JavaScriptu • 1.000 uživatelů denně, 30.000 měsíčně • uživatelů bez JavaScriptu 7%, denně 70, měsíčně 2.100 • konverzní poměr 1%, měsíční ztráta je 21 zakázek • nahrazení 2.100 ztracených návštěvníků by měsíčně stálo $210 (téměř 5.000 Kč) v Adwords ($0.1 PPC)
Pojem “bezbariérový web” • Používá se také termín "přístupný web". • Bezbariérový web je web, který uživatelům neklade žádné překážky v přístupu k informacím. • Přístupnost bezbariérového webu tedy nezávisí na technickém vybavení, biologických dispozicích, kultuře, staří a zdravotním stavu uživatele.
Pojem “použitelný web” • Použitelný web nenutí své uživatele přemýšlet nad ovládáním. Je intuitivní přehledný, srozumitelný. • Přístupnost je podmnožinou použitelnosti a týká se uživatelů s nějakým handicapem.
Handicapy • Technického rázu = technické vybavení. • Zdravotního rázu = zdravotní indispozice. • Národnostně jazykové = kulturní odlišnosti (jazykové bariéry, nářečí, slang).
Handicapy technického rázu • rychlost připojení • výkon počítače, zobrazovací možnosti • operační systém, prohlížeč, instalovaná písma • chytré telefony, PDA • vyhledávače (snad nejvíce handicapovaní uživatelé), počítačové zpracování
Handicapy zdravotního rázu • Zrakové→ hlasová čtečka, braillský řádek • Pohybové (zpravidla horní končetiny) → zjednodušené klávesnice, absence myši, ovládání dechem • Duševní (poruchy soustředění, dyslexie, dysgrafie, epilepsie) • Mohou být i dočasné - zlomená ruka, poranění očí, únava, špatná myš
Metodiky přístupného webu • Web Content Accessibility Guidelines (r. 1999) • Section 508 (r. 2000) • poskytování informací federálních orgánů USA • Blind Friendly Web (r. 2000) • organizace SONS • Česká přístupnost (r. 2005) • novela Zákona č. 365/2000 Sb.
Jediný obecný bezbariérový formát = HTML, XHTML Základní pravidlo
Formáty s omezenou přístupností • obrázky a animace se nezobrazí(JPG, GIF, Flash) • zvuky nebudou slyšet(MP3, WMA) • informace v jiných formátech budou nečitelné (PDF, AVI, WMV) • skripty zpřístupňující informaci se neprovedou (JavaScript)
Správné používání technologií • (X)HTML - smysluplné a dostatečné množství strukturovaných informací • obrázky, fotografie- doplňují informace v (X)HTML • kaskádové styly (CSS) - konzistentní vzhled • JavaScript - zvýšení uživatelského komfortu • Flash - schémata, hry, on-line efektní aplikace • PDF - pro vzhledově věrné dokumenty • multimédia - přímé přenosy, nahrávky
Vazba (X)HTML - další formáty • odkazy, textové popisy následujících obsahů • textové alternativy • prohlášení o přístupnosti
Hříchy proti přístupnosti • malý kontrast mezi barvou písma a pozadí • velikost písma v absolutních jednotkách • blikající prvky, animace • nevhodně použitý FLASH • špatně použitý JavaScript • špatně použité prvky v (X)HTML • rámy (frames) • optimalizace pro konkrétní prohlížeče
Není! Dělat svou práci kvalitně znamená rozumět jí, nikoliv věnovat jí více času. Mýtus: bezbariérový web je dražší.
Omyl! S kaskádovými styly lze zajistit atraktivní vzhled a bezbariérový přístup. Mýtus: Bezbariérový web je fádní.
Bezbariérový nemá jednotný vzhled v různých prohlížečích. Ano, ovšem toto je vlastnost internetu vyplývající z jeho podstaty. Důležitá je přístupná sdělovaná informace. Formu si volí uživatel. Bezbariérový web nevypadá stejně.
Doporučená literatura • Steve Krug: Nenuťte uživatele přemýšlet (ISBN 80-7225-892-9) • David Špinar: Tvoříme přístupné webové stránky(ISBN 80-86815-11-0) • Marek Prokop: CSS Kaskádové styly pro webdesignéry (ISBN 80-86593-35-5) • Petr Staníček: CSS Kaskádové styly Kompletní průvodce(ISBN 80-7226-872-4)