Blind Friendly Web pstupnost pro zrakov postien Blind

Blind Friendly Web – přístupnost pro zrakově postižené Blind Friendly Web Autor: Mgr. Radek Pavlíček Metodické centrum informatiky SONS ČR e-mail: pavlicek@sons. cz

Blind Friendly Web – přístupnost pro zrakově postižené Co je to přístupný web? Přístupný web: Ø respektuje všechny své uživatele; Ø neklade svým uživatelům žádné překážky; Ø lépe se používá i běžným uživatelům. Přístupná webová stránka je použitelná pro každého uživatele Internetu, a sice nezávisle na jeho postižení, schopnostech, znalostech, zkušenostech či zobrazovacích možnostech.

Blind Friendly Web – přístupnost pro zrakově postižené Proč mít přístupný web? Ø Je to slušné. Diskriminace kohokoliv není morální. Ø Je to výhodné. Lepší viditelnost ve vyhledávačích, použitelnost, … Ø Je to prozíravé. Od 1. 1. 2008 povinnost mít přístupný web. Legislativa v ČR Best Practice – Pravidla pro tvorbu přístupného webu 1. 0 Ø obsahují 37 pravidel; Ø v červenci 2004 vydalo MI jako doporučení pro webmastery; Ø 2. 3. 2006 byla novela zákona č. 365/2000 Sb. o ISVS schválena, splnění těchto pravidel bude od 1. 1. 2008 vyžadováno ze zákona.

Blind Friendly Web – přístupnost pro zrakově postižené Mýty o bezbariérovém webu Ø Vytvoření textové verze stránek je dostačující. Ø Vytvořit přístupný web je komplikované a nákladné. Ø Přístupnost a atraktivní web design se vylučují. Ø Přístupnost potlačuje kreativitu. Ø Návštěvníci webových stránek nemají s přístupností problémy. Ø Nevidomí uživatelé nebo uživatelé s jiným typem postižení nepoužívají Internet.

Blind Friendly Web – přístupnost pro zrakově postižené Znevýhodnění uživatelé Přístupný web respektuje své uživatele, bere v potaz jejich Ø zdravotní postižení (zrakové, tělesné, atd. ), Ø technické možnosti (webový prohlížeč, op. systém, hardware), Ø dočasné zdravotní indispozice (úrazy horních končetin), Ø dočasně zhoršené pracovní podmínky (osvětlení, atd. ), Ø znalosti a vzdělání. Počet znevýhodněných uživatelů se pohybuje mezi 20 až 30%.

Blind Friendly Web – přístupnost pro zrakově postižené Kolik ZP dnes používá Internet Kolik je celkem zrakově postižených občanů? Ø Dle údajů WHO je 0, 6 až 1, 5% běžné populace těžce zrakově postiženo. Ø Budeme-li se držet středu odhadu, v ČR se jedná o cca 100 000 občanů.

Blind Friendly Web – přístupnost pro zrakově postižené Kolik ZP dnes používá Internet Odhady počtu uživatelů PC mezi zrakově postiženými občany: * záznamy SONS, které pokrývají cca 90 % služeb

Blind Friendly Web – přístupnost pro zrakově postižené Spec. technologie používané ZP uživateli Ø softwarová lupa; Ø softwarová lupa s hl. podporou; Ø hlasový výstup; Ø hmatový výstup. * jedná se o hlasové a hmatové výstupy ** jedná se o programy, které umožňují zvětšení prostředí op. systému

Blind Friendly Web – přístupnost pro zrakově postižené Zrakové postižení vytváří velké bariéry I když zrakově postižení uživatelé nepatří z hlediska osob se specifickými potřebami mezi majoritu, patří rozhodně mezi nejrizikovější skupiny.

Blind Friendly Web – přístupnost pro zrakově postižené Jak čtou zrakově postižení webové stránky Lineární vnímání informací Nevidomý uživatel vidí v jeden okamžik pouze jeden objekt chybí mu „globální pohled“ na celou stránku. Je tedy třeba dbát na správné strukturování obsahu stránek. Vnímání informací v textové podobě Nevidomý uživatel je schopen vnímat pouze ty informace, které jsou v textové podobě (proto je nutné u grafických symbolů definovat alternativní textové popisky) a které jsou speciální programy schopny zpřístupnit (pozor např. na špatně vytvořená Javascriptová menu).

Blind Friendly Web – přístupnost pro zrakově postižené Jak vytvořit přístupný web? Pokud má autor webu odpovídající znalosti a bere přístupnost v potaz už při jeho tvorbě, neobnáší vytvoření a následný provoz přístupného webu žádné zvýšené náklady. Kde získat potřebné znalosti? Školení tvorby přístupných webových stránek Ø SONS ČR (Brno, Praha); Ø některé další komerční firmy; Literatura v českém jazyce Ø Metodika Blind Friendly Web (www. blindfriendly. cz/metodika); Ø Kniha Tvoříme přístupné webové stránky.

Blind Friendly Web – přístupnost pro zrakově postižené Jak zjistit, zda je web přístupný? Ø On-line validátory Ø Cynthia Says, Ø Watchfire Web. XACT; Ø Toolbary a další nástroje; Ø Testy Ø základní, Ø rozšířený, Ø uživatelský; Další informace: www. blindfriendly. cz/doc/sons-isss 2006. pdf

Blind Friendly Web – přístupnost pro zrakově postižené Blind Friendly Web – první krok k přístupnosti Co v oblasti přístupnosti nabízíme: Ø Testování webových stránek (základní, rozšířený, uživatelský test); Ø konzultace ohledně přístupnosti webových stránek; Ø odborná školení Tvorba přístupných webových stránek; Ø portál Blind Friendly Web s Metodickým návodem a spoustou dalších informací o problematice bezbariérového webu; Ø Katalog webových stránek přístupných zrakově postiženým; Ø možnost zařazení i rozsáhlých webů, jejichž podstatná část splňuje alespoň základní úroveň přístupnosti. www. blindfriendly. cz

Blind Friendly Web – přístupnost pro zrakově postižené Nejčastější chyby z hlediska přístupnosti Ø Chybějící alternativní textové popisky u netextových objektů nesoucích významové sdělení. Ø Nedostatečný kontrast barev popředí a pozadí. Ø Špatné nebo žádné strukturování obsahu stránek pomocí nadpisů a seznamů. Ø Nemožnost zvětšování písma pomocí prostředků prohlížeče. Ø Závislost funkčnosti stránek na Javascriptu. Ø Nevalidní zdrojový kód stránek. Ø Nepřístupné formuláře.

Blind Friendly Web – přístupnost pro zrakově postižené Chybějící alt. textové popisky - ukázka

Blind Friendly Web – přístupnost pro zrakově postižené Alternativní textové popisky u grafiky - řešení Ø Každému grafickému objektu, který nese informaci, přiřaďte relevantní alternativní textový popisek; Ø Grafické prvky, které mají pouze dekorativní účel, schovejte na pozadí pomocí CSS nebo jim žádný alternativní text nepřiřazujte. Ø U grafických prvků, které slouží jako odkazy, musí být z alternativního textového popisku zřejmé, na jakou stránku odkaz vede. Ø POZOR na úřední desky – pouhý sken dokumentu jako obrázek a jeho vystavení ve formátu jpeg či pdf je nedostačující.

Blind Friendly Web – přístupnost pro zrakově postižené Nedostatečný kontrast barev - ukázka

Blind Friendly Web – přístupnost pro zrakově postižené Nedostatečný kontrast barev - řešení Ø Používejte barvy, které jsou vzájemně dostatečně kontrastní – změřit lze např. pomocí CCA 1. 1 http: //www. wat-c. org/tools/CCA/1. 1/CCA 1. 1. zip Ø Vytvořte alternativní verzi s dostatečně kontrastními barvami pomocí CSS a nabídněte tak návštěvníkům možnost používat tu verzi, která je pro ně přístupnější. POZOR! Odkaz na tuto verzi musí být z verze primární bez problémů přístupný. Ø Umožněte návštěvníkům vypnout stylové předpisy.

Blind Friendly Web – přístupnost pro zrakově postižené Tabulky – ukázka a řešení Ø Tabulky tvořte tak, aby dávaly smysl při lineárním čtení zleva doprava. Ø Do každé buňky tabulky vkládejte pouze takové informace, které spolu souvisí. Ø „Netabulková data“ netvořte pomocí tabulek. Ø Pokud to lze, nepoužívejte tabulky pro layout.

Blind Friendly Web – přístupnost pro zrakově postižené Strukturování stránek pomocí nadpisů Stránka bez nadpisů je jako kniha bez obsahu. Ø Pro vyznačování nadpisů používejte značky h 1 až h 6 a ne vlastní CSS třídy. Ø Nadpisy uvozujte všechny důležité části stránky (hlavní obsah, menu, vyhledávání, anketu, atd. ). Ø Při používání nadpisů dbejte na správnou hierarchii.

Blind Friendly Web – přístupnost pro zrakově postižené Závislost funkčnosti na Javascriptu - ukázka Ø Javascript není zapovězen. Používejte jej ale tak, aby i bez něj byla stránka plně funkční a ovladatelná. Ø Všechny důležité části webu musí být přístupné, i když kterákoliv nadstavba nad HTML je neaktivní. Ø Spousta věcí, na které se obvykle používá Javscript, lze udělat i bez něj. s JS bez JS

Blind Friendly Web – přístupnost pro zrakově postižené Formuláře – ukázka a řešení Ø Přiřaďte každému formulářovému prvku popisek pomocí značky <label> a vazebních atributů for a id. Ø Rozsáhlejší a komplikovanější formuláře rozdělujte do menších logických celků pomocí prvku <fieldset> a <legend>. Ø Nezapomínejte, že i u formulářových prvků můžete využít atribut title. Další informace: www. plavacek. net/formulare/

Blind Friendly Web – přístupnost pro zrakově postižené Přístupné weby měst a obcí Je potěšující, že už i webmasteři měst, obcí či ministerstev začínají dbát na přístupnost a tvoří přístupné weby. Ø www. mestobustehrad. cz Ø www. jiretinpb. cz Ø www. mutenice. cz Ø www. dacice-mesto. cz Ø www. micr. cz Ø www. mpo. cz Ø www. mmr. cz Ø www. mpsv. cz

Blind Friendly Web – přístupnost pro zrakově postižené Další zdroje informací Ø http: //www. blindfriendly. cz Ø http: //pristupnost. nawebu. cz Ø http: //www. micr. cz/files/1588/BP_web. htm Ø http: //www. pixy. cz/dogma Ø http: //www. w 3. org/WAI/ Děkuji za pozornost.