Praktické aspekty přístupnosti

56
Radek Pavlíček, Roman Kabelka, TyfloCentrum Brno, o. p. s.

description

Přednáška Radka Pavlíčka a Romana Kabelky na VŠE v Praze, 5. 5. 2011. Videozáznam přednášky

Transcript of Praktické aspekty přístupnosti

Page 1: Praktické aspekty přístupnosti

Radek Pavlíček, Roman Kabelka, TyfloCentrum Brno, o. p. s.

Page 2: Praktické aspekty přístupnosti

Respektování potřeb co nejvíce uživatelů.

Minimum/žádné překážky pro uživatele.

Užitek i pro běžné uživatele.

Lepší údržba, aktualizace a další zpracování.

Dobrá přístupnost není vidět.

Page 3: Praktické aspekty přístupnosti

Vše, co pomáhá uživatelům

s handicapem kompenzovat

zdravotní omezení a pracovat

s webem, potažmo s ICT

obecně.

Page 4: Praktické aspekty přístupnosti

Speciální software hlasová syntéza screen reader pro nevidomé softwarová lupa pro slabozraké

Speciální hardware braillský řádek, speciální zápisník či

jiné zařízení

Page 5: Praktické aspekty přístupnosti

Velké či jinak přizpůsobené klávesnice (www.petit-os.cz/klavesnice.htm)

Software na hlasové ovládání PC (www.fugasoft.cz)

Tyčinky, trackbally, atp.

Page 6: Praktické aspekty přístupnosti

Běžné PC či jiné zařízení.Asistivní technologie.

Softwarová lupa (s hlasovou podporou).

Screenreader a hlasová syntéza.Hmatový displej (braillský řádek).

Page 7: Praktické aspekty přístupnosti

Analytický způsob práce.Speciální nastavení systému a aplikací.

Ovládání z klávesnice.Pouze textové informace.Chybějící kontext – lineární způsob vnímání informací.

Page 8: Praktické aspekty přístupnosti

IDEÁLY přístupného webu.

WCAG 1.0/2.0, Blind Friendly,

Pravidla MV ČR…

To, že web (plně) nevyhovuje

některé metodice, ještě neznamená,

že není přístupný, a naopak.

Page 9: Praktické aspekty přístupnosti

Datum vydání.

Čí problémy řeší (méně někdy může být více).

Soulad s aktuální situací na poli asistivních technologií.

Konkrétnost požadavků.

Existence dokumentu s technikami pro řešení konkrétních případů.

Page 10: Praktické aspekty přístupnosti

Co se po mně vlastně chce?

Jak ho mám vytvořit?

Page 11: Praktické aspekty přístupnosti

Úspěšnost implementace přístupnosti jde ruku

v ruce s jednoduchostí a srozumitelností

požadavků, které jsou na tvůrce webů kladeny.

Page 12: Praktické aspekty přístupnosti

Povinností odborníků na přístupnost je zajistit, aby

požadavky na přístupnost a jejich

implementace byla co nejjednodušší.

Page 13: Praktické aspekty přístupnosti

Bohužel stále existuje jen velmi málo jednoduchých a srozumitelných návodů, jak přístupný web tvořit.

Page 14: Praktické aspekty přístupnosti

Metodiky nejsou bez chyb. Pozor na přístupnostní klišé.Při aplikaci požadavků používejte

zdravý selský rozum.Testování přístupnosti s ohledem na

aktuální situaci na poli přístupnosti je důležité.

V mnoha případech také neexistuje jediné správné řešení.

Page 15: Praktické aspekty přístupnosti

Seznámení se se strukturou a obsahem stránky pomocí nadpisů,

projití stránky tabulátorem po odkazech a dalších prvcích, které mohou získat focus,

postupné čtení stránky odshora dolů,

hledání požadované informace pomocí funkce Najít (Ctrl+F).

Page 16: Praktické aspekty přístupnosti

16

Page 17: Praktické aspekty přístupnosti
Page 18: Praktické aspekty přístupnosti
Page 19: Praktické aspekty přístupnosti

Neexistuje jediný správný postup/přístup, nevidomí/slabozrací uživatelé používají/kombinují různé způsoby práce s obsahem.

Page 20: Praktické aspekty přístupnosti
Page 21: Praktické aspekty přístupnosti

21

Page 22: Praktické aspekty přístupnosti

22

Page 23: Praktické aspekty přístupnosti
Page 24: Praktické aspekty přístupnosti

Výhody Progresivní přístup k věci. Různá řešení stejného „problému“. Flexibilita, adaptabilita a nadčasovost.

Nevýhody Liberální pohled na věc může mít za

následek zhoršení přístupnosti. Potřeba hledat kompromisy. Nutnost „ukazovat cestu“.

Page 25: Praktické aspekty přístupnosti
Page 26: Praktické aspekty přístupnosti
Page 27: Praktické aspekty přístupnosti

Jeden obrázek vydá za tisíc slov.

Page 28: Praktické aspekty přístupnosti

Každý netextový prvek nesoucí významové sdělení musí mít svou textovou alternativu.

Jednoduché, že ano?Nebo ne?

Page 29: Praktické aspekty přístupnosti
Page 30: Praktické aspekty přístupnosti

Co jiného (kromě alt=„“) může být uživateli poskytnuto jako textová alternativa?

Je možné poskytnout relevantní textovou alternativu jakémukoliv netextovému obsahu?

Page 31: Praktické aspekty přístupnosti

Článek o otevření nové sportovní haly.

Stránka se seznamem sportovních hal na Uherskobrodsku.

Page 32: Praktické aspekty přístupnosti

Jedna z fotografií ve fotogalerii na webu obce.

Fotografie v referencích developerské firmy, která halu stavěla.

Page 33: Praktické aspekty přístupnosti

0

100

200

300

400

500

600

700

2003 2004 2005 2006 2007

konzultace

klienty

hodiny

Page 34: Praktické aspekty přístupnosti
Page 35: Praktické aspekty přístupnosti
Page 36: Praktické aspekty přístupnosti
Page 37: Praktické aspekty přístupnosti

Uživatelé běžně vnímají strukturu prostřednictvím různých vizuálních podnětů.

Pokud se forma prezentování informací změní, je třeba zachovat a uživateli prezentovat nejen informace, ale i vztahy mezi nimi.

Jak to udělat?

Page 38: Praktické aspekty přístupnosti

NadpisySeznamyOdstavceTabulky

Page 39: Praktické aspekty přístupnosti

Prostý text je často považován za „nejpřístupnější“ text.

Je tomu ale opravdu tak?

Page 40: Praktické aspekty přístupnosti
Page 41: Praktické aspekty přístupnosti
Page 42: Praktické aspekty přístupnosti
Page 43: Praktické aspekty přístupnosti

Správně naformátované dokumenty, oddělující obsah od vzhledu, pomáhají nejen uživatelům se zdravotním handicapem, ale každému, kdo je musí dále zpracovávat.

Page 44: Praktické aspekty přístupnosti
Page 45: Praktické aspekty přístupnosti
Page 46: Praktické aspekty přístupnosti
Page 47: Praktické aspekty přístupnosti
Page 48: Praktické aspekty přístupnosti
Page 49: Praktické aspekty přístupnosti

Dostatečný barevný kontrast.

Ohraničené formulářové prvky.

Je plně ovladatelný z klávesnice.

Vazba mezi prvky a popisky (label, for, id).

Velký formulář je rozdělen do menších logických celků (fieldset, legend).

Page 50: Praktické aspekty přístupnosti

Informace o povinné položce je součástí relevantního popisku, případně je umístěna na začátku formuláře

Nápověda k jednotlivým políčkům (tj. uživateli je jasné, co má kam zadat).

Formulář má ošetřeny chyby na vstupu a uživatele o nich informuje přístupným způsobem.

Page 51: Praktické aspekty přístupnosti
Page 52: Praktické aspekty přístupnosti

Při události je novým obsahem nahrazena část stránky bez jejího znovunačtení.

Screenreader umí změnu identifikovat, neexistuje obecný postup, jak uživatele informovat.

Page 53: Praktické aspekty přístupnosti

Ovladatelnost z klávesnice.

Problematické jsou ovládací prvky vytvořené pomocí divů, nezahrnuté do tab orderu.

Page 54: Praktické aspekty přístupnosti

Jednoznačná identifikace jednotlivých sekcí stránky.

Dnes řešeno navigačními odkazy na začátku stránky a skrytými nadpisy.Nejednoznačnost.Chybí ohraničení zdola.

Page 55: Praktické aspekty přístupnosti

Sledujte on-line zdroje www.poslepu.cz www.zdrojak.cz/pristupnost www.blindfriendly.cz

Přednášíme na vysokých školách, seminářích, konferencích…

Pokud chcete tvořit opravdu přístupné weby, je třeba být v obraze ;-)

Page 56: Praktické aspekty přístupnosti

Radek Pavlíček@radlicek

Roman Kabelka@cjneti