I pro knihovny je přístupnost důležitá

Preview:

DESCRIPTION

I knihovnám může přístupnost přinést celou řadu výhod - snížit provozní náklady, zvýšit počet návštěvníků či pozitivní nahlížení veřejnosti na knihovnu jako takovou. Pojďme si ukázat, jak i malou změnou na webové stránce můžeme výrazně zlepšit její přístupnost a získat tak výhody, které přístupnost přináší. Krátce se také podíváme na to, jak testujeme přístupnost v soutěži Biblioweb, na jaké problémy na webech knihoven nejčastěji narážíme, a jak je možné tyto bariéry odstranit. Accessibility can bring a lot of benefits also for libraries – reduction of operation costs, raising of amount of visitors or improvement of library´s PR. Let´s show how even a small change on a web page could dramatically increase its accessibility and help to gain benefits, that accessibility brings. Let me also briefly introduce you our way of accessibility evaluation in Biblioweb contest, show you the problems, which we often meet and ways, how it´s possible to remove these barriers.

Citation preview

I pro knihovny je přístupnost důležitá

Radek Pavlíček, Blind Friendly Web

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 ;-)

Co znamená přístupnost?

Dostupnost

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

Ovladatelnost

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

Srozumitelnost

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

Orientace

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

Čas

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

Proč se zabývat přístupností?

Uživatelé

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

Zisk, úspora

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.

Posilování značky

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

Nalezitelnost

Dostupnost

Přístupnost

Použitelnost

Důvěryhodnost

Přesvědčivost

Emoce

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ě

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

Komu všemu pomohu?

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

Praktické ukázky práces asistivními technologiemi

www.youtube.com/poslepu

Přístupnost není jen pro handicapované

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…

Mobilní web

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á?

Hodně webů (49)

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

Málo času

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

Weby různé úrovně

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.

Zkrácený test přístupnosti

25 z 49postup do finále

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étestování

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

Nalezeno

Nenalezeno

Poplatek

NalezenoNenalezeno

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.

Series1

0

1

2

3

4

5

6

7

8

9

10

A takto to letos dopadlo.

Výsledky

Zprávy na www.blindfriendly.cz

Důraz na transparentnost

Drtivá většina knihovens weby nic nedělá

Důvody

Chybí odborné znalosti

Finance

Corporate identity,manažerské rozhodnutí…

Nezájem

Často stačí málo

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 ;-)

Testování přístupnostipodomácku ;-)

Ovladatelnost z klávesnice

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 ;-)

Nadpisy

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

Navigace

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í

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.

Textová alternativa ke grafice

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

Dostatečný barevný kontrast

Dostateč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.

Jak vám může pomociBlind Friendly Web

Osvěta

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

Školení

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

Testování

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

Rady, tipy, know-how

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

Zapamatujte si

Přístupnost pomáhá všem

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

Často stačí málo

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

Máte se kam obrátit

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

Kontaktní informace

pavlicek@blindfriendly.cz

@radlicek

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

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