Osoby s handicapom a prístupnosť webu Bc. Ondrej Černay Brno, 2010 Typy postihnutí lSluchové lZrakové lPohybové lPoruchy učenia Počet postihnutých lPredpoklad -15 % populácie = 1.6 mil ľudí v ČR lSú medzi návštevníkmi vašich webstránok osoby s handicapom? Počet postihnutých lPredpoklad -15 % populácie = 1.6 mil ľudí v ČR lSú medzi návštevníkmi vašich webstránok osoby s handicapom? -viac ako 8 % mužov trpí farbosleposťou Sluchové postihnutie lÚplná alebo čiastočná strata sluchu -uživateľ nie je schopný vnímať zvukové informácie na stránke -zdanlivo najmenej obmedzujúce -aké množstvo informácií je k dispozícii vo zvukovej podobe? -priemerný uživateľ v USA zhliadne 182 online videí mesačne Zrakové postihnutie lNevidomosť, slabozrakosť, farbosleposť -uživateľ má obmedzenú schopnosť vnímať obrazové informácie na stránke, alebo nemá túto schopnosť vôbec -je ťažké dohľadať na stránke konkrétnu informáciu -veľká časť webov zo svojho princípu nepodporuje takto postihnutých užívateľov lnapr. mapové aplikácie Pohybové postihnutie lÚplna alebo čiastočná paralýza, porucha motorických funkcií -Neschopnosť stlačiť v jednom okamihu len jednu klávesu -Neschopnosť stlačiť klávesu bez opakovaných úderov -Neschopnosť používať myš Poruchy učenia lDyslexia -obmedzená schopnosť čítania -problémy s pochopením kontextu lPorucha pozornosti -prvky na stránke odpútavajú pozornosť od textu, uživateľ sa ľahko “stratí” lNeschopnosť riešiť problémy -neintuitívna navigácia odradí užívateľa -nedostupná stránka može byť neprekonateľný problém Prístupnosť na webe lPORUCHA SLUCHU -titulky doplňujúce zvuk na stránke -relevantné len ak stránka obsahuje zvukové informácie lPORUCHA MOTORIKY -vhodne zvolená navigácia (nespoliehať sa na to, že uživateľ používa určitý typ vstupného zariadenia) -klávesové skratky Prístupnosť na webe lPORUCHA ZRAKU -nespoliehať sa na to, že uživateľ používa určitý typ výstupného zariadenia -kontrastné farby -alternatívne popisy grafických prvkov lPORUCHA UČENIA -ťažko riešiteľný problém Metodiky prístupnosti lWCAG -Web Content Accessibility Guidelines -iniciatíva W3C lBlind Friendly Web lVyhláška č. 64/2008 Sb. -pravidlá z roku 2004 revidované podľa WCAG -v súčasnosti platná a záväzná pre weby verejnej správy ČR -http://pixy.cz/temp/pristupny_web/ Najdôležitejšie zásady lKaždý netextový prvok nesúci nejakú informáciu musí mať textovú alternatívu lSprávne členenie textu -používanie nadpisov a odstavcov lNedefinovať veľkosť písma v absolútnych jednotkách lProdukovať validný kód lOvládanie stránky musí byť intuitívne a konzistentné na všetkých podstránkach Web pre ľudí s dyslexiou lVhodná šírka obsahu -ideálne 60-70 znakov -pomáha zabrániť strate orientácie v texte lPoužívať nezarovnaný text -zarovnaný text vytvára nepravidelné medzery, ktoré rozptyľujú čitateľa lVhodná farba pozadia -mnoho dyslektikov ma problém s čisto bielym pozadím Web pre ľudí s dyslexiou lPoužívať bezpätkové písmo -g vs g -niektorí dyslektici preferujú Comic Sans lVyhýbať sa kurzíve lUprednostniť krátke vety -poskytnú dyslektikovi prestávku po každej vete Web pre ľudí s dyslexiou lJe vhodné text doplniť súvisiacimi obrázkami -z obrázkov je okamžite jasné, čoho sa stránka týka -pomáhajú pochopiť kontext Príklad lAko ľahko dokážete prečítač nasledujúci text? By ťčin ebyť Príklad lAko ľahko dokážete prečítač nasledujúci text? By ťčin ebyť Vývojové postupy lOverenie vhľadu stránky s vypnutými štýlmi či obrázkami -je obsah stránky stále logicky členený? -zmenila sa informačná hodnota stránky? lPoužívanie simulátorov farbosleposti lValidátory kódu lNástroje na kontrolu prístupnosti -WAVE Použité zdroje lhttp://pharmacy.ucsf.edu/webdev/access/access.pdf -Frank Farm, Web Accessibility lhttp://www.dyslexia-parent.com/mag35.html -Designing web pages for dyslexic readers lhttp://blindfriendly.cz