SlideShare una empresa de Scribd logo
1 de 26
Pravidla přístupnosti v praxi David Špinar, H1.cz Pravidla přístupnosti v praxi, David Špinar
Proč se zabývat s „přístupností“? ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pravidla přístupnosti v praxi, David Špinar
Proč se zabývat s „přístupností“? II. ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pravidla přístupnosti v praxi, David Špinar
Pryč s webdeveloperskými mýty! ,[object Object],[object Object],Pravidla přístupnosti v praxi, David Špinar
Česká legislativa ,[object Object],[object Object],[object Object],[object Object],[object Object],[object Object],Pravidla přístupnosti v praxi, David Špinar
Pravidla přístupnosti pro „pokročilé tvůrce webu“
1. Každý netextový prvek nesoucí významové sdělení musí mít svou textovou alternativu. ,[object Object],[object Object],[object Object],Pravidla přístupnosti v praxi, David Špinar
2. Multimediální prvky nesoucí významové sdělení musí být doplněny textovými titulky, jestliže nejsou jen alternativou k existujícímu textovému obsahu. Pravidla přístupnosti v praxi, David Špinar
3. Pokud to charakter webových stránek nevylučuje, informace sdělované prostřednictvím skriptů, objektů, appletů, kaskádových stylů, cookies a jiných doplňků na straně uživatele, musí být dostupné i bez kteréhokoli z těchto doplňků a stránky musí být standardně ovladatelné. V opačném případě sdělí orgán veřejné správy tyto informace jiným způsobem. Pravidla přístupnosti v praxi, David Špinar
3. Pokud to charakter webových stránek nevylučuje, informace sdělované prostřednictvím skriptů, objektů, appletů, kaskádových stylů, cookies a jiných doplňků na straně uživatele, musí být dostupné i bez kteréhokoli z těchto doplňků a stránky musí být standardně ovladatelné. V opačném případě sdělí orgán veřejné správy tyto informace jiným způsobem. Pravidla přístupnosti v praxi, David Špinar
3. Pokud to charakter webových stránek nevylučuje, informace sdělované prostřednictvím skriptů, objektů, appletů, kaskádových stylů, cookies a jiných doplňků na straně uživatele, musí být dostupné i bez kteréhokoli z těchto doplňků a stránky musí být standardně ovladatelné. V opačném případě sdělí orgán veřejné správy tyto informace jiným způsobem. Pravidla přístupnosti v praxi, David Špinar
5. Informace sdělované barvou musí být dostupné i bez barevného rozlišení. Pravidla přístupnosti v praxi, David Špinar
5. Informace sdělované barvou musí být dostupné i bez barevného rozlišení. Pravidla přístupnosti v praxi, David Špinar
5. Informace sdělované barvou musí být dostupné i bez barevného rozlišení. Pravidla přístupnosti v praxi, David Špinar
5. Informace sdělované barvou musí být dostupné i bez barevného rozlišení. Pravidla přístupnosti v praxi, David Špinar
6. Barvy popředí a pozadí textu (nebo textu v obrázku) musí být vůči sobě dostatečně kontrastní, jestliže text nese významové sdělení. Pravidla přístupnosti v praxi, David Špinar
4. Informace sdělované vizuální podobou webových stránek, tvary jednotlivých prvků, jejich velikostí, pořadím nebo umístěním musí být dostupné i v případě, že uživatel nemůže tyto aspekty vnímat. Pravidla přístupnosti v praxi, David Špinar
7. Velikost písma musí být možné zvětšit alespoň na 200 % a zmenšit alespoň na 50 % původní hodnoty pomocí standardních funkcí prohlížeče. Při takové změně velikosti nesmí docházet ke ztrátě obsahu nebo funkcionality. ,[object Object],[object Object],Pravidla přístupnosti v praxi, David Špinar
9. Obsah ani kód webové stránky nesmí předpokládat ani vyžadovat konkrétní způsob použití ani konkrétní programové vybavení. Pokud je předpokládáno či vyžadováno konkrétní programové vybavení, může to být pouze z důvodu technické nerealizovatelnosti přizpůsobení obsahu a kódu webové stránky všem programovým vybavením. Pravidla přístupnosti v praxi, David Špinar
16. Rozsáhlé obsahové bloky jsou rozděleny do menších, výstižně nadepsaných celků. Pravidla přístupnosti v praxi, David Špinar
17. Bloky obsahu, které se opakují na více webových stránkách daného orgánu veřejné správy, je možné přeskočit. Pokud webové stránky nemají velký rozsah, nemusí být zajištěno přeskočení opakujících se bloků obsahu. ,[object Object],[object Object],[object Object],Pravidla přístupnosti v praxi, David Špinar
19. Každá webová stránka (kromě úvodní webové stránky) musí obsahovat odkaz na vyšší úroveň v hierarchii webových stránek a odkaz na úvodní webovou stránku. ,[object Object],Pravidla přístupnosti v praxi, David Špinar
22. Každý formulářový prvek musí mít popisek vystihující požadovaný obsah. Pravidla přístupnosti v praxi, David Špinar
30. Je-li tabulka použita pro zobrazení tabulkových dat, musí obsahovat značky pro záhlaví řádků nebo sloupců Pravidla přístupnosti v praxi, David Špinar
31. Obsah všech tabulek musí dávat smysl čtený po řádcích zleva doprava. Pravidla přístupnosti v praxi, David Špinar
Děkuji za pozornost ,[object Object],[object Object],[object Object],Pravidla přístupnosti v praxi, David Špinar

Más contenido relacionado

Destacado (12)

History Of Anatomy
History Of AnatomyHistory Of Anatomy
History Of Anatomy
 
AP Bio Ch 1 PowerPoint
AP Bio Ch 1 PowerPointAP Bio Ch 1 PowerPoint
AP Bio Ch 1 PowerPoint
 
Conservation APBio
Conservation APBioConservation APBio
Conservation APBio
 
Ap Bio Ch 5 Power Point
Ap Bio Ch 5 Power PointAp Bio Ch 5 Power Point
Ap Bio Ch 5 Power Point
 
Ear
EarEar
Ear
 
AP Bio Ch 8 PowerPoint
AP Bio Ch 8 PowerPointAP Bio Ch 8 PowerPoint
AP Bio Ch 8 PowerPoint
 
Nose tongue
Nose tongueNose tongue
Nose tongue
 
Speciation and Systematics APBioCh16and18
Speciation and Systematics APBioCh16and18Speciation and Systematics APBioCh16and18
Speciation and Systematics APBioCh16and18
 
AP Bio Ch11 PowerPoint
 AP Bio Ch11 PowerPoint AP Bio Ch11 PowerPoint
AP Bio Ch11 PowerPoint
 
Ap Bio Ch2 PowerPoint
Ap Bio Ch2 PowerPointAp Bio Ch2 PowerPoint
Ap Bio Ch2 PowerPoint
 
Population Growth APBio
Population Growth APBioPopulation Growth APBio
Population Growth APBio
 
Animal APBio
Animal APBioAnimal APBio
Animal APBio
 

Similar a Pravidla přístupnosti v praxi

Radek Pavlíček: Přístupný web
Radek Pavlíček: Přístupný webRadek Pavlíček: Přístupný web
Radek Pavlíček: Přístupný webKISK FF MU
 
Tvorba přístupného webu
Tvorba přístupného webuTvorba přístupného webu
Tvorba přístupného webuRadek Pavlíček
 
Přístupnost v praxi
Přístupnost v praxiPřístupnost v praxi
Přístupnost v praxiLukas Marvan
 
I pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitáI pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitáRadek Pavlíček
 
Jak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíJak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíRadek Pavlíček
 
WCAG 2.0 - nový pohled na přístupnost
WCAG 2.0 - nový pohled na přístupnostWCAG 2.0 - nový pohled na přístupnost
WCAG 2.0 - nový pohled na přístupnostRadek Pavlíček
 
Přístupnost webových stránek měst a obcí
Přístupnost webových stránek měst a obcíPřístupnost webových stránek měst a obcí
Přístupnost webových stránek měst a obcívladimir.matejicek
 
Přístupnost webových stránek - pravidla 2008
Přístupnost webových stránek - pravidla 2008Přístupnost webových stránek - pravidla 2008
Přístupnost webových stránek - pravidla 2008Equica
 
Efektivní online prezentace
Efektivní online prezentaceEfektivní online prezentace
Efektivní online prezentaceIvo Kylián
 
Přístupné weby knihoven
Přístupné weby knihovenPřístupné weby knihoven
Přístupné weby knihovenRadek Pavlíček
 
Prednaska o marketingových nástrojích a online marketingu
Prednaska o marketingových nástrojích a online marketinguPrednaska o marketingových nástrojích a online marketingu
Prednaska o marketingových nástrojích a online marketinguJiri Svoboda
 
Trendy v e-commerce
Trendy v e-commerceTrendy v e-commerce
Trendy v e-commerceNetDirect
 
Přístupnost webů knihoven - příklady dobré a špatné praxe
Přístupnost webů knihoven - příklady dobré a špatné praxe Přístupnost webů knihoven - příklady dobré a špatné praxe
Přístupnost webů knihoven - příklady dobré a špatné praxe Radek Pavlíček
 
Konkrétní přínosy webu 2.0 pro management malých a středních firem
Konkrétní přínosy webu 2.0 pro management malých a středních firemKonkrétní přínosy webu 2.0 pro management malých a středních firem
Konkrétní přínosy webu 2.0 pro management malých a středních firemJiri Kodera
 
StartupClub: Úvod do webdesignu (Jan Řezáč)
StartupClub: Úvod do webdesignu (Jan Řezáč)StartupClub: Úvod do webdesignu (Jan Řezáč)
StartupClub: Úvod do webdesignu (Jan Řezáč)JIC
 
Digital Presence Management
Digital Presence ManagementDigital Presence Management
Digital Presence ManagementMEDIATEL, s.r.o.
 
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík
 
Webová analytika (ČZU - Webdesign, 11. 12. 2013)
Webová analytika (ČZU - Webdesign, 11. 12. 2013)Webová analytika (ČZU - Webdesign, 11. 12. 2013)
Webová analytika (ČZU - Webdesign, 11. 12. 2013)Sherpas
 

Similar a Pravidla přístupnosti v praxi (20)

Radek Pavlíček: Přístupný web
Radek Pavlíček: Přístupný webRadek Pavlíček: Přístupný web
Radek Pavlíček: Přístupný web
 
Tvorba přístupného webu
Tvorba přístupného webuTvorba přístupného webu
Tvorba přístupného webu
 
Přístupnost v praxi
Přístupnost v praxiPřístupnost v praxi
Přístupnost v praxi
 
I pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitáI pro knihovny je přístupnost důležitá
I pro knihovny je přístupnost důležitá
 
Jak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupnostíJak jsou na tom parádní weby s přístupností
Jak jsou na tom parádní weby s přístupností
 
WCAG 2.0 - nový pohled na přístupnost
WCAG 2.0 - nový pohled na přístupnostWCAG 2.0 - nový pohled na přístupnost
WCAG 2.0 - nový pohled na přístupnost
 
Přístupnost webových stránek měst a obcí
Přístupnost webových stránek měst a obcíPřístupnost webových stránek měst a obcí
Přístupnost webových stránek měst a obcí
 
Přístupnost webových stránek - pravidla 2008
Přístupnost webových stránek - pravidla 2008Přístupnost webových stránek - pravidla 2008
Přístupnost webových stránek - pravidla 2008
 
Efektivní online prezentace
Efektivní online prezentaceEfektivní online prezentace
Efektivní online prezentace
 
Přístupné weby knihoven
Přístupné weby knihovenPřístupné weby knihoven
Přístupné weby knihoven
 
Prednaska o marketingových nástrojích a online marketingu
Prednaska o marketingových nástrojích a online marketinguPrednaska o marketingových nástrojích a online marketingu
Prednaska o marketingových nástrojích a online marketingu
 
Weby firem o rok starší
Weby firem o rok staršíWeby firem o rok starší
Weby firem o rok starší
 
Trendy v e-commerce
Trendy v e-commerceTrendy v e-commerce
Trendy v e-commerce
 
Přístupnost webů knihoven - příklady dobré a špatné praxe
Přístupnost webů knihoven - příklady dobré a špatné praxe Přístupnost webů knihoven - příklady dobré a špatné praxe
Přístupnost webů knihoven - příklady dobré a špatné praxe
 
Konkrétní přínosy webu 2.0 pro management malých a středních firem
Konkrétní přínosy webu 2.0 pro management malých a středních firemKonkrétní přínosy webu 2.0 pro management malých a středních firem
Konkrétní přínosy webu 2.0 pro management malých a středních firem
 
StartupClub: Úvod do webdesignu (Jan Řezáč)
StartupClub: Úvod do webdesignu (Jan Řezáč)StartupClub: Úvod do webdesignu (Jan Řezáč)
StartupClub: Úvod do webdesignu (Jan Řezáč)
 
Digital Presence Management
Digital Presence ManagementDigital Presence Management
Digital Presence Management
 
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web? Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
Jan Barbořík - Tvoříme fotografický web ve wordpressu aneb jak na funkční web?
 
Webová analytika (ČZU - Webdesign, 11. 12. 2013)
Webová analytika (ČZU - Webdesign, 11. 12. 2013)Webová analytika (ČZU - Webdesign, 11. 12. 2013)
Webová analytika (ČZU - Webdesign, 11. 12. 2013)
 
TNPW2-2011-02
TNPW2-2011-02TNPW2-2011-02
TNPW2-2011-02
 

Pravidla přístupnosti v praxi

  • 1. Pravidla přístupnosti v praxi David Špinar, H1.cz Pravidla přístupnosti v praxi, David Špinar
  • 2.
  • 3.
  • 4.
  • 5.
  • 6. Pravidla přístupnosti pro „pokročilé tvůrce webu“
  • 7.
  • 8. 2. Multimediální prvky nesoucí významové sdělení musí být doplněny textovými titulky, jestliže nejsou jen alternativou k existujícímu textovému obsahu. Pravidla přístupnosti v praxi, David Špinar
  • 9. 3. Pokud to charakter webových stránek nevylučuje, informace sdělované prostřednictvím skriptů, objektů, appletů, kaskádových stylů, cookies a jiných doplňků na straně uživatele, musí být dostupné i bez kteréhokoli z těchto doplňků a stránky musí být standardně ovladatelné. V opačném případě sdělí orgán veřejné správy tyto informace jiným způsobem. Pravidla přístupnosti v praxi, David Špinar
  • 10. 3. Pokud to charakter webových stránek nevylučuje, informace sdělované prostřednictvím skriptů, objektů, appletů, kaskádových stylů, cookies a jiných doplňků na straně uživatele, musí být dostupné i bez kteréhokoli z těchto doplňků a stránky musí být standardně ovladatelné. V opačném případě sdělí orgán veřejné správy tyto informace jiným způsobem. Pravidla přístupnosti v praxi, David Špinar
  • 11. 3. Pokud to charakter webových stránek nevylučuje, informace sdělované prostřednictvím skriptů, objektů, appletů, kaskádových stylů, cookies a jiných doplňků na straně uživatele, musí být dostupné i bez kteréhokoli z těchto doplňků a stránky musí být standardně ovladatelné. V opačném případě sdělí orgán veřejné správy tyto informace jiným způsobem. Pravidla přístupnosti v praxi, David Špinar
  • 12. 5. Informace sdělované barvou musí být dostupné i bez barevného rozlišení. Pravidla přístupnosti v praxi, David Špinar
  • 13. 5. Informace sdělované barvou musí být dostupné i bez barevného rozlišení. Pravidla přístupnosti v praxi, David Špinar
  • 14. 5. Informace sdělované barvou musí být dostupné i bez barevného rozlišení. Pravidla přístupnosti v praxi, David Špinar
  • 15. 5. Informace sdělované barvou musí být dostupné i bez barevného rozlišení. Pravidla přístupnosti v praxi, David Špinar
  • 16. 6. Barvy popředí a pozadí textu (nebo textu v obrázku) musí být vůči sobě dostatečně kontrastní, jestliže text nese významové sdělení. Pravidla přístupnosti v praxi, David Špinar
  • 17. 4. Informace sdělované vizuální podobou webových stránek, tvary jednotlivých prvků, jejich velikostí, pořadím nebo umístěním musí být dostupné i v případě, že uživatel nemůže tyto aspekty vnímat. Pravidla přístupnosti v praxi, David Špinar
  • 18.
  • 19. 9. Obsah ani kód webové stránky nesmí předpokládat ani vyžadovat konkrétní způsob použití ani konkrétní programové vybavení. Pokud je předpokládáno či vyžadováno konkrétní programové vybavení, může to být pouze z důvodu technické nerealizovatelnosti přizpůsobení obsahu a kódu webové stránky všem programovým vybavením. Pravidla přístupnosti v praxi, David Špinar
  • 20. 16. Rozsáhlé obsahové bloky jsou rozděleny do menších, výstižně nadepsaných celků. Pravidla přístupnosti v praxi, David Špinar
  • 21.
  • 22.
  • 23. 22. Každý formulářový prvek musí mít popisek vystihující požadovaný obsah. Pravidla přístupnosti v praxi, David Špinar
  • 24. 30. Je-li tabulka použita pro zobrazení tabulkových dat, musí obsahovat značky pro záhlaví řádků nebo sloupců Pravidla přístupnosti v praxi, David Špinar
  • 25. 31. Obsah všech tabulek musí dávat smysl čtený po řádcích zleva doprava. Pravidla přístupnosti v praxi, David Špinar
  • 26.