Radek Pavlíček, Roman Kabelka, TyfloCentrum Brno, o. p. s.
<ul><li>Respektování potřeb co nejvíce uživatelů. </li></ul><ul><li>Minimum/žádné překážky pro uživatele. </li></ul><ul><l...
<ul><li>Vše, co pomáhá uživatelům s handicapem kompenzovat zdravotní omezení a pracovat s webem, potažmo s ICT obecně. </l...
<ul><li>Speciální software </li></ul><ul><ul><li>hlasová syntéza </li></ul></ul><ul><ul><li>screen reader pro nevidomé </l...
<ul><li>Velké či jinak přizpůsobené klávesnice ( www.petit-os.cz/klavesnice.htm ) </li></ul><ul><li>Software na hlasové ov...
<ul><li>Běžné PC či jiné zařízení. </li></ul><ul><li>Asistivní technologie. </li></ul><ul><ul><li>Softwarová lupa (s hlaso...
<ul><li>Analytický způsob práce. </li></ul><ul><li>Speciální nastavení systému a aplikací. </li></ul><ul><li>Ovládání z kl...
<ul><li>IDEÁLY  přístupného webu. </li></ul><ul><li>WCAG 1.0/2.0, Blind Friendly, Pravidla MV ČR… </li></ul><ul><li>To, že...
<ul><li>Datum vydání. </li></ul><ul><li>Čí problémy řeší (méně někdy může být více). </li></ul><ul><li>Soulad s aktuální s...
<ul><li>Co se po mně vlastně chce? </li></ul><ul><li>Jak ho mám vytvořit? </li></ul>
Úspěšnost implementace přístupnosti jde ruku v ruce s jednoduchostí a srozumitelností požadavků, které jsou na tvůrce webů...
Povinností odborníků na přístupnost je zajistit, aby  požadavky na přístupnost a jejich implementace byla co nejjednodušší.
Bohužel stále existuje jen velmi málo jednoduchých a srozumitelných návodů, jak přístupný web tvořit.
<ul><li>Metodiky nejsou bez chyb.  </li></ul><ul><li>Pozor na přístupnostní klišé. </li></ul><ul><li>Při aplikaci požadavk...
<ul><li>Seznámení se se strukturou a obsahem stránky pomocí  nadpisů , </li></ul><ul><li>projití stránky  tabulátorem po o...
 
 
<ul><li>Neexistuje jediný správný postup/přístup , nevidomí/slabozrací uživatelé používají/kombinují různé způsoby práce s...
 
 
<ul><li>Výhody </li></ul><ul><ul><li>Progresivní přístup k věci. </li></ul></ul><ul><ul><li>Různá řešení stejného „problém...
 
 
Jeden obrázek vydá za tisíc slov.
<ul><li>Každý netextový prvek nesoucí významové sdělení musí mít svou textovou alternativu. </li></ul><ul><li>Jednoduché, ...
 
<ul><li>Co jiného (kromě alt=„“) může být uživateli poskytnuto jako textová alternativa? </li></ul><ul><li>Je možné poskyt...
<ul><li>Článek o otevření nové sportovní haly. </li></ul><ul><li>Stránka se seznamem sportovních hal na Uherskobrodsku. </...
<ul><li>Jedna z fotografií ve fotogalerii na webu obce. </li></ul><ul><li>Fotografie v referencích developerské firmy, kte...
 
 
 
 
<ul><li>Uživatelé běžně vnímají strukturu prostřednictvím různých vizuálních podnětů. </li></ul><ul><li>Pokud se forma pre...
<ul><li>Nadpisy </li></ul><ul><li>Seznamy </li></ul><ul><li>Odstavce </li></ul><ul><li>Tabulky </li></ul>
<ul><li>Prostý text je často považován za „nejpřístupnější“ text. </li></ul><ul><li>Je tomu ale opravdu tak? </li></ul>
 
 
 
Správně naformátované dokumenty,  oddělující obsah od vzhledu,  pomáhají  nejen uživatelům se zdravotním handicapem, ale  ...
 
 
 
 
 
<ul><li>Dostatečný barevný kontrast. </li></ul><ul><li>Ohraničené formulářové prvky. </li></ul><ul><li>Je plně ovladatelný...
<ul><li>Informace o povinné položce je součástí relevantního popisku, případně je umístěna na začátku formuláře  </li></ul...
 
<ul><li>Při události je novým obsahem nahrazena část stránky bez jejího znovunačtení. </li></ul><ul><li>Screenreader umí z...
<ul><li>Ovladatelnost z klávesnice. </li></ul><ul><li>Problematické jsou ovládací prvky vytvořené pomocí divů, nezahrnuté ...
<ul><li>Jednoznačná identifikace jednotlivých sekcí stránky. </li></ul><ul><li>Dnes řešeno navigačními odkazy na začátku s...
<ul><li>Sledujte on-line zdroje </li></ul><ul><ul><li>www.poslepu.cz </li></ul></ul><ul><ul><li>www.zdrojak.cz/pristupnost...
<ul><li>Radek Pavlíček @radlicek </li></ul><ul><li>Roman Kabelka @cjneti </li></ul>
Upcoming SlideShare
Loading in …5
×

Praktické aspekty přístupnosti

1,242 views

Published on

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

<a>Videozáznam přednášky</a>

Published in: Education, Spiritual, Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
1,242
On SlideShare
0
From Embeds
0
Number of Embeds
426
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Praktické aspekty přístupnosti

  1. 1. Radek Pavlíček, Roman Kabelka, TyfloCentrum Brno, o. p. s.
  2. 2. <ul><li>Respektování potřeb co nejvíce uživatelů. </li></ul><ul><li>Minimum/žádné překážky pro uživatele. </li></ul><ul><li>Užitek i pro běžné uživatele. </li></ul><ul><li>Lepší údržba, aktualizace a další zpracování. </li></ul><ul><li>Dobrá přístupnost není vidět. </li></ul>
  3. 3. <ul><li>Vše, co pomáhá uživatelům s handicapem kompenzovat zdravotní omezení a pracovat s webem, potažmo s ICT obecně. </li></ul>
  4. 4. <ul><li>Speciální software </li></ul><ul><ul><li>hlasová syntéza </li></ul></ul><ul><ul><li>screen reader pro nevidomé </li></ul></ul><ul><ul><li>softwarová lupa pro slabozraké </li></ul></ul><ul><li>Speciální hardware </li></ul><ul><ul><li>braillský řádek, speciální zápisník či jiné zařízení </li></ul></ul>
  5. 5. <ul><li>Velké či jinak přizpůsobené klávesnice ( www.petit-os.cz/klavesnice.htm ) </li></ul><ul><li>Software na hlasové ovládání PC ( www.fugasoft.cz ) </li></ul><ul><li>Tyčinky, trackbally, atp. </li></ul>
  6. 6. <ul><li>Běžné PC či jiné zařízení. </li></ul><ul><li>Asistivní technologie. </li></ul><ul><ul><li>Softwarová lupa (s hlasovou podporou). </li></ul></ul><ul><ul><li>Screenreader a hlasová syntéza. </li></ul></ul><ul><ul><li>Hmatový displej (braillský řádek). </li></ul></ul>
  7. 7. <ul><li>Analytický způsob práce. </li></ul><ul><li>Speciální nastavení systému a aplikací. </li></ul><ul><li>Ovládání z klávesnice. </li></ul><ul><li>Pouze textové informace. </li></ul><ul><li>Chybějící kontext – lineární způsob vnímání informací. </li></ul>
  8. 8. <ul><li>IDEÁLY přístupného webu. </li></ul><ul><li>WCAG 1.0/2.0, Blind Friendly, Pravidla MV ČR… </li></ul><ul><li>To, že web (plně) nevyhovuje některé metodice, ještě neznamená, že není přístupný, a naopak. </li></ul>
  9. 9. <ul><li>Datum vydání. </li></ul><ul><li>Čí problémy řeší (méně někdy může být více). </li></ul><ul><li>Soulad s aktuální situací na poli asistivních technologií. </li></ul><ul><li>Konkrétnost požadavků. </li></ul><ul><li>Existence dokumentu s technikami pro řešení konkrétních případů. </li></ul>
  10. 10. <ul><li>Co se po mně vlastně chce? </li></ul><ul><li>Jak ho mám vytvořit? </li></ul>
  11. 11. Úspěšnost implementace přístupnosti jde ruku v ruce s jednoduchostí a srozumitelností požadavků, které jsou na tvůrce webů kladeny.
  12. 12. Povinností odborníků na přístupnost je zajistit, aby požadavky na přístupnost a jejich implementace byla co nejjednodušší.
  13. 13. Bohužel stále existuje jen velmi málo jednoduchých a srozumitelných návodů, jak přístupný web tvořit.
  14. 14. <ul><li>Metodiky nejsou bez chyb. </li></ul><ul><li>Pozor na přístupnostní klišé. </li></ul><ul><li>Při aplikaci požadavků používejte zdravý selský rozum. </li></ul><ul><li>Testování přístupnosti s ohledem na aktuální situaci na poli přístupnosti je důležité. </li></ul><ul><li>V mnoha případech také neexistuje jediné správné řešení . </li></ul>
  15. 15. <ul><li>Seznámení se se strukturou a obsahem stránky pomocí nadpisů , </li></ul><ul><li>projití stránky tabulátorem po odkazech a dalších prvcích, které mohou získat focus, </li></ul><ul><li>postupné čtení stránky odshora dolů , </li></ul><ul><li>hledání požadované informace pomocí funkce Najít (Ctrl+F). </li></ul>
  16. 16.
  17. 19. <ul><li>Neexistuje jediný správný postup/přístup , nevidomí/slabozrací uživatelé používají/kombinují různé způsoby práce s obsahem. </li></ul>
  18. 21.
  19. 22.
  20. 24. <ul><li>Výhody </li></ul><ul><ul><li>Progresivní přístup k věci. </li></ul></ul><ul><ul><li>Různá řešení stejného „problému“. </li></ul></ul><ul><ul><li>Flexibilita, adaptabilita a nadčasovost. </li></ul></ul><ul><li>Nevýhody </li></ul><ul><ul><li>Liberální pohled na věc může mít za následek zhoršení přístupnosti. </li></ul></ul><ul><ul><li>Potřeba hledat kompromisy. </li></ul></ul><ul><ul><li>Nutnost „ukazovat cestu“. </li></ul></ul>
  21. 27. Jeden obrázek vydá za tisíc slov.
  22. 28. <ul><li>Každý netextový prvek nesoucí významové sdělení musí mít svou textovou alternativu. </li></ul><ul><li>Jednoduché, že ano? </li></ul><ul><li>Nebo ne? </li></ul>
  23. 30. <ul><li>Co jiného (kromě alt=„“) může být uživateli poskytnuto jako textová alternativa? </li></ul><ul><li>Je možné poskytnout relevantní textovou alternativu jakémukoliv netextovému obsahu? </li></ul>
  24. 31. <ul><li>Článek o otevření nové sportovní haly. </li></ul><ul><li>Stránka se seznamem sportovních hal na Uherskobrodsku. </li></ul>
  25. 32. <ul><li>Jedna z fotografií ve fotogalerii na webu obce. </li></ul><ul><li>Fotografie v referencích developerské firmy, která halu stavěla. </li></ul>
  26. 37. <ul><li>Uživatelé běžně vnímají strukturu prostřednictvím různých vizuálních podnětů. </li></ul><ul><li>Pokud se forma prezentování informací změní, je třeba zachovat a uživateli prezentovat nejen informace, ale i vztahy mezi nimi. </li></ul><ul><li>Jak to udělat? </li></ul>
  27. 38. <ul><li>Nadpisy </li></ul><ul><li>Seznamy </li></ul><ul><li>Odstavce </li></ul><ul><li>Tabulky </li></ul>
  28. 39. <ul><li>Prostý text je často považován za „nejpřístupnější“ text. </li></ul><ul><li>Je tomu ale opravdu tak? </li></ul>
  29. 43. 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.
  30. 49. <ul><li>Dostatečný barevný kontrast. </li></ul><ul><li>Ohraničené formulářové prvky. </li></ul><ul><li>Je plně ovladatelný z klávesnice. </li></ul><ul><li>Vazba mezi prvky a popisky ( label, for, id). </li></ul><ul><li>Velký formulář je rozdělen do menších logických celků ( fieldset, legend ). </li></ul>
  31. 50. <ul><li>Informace o povinné položce je součástí relevantního popisku, případně je umístěna na začátku formuláře </li></ul><ul><li>Nápověda k jednotlivým políčkům (tj. uživateli je jasné, co má kam zadat). </li></ul><ul><li>Formulář má ošetřeny chyby na vstupu a uživatele o nich informuje přístupným způsobem. </li></ul>
  32. 52. <ul><li>Při události je novým obsahem nahrazena část stránky bez jejího znovunačtení. </li></ul><ul><li>Screenreader umí změnu identifikovat, neexistuje obecný postup, jak uživatele informovat. </li></ul>
  33. 53. <ul><li>Ovladatelnost z klávesnice. </li></ul><ul><li>Problematické jsou ovládací prvky vytvořené pomocí divů, nezahrnuté do tab orderu. </li></ul>
  34. 54. <ul><li>Jednoznačná identifikace jednotlivých sekcí stránky. </li></ul><ul><li>Dnes řešeno navigačními odkazy na začátku stránky a skrytými nadpisy. </li></ul><ul><ul><li>Nejednoznačnost. </li></ul></ul><ul><ul><li>Chybí ohraničení zdola . </li></ul></ul>
  35. 55. <ul><li>Sledujte on-line zdroje </li></ul><ul><ul><li>www.poslepu.cz </li></ul></ul><ul><ul><li>www.zdrojak.cz/pristupnost </li></ul></ul><ul><ul><li>www.blindfriendly.cz </li></ul></ul><ul><li>Přednášíme na vysokých školách, seminářích, konferencích… </li></ul><ul><li>Pokud chcete tvořit opravdu přístupné weby, je třeba být v obraze ;-) </li></ul>
  36. 56. <ul><li>Radek Pavlíček @radlicek </li></ul><ul><li>Roman Kabelka @cjneti </li></ul>

×