Uživatelé s handicapem rádi čtou knížky či získávají informace z webu. K tomu, aby se k požadovaným informacím dostali, je ale třeba, aby tyto informace byly přístupné.

Ani u této prezentace tomu zřejmě nebude jinak ;-)

Uživatel se musí být schopen k informacím dostat.

Pokud už k nim dostane, musí je být schopen ovládat (příkladem mohou být formulářové prvky).

Uživatel musí rozumět tomu, co se po něm chce.

Uživatel se musí být schopen dostat tam, kam potřebuje.

Toto všechno musí zvládnout v rozumném čase.

Úpravy, vedoucí k lepší přístupnosti, neděláme pro sebe, svého šéfa, či kvůli odškrtnutí políčka splněno u kolonky přístupnosti, ale primárně pro své uživatele, aby mohli náš web používat.

Motivací může být například to, že přístupný web zvýší zisk, respektive ušetří peníze či čas, který můžete věnovat jiné činnosti.

Přístupnost nám také může pomoci zlepšit náš obraz v očích veřejnosti.

Použitelnost

Důvěryhodnost

Přesvědčivost

Emoce

Nalezitelnost

Dostupnost

Přístupnost

Použitelnost

Na Řezáčově pyramidě webdesignu patří přístupnost k základním kamenům tvorby webu.

Ani tak velkým firmám, jakými jsou Seznam.cz, Google, Apple či Microsoft, není přístupnost cizí.

Pokud pozitivní motivace selže, může přijít trest ve formě žaloby (u nás se naštěstí moc nenosí) či špatné reputace na základě stížnosti na sociálních sítích.

Sociální sítě mohou hodně pomoci, ale i hodně uškodit. A kritika se na nich zpravidla šíří rychleji, než kladné ohlasy.

Přístupnost pomáhá lidem s nejrůznějším zdravotním postižením: lidem nevidomým, slabozrakým, tělesně či sluchově postiženým, lidem s kognitivními poruchami či poruchami učení.

Tito uživatelé používají k přístupu k informacím nejrůznější technologie či zařízení.

Přístupnost se ale netýká jen lidí se zdravotním postižením. Pomáhá i dalším: vědcům, kteří často mají nějaké kognitivní poruchy, seniorům, dětem, geekům…

Velmi důležitou se přístupnost stává s nástupem mobilního webu.

Způsob práce s webem na mobilním telefonu je totiž v řadě případů velmi podobný práci s webem za pomoci asistivní technologie.

Jak testujeme v soutěži Biblioweb a čím je pro nás charakteristická?

Soutěže se každoročně účastní několik desítek webů, které musíme otestovat.

Na testování máme relativně málo času – přibližně 3 týdny.

Do soutěže se hlásí weby různé úrovně. Dobrý (Městská knihovna Litvínov) a špatný (Městská knihovna Frýdek-Místek) příklad webu, se kterými se při testování setkáváme.

Letos byl poprvé součástí hodnocení tzv. zkrácený test přístupnosti, jehož účelem bylo „pustit dál“ jen ty weby, které nevykazovaly žádné zásadní problémy s přístupností. Přošlo jich 25 ze 49.

UživatelskéHeuristické testováníUživatelské

testovánítestování

Naše testování je mixem heuristického (tzn. testování podle vybraných pravidel přístupnosti) a uživatelského testování.

Nenalezeno

Poplatek

NalezenoNalezeno

Nenalezeno

Pouze na 68 % webů byli schopni testeři najít tak základní informaci, jakou je výše ročního čtenářského poplatku.

4

5

6

7

8

9

10

0

1

2

3

4

A takto to letos dopadlo.

I malá úprava pomůže, není třeba hned předělávat celý web - často stačí málo a přístupnost webu se výrazně zlepší.

Dobré příklady táhnou ;-)

Dobré příklady táhnou ;-)

Vyzkoušejte si, jak se dá váš web ovládat pouze z klávesnice. Nic speciálního k tomu nepotřebujete. Stačí vám jen klávesnice ;-)

Čím je pro čtenáře knihy Obsah, tím je pro uživatele osnova dokumentu, vytvořená z korektně vyznačených nadpisů.

Nadpisy jsou často vyznačeny vizuálně, ale k tomu, aby s nimi dokázali pracovat třeba i nevidomí, je nutné je správně vyznačit i v kódu. Jak to udělat:

Osnova dokumentu z nadpisů může vypadat třeba takto.

To, jak osnova konkrétní webové stránky vypadá, zjistíte například pomocí Web Developer Toolbaru pro prohlížeč Mozilla Firefox.

Zorientují se uživatelé na vašem webu? Dostanou se tam, kam potřebují?

Navigace – kufrový test

• O jaký server se jedná? (Logo serveru)

• Na jaké jsem stránce? (Název stránky)

• Jaké jsou hlavní sekce tohoto serveru? (Sekce)

• Jaké mám na dané úrovni možnosti? (Lokální • Jaké mám na dané úrovni možnosti? (Lokální navigace)

• Kde se nacházím v hierarchii serveru? (Drobečková navigace)

• Jakým způsobem mohu vyhledávat?

Zjistíte to kufrovým testem.

Pokud dáváte na stránky nějakou grafiku, nezapomeňte k ní přiřadit textovou alternativu.

Dostatečný barevný kontrastDostatečný barevný kontrastDostatečný barevný kontrastDostatečný barevný kontrast

Mějte své stránky dostatečně kontrastní.

To, zda je kontrast zvolený barev dostatečný, zjistíte například pomocí aplikace Colour Contrast Analyser.

Můžeme pro vás udělat přednášku o přístupnosti na konferenci či workshopu.

Přístupnost také školíme – nabízíme veřejná školení i školení na míru pro firmy či organizace.

Testujeme: weby, aplikace, pomůcky. Více informací o našich službách najdete na www.blindfriendly.cz/sluzby.

Další informace o přístupnosti najdete na www.blindfriendly.cz, www.poslepu.cz, www.youtube.com/poslepu či www.twitter.com/radlicek.

Přístupnost pomáhá celé řadě uživatelů – nejen těm se zdravotním handicapem.

Často i drobná změna webu (doplnění nadpisů, zlepšení kontrastu či přidání popisků k formulářovým prvkům) výrazně zlepší jeho přístupnost.

Další informace o přístupnosti najdete na www.blindfriendly.cz, www.poslepu.cz, www.youtube.com/poslepu či www.twitter.com/radlicek. Nabídku našich služeb na www.blindfriendly.cz/sluzby

Photo credits

• http://www.flickr.com/photos/nationaalarchief/4025536029/• http://www.flickr.com/photos/cornelluniversitylibrary/3678984206/• http://www.flickr.com/photos/30795657@N00/434222764/• http://www.flickr.com/photos/30072283@N00/4782154855/• http://www.flickr.com/photos/_sk/4042566406/sizes/o/in/photostream/• http://www.flickr.com/photos/51035702460@N01/19245594/• http://www.flickr.com/photos/jasonpearce/136206624/sizes/l/in/photostrea• http://www.flickr.com/photos/jasonpearce/136206624/sizes/l/in/photostrea

m/• http://www.pooh.cz/upload/img/1000/trattoria-laura-facebook-faux-pas-

2.png• http://lorenc.info/3MA381/tabulatory.htm• http://www.bibri.net/wp-content/uploads/2009/11/Ubuntu-910-obsah1.jpg• http://4.bp.blogspot.com/__1B7eTIn3jM/SoMylQ_RqWI/AAAAAAAAAAw/F8u

_jtyp3IA/s400/Learn-Hiragana.jpg• http://www.mariezabranska.com/pict/textil/16.jpg