Tvorba přístupného webu

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]

Tvorba přístupného webu

Recommended

Recommended

More Related Content

Similar to Tvorba přístupného webu

Similar to Tvorba přístupného webu (20)

More from Radek Pavlíček

More from Radek Pavlíček (16)

Tvorba přístupného webu