Radek Pavlíček: Přístupný web

Radek Pavlíček, říjen 2009 “ The Web is not a barrier to people with disabilities, it is the solution . Paul R. Bohman, WebAIM

Co je to přístupný web? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Definice přístupnosti I ,[object Object],Lze tuto definici vůbec naplnit?

Definice přístupnosti II ,[object Object],Lépe odpovídá současné situaci v oblasti přístupnosti (jen o málokteré stránce lze dnes prohlásit, že je naprosto nepřístupná).

Definice přístupnosti III ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],?

Proč se zabývat přístupností? ,[object Object]

Zisk ,[object Object],[object Object]

PR, posilování značky ,[object Object],[object Object],[object Object],[object Object]

Lepší viditelnost ve vyhledávačích ,[object Object]

Komu všemu pomohu I ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Komu všemu pomohu II ,[object Object],[object Object],[object Object],Počet znevýhodněných uživatelů se pohybuje mezi 20 až 30% (záleží na tom, koho všeho řadíme mezi znevýhodněné uživatele).

Asistivní technologie I. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Asistivní technologie II. ,[object Object],[object Object],[object Object]

Co vše má vliv na přístupnost? #1 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Co vše má vliv na přístupnost? #2 ,[object Object],[object Object],[object Object],[object Object]

Co vše má vliv na přístupnost? #3 ,[object Object],[object Object],[object Object],[object Object]

Co potřebují nevidomí ,[object Object],[object Object],[object Object],[object Object]

Co potřebují slabozrací ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Co potřebují sluchově postižení ,[object Object],[object Object],[object Object]

Co potřebují tělesně postižení ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Co potřebují lidé s kognitivními poruchami ,[object Object],[object Object],[object Object],[object Object],[object Object]

Proč se zabývat asistivními technologiemi (AT)? ,[object Object],[object Object]

Musím umět ovládat AT? ,[object Object],[object Object],[object Object],[object Object],[object Object]

Musím tedy umět ovládat AT? ,[object Object],[object Object]

Mýty kolem bezbariérového webu ,[object Object],[object Object],[object Object],[object Object],[object Object]

Metodiky přístupnosti ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Metodiky přístupnosti ,[object Object],[object Object],[object Object],[object Object]

Co ovlivňuje kvalitu metodiky ,[object Object],[object Object],[object Object],[object Object],[object Object]

WCAG 2.0 ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Testování přístupnosti ,[object Object],[object Object],[object Object],[object Object]

Kdo může provést test webu? odborník na přístupnost handicapovaný zkušený uživatel X autor webu Každý z nich může přístupnost toho samého webu vyhodnotit různě.

Handicapovaný zkušený uživatel ,[object Object],[object Object],[object Object],[object Object]

Odborník na přístupnost ,[object Object],[object Object],[object Object]

Autor webu ,[object Object],[object Object],[object Object]

Nástroje pro testování přístupnosti ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Další zdroje informací ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

PRAKTICKÁ ČÁST - čemu věnovat pozornost v obecné rovině? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Sémantika je základ ,[object Object],[object Object],[object Object]

Nadpisy ,[object Object],[object Object],[object Object]

Nadpisy - skryté ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Seznamy ,[object Object],[object Object]

Odstavce ,[object Object],[object Object],[object Object]

Odkazy ,[object Object],[object Object],[object Object],[object Object]

Označení odkazu ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Jsou situace, kdy nelze jinak, ale pokud je to možné, je vhodné se tomuto způsobu označení odkazů vyvarovat.

Vzhled odkazu ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Informování o cíli odkazu ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Musí řešit autor webu.

Odkaz na non-HTML obsah ,[object Object],[object Object]

Další typy odkazů ,[object Object],[object Object],[object Object],[object Object],[object Object]

Pomocné navigační menu ,[object Object],[object Object],[object Object],[object Object]

Grafické objekty na stránkách I ,[object Object],[object Object],[object Object]

Grafické objekty na stránkách II ,[object Object],[object Object],[object Object],[object Object]

Grafické objekty na stránkách III ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Grafické objekty na stránkách IV ,[object Object],[object Object],[object Object]

Grafické objekty na stránkách V ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Grafické objekty na stránkách VI ,[object Object],[object Object],[object Object],[object Object],[object Object]

Alternativní popisek u obrázku ,[object Object],[object Object],[object Object],[object Object]

Alternativní popisek ke grafu

BARVY A KONTRAST I ,[object Object],[object Object],[object Object],[object Object]

Colour Contrast Analyzer ,[object Object],[object Object]

Běžný uživatel Barvoslepý uživatel

Nezávislost na vnímání barev IIb

Barvy a kontrast II ,[object Object]

Písmo ,[object Object],[object Object],[object Object]

Konzistentní navigace ,[object Object],[object Object],[object Object]

Konzistentní navigace ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Navigace – kufrový test ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

Ovladatelnost webu z klávesnice ,[object Object],[object Object],[object Object],[object Object]

DALŠÍ TECHNOLOGIE ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

FORMULÁŘE I ,[object Object],[object Object],[object Object]

TABULKY I ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object]

A to je vše ;-) ,[object Object],[object Object],[object Object],[object Object],[object Object]

Radek Pavlíček: Přístupný web

Recommended

Recommended

More Related Content

Viewers also liked

Viewers also liked (20)

Similar to Radek Pavlíček: Přístupný web

Similar to Radek Pavlíček: Přístupný web (20)

More from KISK FF MU

More from KISK FF MU (20)

Recently uploaded

Recently uploaded (10)

Radek Pavlíček: Přístupný web