ºÝºÝߣ

ºÝºÝߣShare a Scribd company logo

Buxus day 2010 - Pr¨ªstupnos? webov

?
?
Jozef Pavuk
Jozef Pavuk

The presentation is about building accessible websites, and how to make accessible headlines, links, menus, pictures and tables. It also contains a summary of legislation in this area in Slovakia

1 of 25
Pr¨ªstupnos? webov?ch str¨¢nok Mgr. Milan Kure?ko, kurecko @ui42.sk
Pr ¨ªstupn? web - obsah Web str ¨¢nka pred a po ¨²prave pr¨ªstupnosti Z¨¢kladn¨¦ pravidl¨¢ a podpora v Buxuse ?o v?etko mus¨ª by? pr¨ªstupn¨¦, pokuty Odkazy na str¨¢nky s inform¨¢ciami, diskusia
Web pred a po ¨²prave pr¨ªstupnosti Ako vyzer¨¢ str¨¢nka pred ¨²pravou pr¨ªstupnosti a po ¨²prave?
?
?
Web pred a po ¨²prave pr¨ªstupnosti V???ina technick?ch ¨²prav pre pr¨ªstupnos? z¨¢sadne nemen¨ª podobu webu. Zmeny ?asto nie s¨² zlo?it¨¦ , treba ich v?ak urobi? na celom webe d?sledne .
Nieko?ko z¨¢kladn?ch pravidiel Nadpisy Odkazy Alt atrib¨²ty k obr¨¢zkom Tabu?ky Pou?¨ªvanie s¨²borov
Nadpisy H1 nadpis ¨C st¨¢le by mal by? n¨¢zov str¨¢nky ! H2 nadpis ¨C na oddelenie blokov textu H3 nadpis Buxus m¨¢ podporu pre konfigur¨¢ciu HTML editora
?
Hypertextov¨¦ odkazy Zl? form¨¢t odkazu Pre najnov?iu verziu dokumentu kliknite tu Spr¨¢vny odkaz Stiahnite si najnov?iu verziu dokumentu . Odkaz by sa mal otv¨¢ra? st¨¢le v tom istom okne.
Hypertextov¨¦ odkazy Ak ide o extern? odkaz, mus¨ª to by? zd?raznen¨¦.
Hypertextov¨¦ odkazy Ak ide o odkaz na stiahnutie s¨²boru, mus¨ª obsahova? popis typu s¨²boru a jeho ve?kos?. Buxus automaticky generuje popisy k s¨²borom.
Alternat¨ªvne texty k obr¨¢zkom Ka?d? obr¨¢zok umiestnen? na web str¨¢nke mus¨ª ma? alternat¨ªvny text. Dizajnov¨¦ obr¨¢zky maj¨² ma? pr¨¢zdny alternat¨ªvny text.
Alternat¨ªvne texty k obr¨¢zkom Buxus podporuje jednoduch¨¦ vkladanie obr¨¢zkov do ?l¨¢nkov so spr¨¢vnymi parametrami.
Alternat¨ªvne texty k obr¨¢zkom Buxus umo?uje r?chlo vytv¨¢ra? rozsiahle fotogal¨¦rie.
Tabu?ky Tabu?ky je potrebn¨¦ vytv¨¢ra? tak, aby boli dobre ?itate?n¨¦ asisten?n?mi technol¨®giami. Nevhodn¨¢ tabu?ka Dobr¨¢ tabu?ka Ka?d¨¢ tabu?ka by mala ma? osobitne ozna?en¨² hlavi?ku a d¨¢tov¨¦ ?asti. ?al¨¢t Hlavn¨¦ jedlo Dezert Caesar Stroganov Zmrzlina ?al¨¢t Caesar Hlavn¨¦ jedlo Stroganov Dezert Zmrzlina
Tabu?ky Buxus podporuje vkladanie pr¨ªstupn?ch tabuliek.
S¨²bory Textov¨¦ s¨²bory Rich text format (.rtf) Hypertext Markup Language (.html, .htm) Portable Document Format (.pdf) Open document format (.odt) Text format (.txt) V?dy je k s¨²boru nutn¨¦ ma? aspo¨¾ jednu z t?chto alternat¨ªv. Ak je potrebn¨¦ XLS, m??e by?, ale st¨¢le mus¨ª by? alternat¨ªva.
S¨²bory Buxus podporuje spr¨¢vne vkladanie dokumentov vo viacer?ch verzi¨¢ch. Prid¨¢vanie dokumentu v Buxuse Zobrazenie na str¨¢nke
?al?ie predpoklady pr¨ªstupnosti Spr¨¢vne vytvoren¨¦ formul¨¢re Odkaz na presko?enie navig¨¢cie Spr¨¢vny kontrast Relat¨ªvne jednotky pri definovan¨ª rozmerov Zoznamy Pln¨¢ funkcionalita str¨¢nky aj bez Javascriptu a CSS Ovl¨¢danie z kl¨¢vesnice RSS, povinn? obsah...
Povinne pr¨ªstupn? obsah V?nos sa t?ka v?etk?ch informa?n?ch syst¨¦mov verejnej spr¨¢vy (IS VS). IS VS s¨² napr. r?zne registre, syst¨¦my sl¨²?iace na zabezpe?enie v?konu verejnej spr¨¢vy, smernice, postupy a podobne. Webov?ch str¨¢nok (ozna?ovan?ch aj ako webov¨¦ s¨ªdla, internetov¨¦ str¨¢nky, port¨¢ly at?.) Tie s¨² bu? prezenta?nou vrstvou IS VS alebo samostatn?mi IS VS, preto sa na nich v?nos vz?ahuje.
Kontrola va?ej str¨¢nky, pokuty O kontrola webov¨¦ho s¨ªdla je mo?n¨¦ po?iada? emailom, v???inou sa vykon¨¢va n¨¢razovo cca 2-3 kr¨¢t do roka . V?sledkom kontroly je percentu¨¢lne vyhodnotenie ¨²spe?nosti sledovan?ch prvkov, tolerancia je 10% pri maxime pr¨ªstupnosti 100%. Pokuty za nedodr?iavanie ?tandardov od 2000€ do 25000€ .
V?nos o pr¨ªstupnosti IS VS Pr¨ªstupnos? je definovan¨¢ ?tandardmi. ?tandardy s¨² vyd¨¢van¨¦ v?eobecne z¨¢v?zn?m pr¨¢vnym predpisom (v?nosom). Kompetentn?m org¨¢nom na ich vyd¨¢vanie je v s¨²?asnosti Ministerstvo financi¨ª SR. Aktu¨¢lny v?nos vr¨¢tane pr¨ªloh vy?iel 8.7.2010 v?Zbierke z¨¢konov. http://informatizacia.sk/standardy-is-vs/596s
Zauj¨ªmav¨¦ odkazy http://standardy.informatika.sk/ http://www.w3.org/WAI/gettingstarted/Overview.html http://www.blindfriendly.sk/
Z¨¢ver, diskusia ?akujem za pozornos?. Mgr. Milan Kure?ko, kurecko @ui42.sk

More Related Content

Buxus day 2010 - Pr¨ªstupnos? webov

  • 1. Pr¨ªstupnos? webov?ch str¨¢nok Mgr. Milan Kure?ko, kurecko @ui42.sk
  • 2. Pr ¨ªstupn? web - obsah Web str ¨¢nka pred a po ¨²prave pr¨ªstupnosti Z¨¢kladn¨¦ pravidl¨¢ a podpora v Buxuse ?o v?etko mus¨ª by? pr¨ªstupn¨¦, pokuty Odkazy na str¨¢nky s inform¨¢ciami, diskusia
  • 3. Web pred a po ¨²prave pr¨ªstupnosti Ako vyzer¨¢ str¨¢nka pred ¨²pravou pr¨ªstupnosti a po ¨²prave?
  • 4. ?
  • 5. ?
  • 6. Web pred a po ¨²prave pr¨ªstupnosti V???ina technick?ch ¨²prav pre pr¨ªstupnos? z¨¢sadne nemen¨ª podobu webu. Zmeny ?asto nie s¨² zlo?it¨¦ , treba ich v?ak urobi? na celom webe d?sledne .
  • 7. Nieko?ko z¨¢kladn?ch pravidiel Nadpisy Odkazy Alt atrib¨²ty k obr¨¢zkom Tabu?ky Pou?¨ªvanie s¨²borov
  • 8. Nadpisy H1 nadpis ¨C st¨¢le by mal by? n¨¢zov str¨¢nky ! H2 nadpis ¨C na oddelenie blokov textu H3 nadpis Buxus m¨¢ podporu pre konfigur¨¢ciu HTML editora
  • 9. ?
  • 10. Hypertextov¨¦ odkazy Zl? form¨¢t odkazu Pre najnov?iu verziu dokumentu kliknite tu Spr¨¢vny odkaz Stiahnite si najnov?iu verziu dokumentu . Odkaz by sa mal otv¨¢ra? st¨¢le v tom istom okne.
  • 11. Hypertextov¨¦ odkazy Ak ide o extern? odkaz, mus¨ª to by? zd?raznen¨¦.
  • 12. Hypertextov¨¦ odkazy Ak ide o odkaz na stiahnutie s¨²boru, mus¨ª obsahova? popis typu s¨²boru a jeho ve?kos?. Buxus automaticky generuje popisy k s¨²borom.
  • 13. Alternat¨ªvne texty k obr¨¢zkom Ka?d? obr¨¢zok umiestnen? na web str¨¢nke mus¨ª ma? alternat¨ªvny text. Dizajnov¨¦ obr¨¢zky maj¨² ma? pr¨¢zdny alternat¨ªvny text.
  • 14. Alternat¨ªvne texty k obr¨¢zkom Buxus podporuje jednoduch¨¦ vkladanie obr¨¢zkov do ?l¨¢nkov so spr¨¢vnymi parametrami.
  • 15. Alternat¨ªvne texty k obr¨¢zkom Buxus umo?uje r?chlo vytv¨¢ra? rozsiahle fotogal¨¦rie.
  • 16. Tabu?ky Tabu?ky je potrebn¨¦ vytv¨¢ra? tak, aby boli dobre ?itate?n¨¦ asisten?n?mi technol¨®giami. Nevhodn¨¢ tabu?ka Dobr¨¢ tabu?ka Ka?d¨¢ tabu?ka by mala ma? osobitne ozna?en¨² hlavi?ku a d¨¢tov¨¦ ?asti. ?al¨¢t Hlavn¨¦ jedlo Dezert Caesar Stroganov Zmrzlina ?al¨¢t Caesar Hlavn¨¦ jedlo Stroganov Dezert Zmrzlina
  • 17. Tabu?ky Buxus podporuje vkladanie pr¨ªstupn?ch tabuliek.
  • 18. S¨²bory Textov¨¦ s¨²bory Rich text format (.rtf) Hypertext Markup Language (.html, .htm) Portable Document Format (.pdf) Open document format (.odt) Text format (.txt) V?dy je k s¨²boru nutn¨¦ ma? aspo¨¾ jednu z t?chto alternat¨ªv. Ak je potrebn¨¦ XLS, m??e by?, ale st¨¢le mus¨ª by? alternat¨ªva.
  • 19. S¨²bory Buxus podporuje spr¨¢vne vkladanie dokumentov vo viacer?ch verzi¨¢ch. Prid¨¢vanie dokumentu v Buxuse Zobrazenie na str¨¢nke
  • 20. ?al?ie predpoklady pr¨ªstupnosti Spr¨¢vne vytvoren¨¦ formul¨¢re Odkaz na presko?enie navig¨¢cie Spr¨¢vny kontrast Relat¨ªvne jednotky pri definovan¨ª rozmerov Zoznamy Pln¨¢ funkcionalita str¨¢nky aj bez Javascriptu a CSS Ovl¨¢danie z kl¨¢vesnice RSS, povinn? obsah...
  • 21. Povinne pr¨ªstupn? obsah V?nos sa t?ka v?etk?ch informa?n?ch syst¨¦mov verejnej spr¨¢vy (IS VS). IS VS s¨² napr. r?zne registre, syst¨¦my sl¨²?iace na zabezpe?enie v?konu verejnej spr¨¢vy, smernice, postupy a podobne. Webov?ch str¨¢nok (ozna?ovan?ch aj ako webov¨¦ s¨ªdla, internetov¨¦ str¨¢nky, port¨¢ly at?.) Tie s¨² bu? prezenta?nou vrstvou IS VS alebo samostatn?mi IS VS, preto sa na nich v?nos vz?ahuje.
  • 22. Kontrola va?ej str¨¢nky, pokuty O kontrola webov¨¦ho s¨ªdla je mo?n¨¦ po?iada? emailom, v???inou sa vykon¨¢va n¨¢razovo cca 2-3 kr¨¢t do roka . V?sledkom kontroly je percentu¨¢lne vyhodnotenie ¨²spe?nosti sledovan?ch prvkov, tolerancia je 10% pri maxime pr¨ªstupnosti 100%. Pokuty za nedodr?iavanie ?tandardov od 2000€ do 25000€ .
  • 23. V?nos o pr¨ªstupnosti IS VS Pr¨ªstupnos? je definovan¨¢ ?tandardmi. ?tandardy s¨² vyd¨¢van¨¦ v?eobecne z¨¢v?zn?m pr¨¢vnym predpisom (v?nosom). Kompetentn?m org¨¢nom na ich vyd¨¢vanie je v s¨²?asnosti Ministerstvo financi¨ª SR. Aktu¨¢lny v?nos vr¨¢tane pr¨ªloh vy?iel 8.7.2010 v?Zbierke z¨¢konov. http://informatizacia.sk/standardy-is-vs/596s
  • 24. Zauj¨ªmav¨¦ odkazy http://standardy.informatika.sk/ http://www.w3.org/WAI/gettingstarted/Overview.html http://www.blindfriendly.sk/
  • 25. Z¨¢ver, diskusia ?akujem za pozornos?. Mgr. Milan Kure?ko, kurecko @ui42.sk

Editor's Notes

  1. poznamka
  2. http://www.tsk.sk/sk/doprava/dopravne-obmedzenia/uzavierka-cesty-i-50-v-meste-handlova.html
  3. HTML editor vieme konfigurova? na ¨²rovni vlastnost¨ª stranky Takisto vieme konfigurova? podobu HTML editora na ¨²rovni pou?¨ªvate?a
  4. Odkazy by mali by? popisn¨¦ Nepou?¨ªva? odkazy typu viac, cel? ?lanok bez popisu title. Nevytv¨¢ra? odkazy cez Javascript (napr. postovanie formul¨¢rov a pod.)
  5. Alternat¨ªvny text musia ma? aj obr¨¢zky vo fotogal¨¦ri¨¢ch
  6. Probl¨¦mom je nechu? vytv¨¢ra? alternat¨ªvne texty ¨C Buxus zvl¨¢da
  7. Vysvetli? sp?sop ?¨ªtania v asisten?n?ch technol¨®gi¨¢ch
  8. Uk¨¢za? vkladanie st?pcov a riadkov Spomen¨²? z¨¢hlavie Vybra? typ bunky Kontroln¨¢ alebo tzv. Testovacia str¨¢nka. http://www.atpjournal.sk/buxus/system/page_details.php?page_id=333
  9. Uk ¨¢za? formul¨¢r TSK / Kontakt Presko?enie navig¨¢cie uk¨¢za? na TSK s vypnut¨ªm CSS Spr¨¢vny kontrast ¨C n¨¢stroje do Firefoxu, online kontrolery, WCAG 2.0 contrast checker Relat¨ªvne jednotky ¨C uk¨¢za? web UPSVAR a jeho resize Zoznamy uk¨¢za? menu na TSK bez CSS TSK ¨C vyh?ad¨¢vanie Povinn? obsah ¨C spr¨¢vca obsahu, technick? prev¨¢dzkovate?, vyhl¨¢senie o pr¨ªstupnosti, Anglick¨¢ verzia, otv¨¢racie/¨²radn¨¦ hodiny