INSPO 2005 - Bezbariérový web

Jan BienBezbariérový web

INSPO 2005 - Bezbariérový web

Jan Bien [email protected](Atlas.cz, Mraveniste.ORG, Weblogy.cz, ModerniWeb.cz, Interval.cz)

Ke stažení zde: http://www.mraveniste.org/weblog/2005/03/13-inspo.htmlPř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.


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

1.Technického rázu = technické vybavení.

2.Zdravotního rázu = zdravotní indispozice.

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

1.Web Content Accessibility Guidelines (r. 1999)

2.Section 508 (r. 2000)• poskytování informací federálních orgánů USA

3.Blind Friendly Web (r. 2000)• organizace SONS

4.Česká přístupnost (r. 2005)• novela Zákona č. 365/2000 Sb.


Základní pravidlo

Jediný obecný bezbariérový formát =

HTML, XHTML


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


Mýtus: bezbariérový web je dražší.

Není! Dělat svou práci kvalitně znamená rozumět jí, nikoliv věnovat jí více času.


Mýtus: Bezbariérový web je fádní.

Omyl! S kaskádovými styly lze zajistit atraktivní vzhled a bezbariérový přístup.


Bezbariérový web nevypadá stejně.

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.


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)

Documents

INSPO 2005 - Bezbariérový web