1 / 18

INSPO 2005 - Bezbariérový web

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

austin-cooper
Download Presentation

INSPO 2005 - Bezbariérový web

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 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

  2. 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

  3. 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)

  4. 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.

  5. 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.

  6. 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).

  7. 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í

  8. 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š

  9. 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.

  10. Jediný obecný bezbariérový formát = HTML, XHTML Základní pravidlo

  11. 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)

  12. 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

  13. Vazba (X)HTML - další formáty • odkazy, textové popisy následujících obsahů • textové alternativy • prohlášení o přístupnosti

  14. 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

  15. 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žší.

  16. Omyl! S kaskádovými styly lze zajistit atraktivní vzhled a bezbariérový přístup. Mýtus: Bezbariérový web je fádní.

  17. 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ě.

  18. 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)

More Related