DSD A webes akadlymentests helyzete Magyarorszgon Pataki Mt
DSD A webes akadálymentesítés helyzete Magyarországon Pataki Máté 1 / 41
Témakörök n n W 3 C - Web Accessibility Initiative (WAI) DSD Célcsoportok n Fogyatékossággal élők n Technológiailag megkülönböztetettek n Speciális célcsoportok Jó példák? Működés ellenőrzése Pataki Máté 2 / 41
W 3 C - Web Accessibility Initiative (WAI) http: //www. w 3. org/WAI/ DSD n Web Content Accessibility Guidelines n 1. 0: ajánlás (1999. máj. 5. ) n 2. 0: munkaterv (2007. dec. 11. ) n n Részletesebb útmutató n Understanding WCAG 2. 0 n Technológiák sokszínűsége n Szélesebb közönségnek Pataki Máté 3 / 41
WCAG 1. 0 n Web Content Accessibility Guidelines DSD n Priority 1 (must) n n Priority 2 (should) n n Pl. : style sheet használata (tartalom-megjelenítés) Priority 3 (may) n n Pl. : szöveges megfelelő biztosítása minden képhez Pl. : fontos linkekhez gyorsbillentyű rendelése Gépi és kézi ellenőrzés Pataki Máté 4 / 41
WCAG 1. 0 Checklist DSD http: //www. w 3. org/TR/WAI-WEBCONTENT/full-checklist. html Pataki Máté 5 / 41
Fogyatékossággal élők n Fogyatékossággal élők DSD n Vakok n Gyengénlátók n Színvakok n Hallássérültek n Mozgássérültek n Értelmi fogyatékosok Pataki Máté 6 / 41
Vakok n Külön lap? (Budapest Portál, Hirado. hu) DSD n Más információ a vakoknak? n Többi fogyatékossággal élő? n Ajánlott a tartalom és megjelenítés elkülönítése Pataki Máté 7 / 41
http: //www. budapest. hu/vak DSD Pataki Máté 8 / 41
http: //www. budapest. hu DSD Pataki Máté 9 / 41
Vakok n n n Külön lap? (Budapest Portál, Hirado. hu) DSD Más információ a vakoknak? n Többi fogyatékossággal élő? n Ajánlott a tartalom és megjelenítés elkülönítése Beszédes linkek n Pl. : a Firefox 1. 5 letöltése n Ugyanolyan nevű linkek kerülése Pataki Máté 10 / 41
Linkek elnevezése legyen egyedi, és értelmes DSD Pataki Máté 11 / 41
Vakok n n n Külön lap? (Budapest Portál, Hirado. hu) DSD n Más információ a vakoknak? n Többi fogyatékossággal élő? n Ajánlott a tartalom és megjelenítés elkülönítése Beszédes linkek n Pl. : a Firefox 1. 5 letöltése n Ugyanolyan nevű linkek kerülése Képek, appletek, videók n Elnevezés (alt attribútum) n Alternatív tartalom (longdesc vagy a szövegben) Pataki Máté 12 / 41
Képek elnevezése DSD Pataki Máté 13 / 41
Gyengénlátók n n n Nem mindig használnak felolvasóprogramot DSD Betűméret állítása n pl. : CSS-ben %-ban megadni, vagy n különböző méretek biztosítása Nagy kontraszt (KOPI) Pataki Máté 14 / 41
Kis betűméret – Explorer: Medium és Largest DSD Pataki Máté 15 / 41
Kis betűméret – Opera: 100% és 200% DSD Pataki Máté 16 / 41
Böngésző-használati statisztika DSD http: //marketshare. hitslink. com/report. aspx? qprid=0 (2007. február) Pataki Máté 17 / 41
A Firefox Európában sokkal elterjedtebb DSD http: //www. xitimonitor. com/enus/browsers-barometer/firefoxdecember-2007/index-1 -2 -3 -117. html Pataki Máté 18 / 41
MVGYOSZ honlapja Explorerben és Operában DSD http: //www. mvgyosz. hu Pataki Máté 19 / 41
MEOSZ – A google se jut be? DSD Pataki Máté 20 / 41
Piros mezők kitöltése kötelező DSD Pataki Máté 21 / 41
Piros csillaggal jelölt mezők DSD Pataki Máté 22 / 41
Videó és a beszéd teljes szövege DSD Pataki Máté 23 / 41
Pontos pozícionálás az almenü fekete sávjában DSD Pataki Máté 24 / 41
Oldaltérkép / menütérkép DSD Pataki Máté 25 / 41
Nincs elérhetőség, kapcsolat, email-cím DSD Pataki Máté 26 / 41
Nincs elérhetőség, kapcsolat, email-cím DSD Pataki Máté 27 / 41
Technológiailag megkülönböztetettek n Technológiailag megkülönböztetettek DSD n Eltérő képernyőméret n Elavult böngésző / operációs rendszer n Gyenge hardware Pataki Máté 28 / 41
Eltérő képernyőméret n n n Képernyők >19’’ n CNN 220 px DSD Mobiltelefon n Képernyő n Memória n Lapozás PDA n 320 x 200 n 640 x 480 Vízszintes görgetés Kis betűk (nagyítás) Pataki Máté 29 / 41
Elavult böngésző / operációs rendszer n n Nem biztos, hogy van: n Java. Script DSD n Flash n Java n … http: //www. fkf. hu/ n Javascripttel n És nélküle Pataki Máté 30 / 41
Oldal mérete - letöltési sebesség Honlap címe Főlap Tömörített mérete (kb) méret (kb) DSD 5 kb/s modemmel (s) 128 kb/s ADSL (s) erg. bme. hu 47 41 8 0, 3 iwiw. hu 430 127 25 0, 8 pannon. hu/egyeni 500 158 32 1, 0 bme. hu 747 200 40 1, 3 cnn. com 664 257 51 1, 6 microsoft. hu 307 258 52 1, 6 origo. hu 567 304 61 1, 9 index. hu 1071 723 145 4, 5 Pataki Máté 31 / 41
Speciális célcsoportok n Speciális célcsoportok DSD n Gyerekek n Idősek n Alacsony (informatikai) képzettségűek n Idegen nyelvek és kultúrák Pataki Máté 32 / 41
Gyerekek n n n Nem tud olvasni (Manó sorozat) DSD Sok választási lehetőség nem jó Vezetni kell Könnyen elkalandozik a figyelme Mindenre rákattint (legjobb tesztalany : -) Pataki Máté 33 / 41
Idősek / alacsony képzettségűek n n Idősek DSD n Betűméret változtatható legyen n Mozgó ikonok, reklámok, szövegek n Elvonják a figyelmet n Fárasztják a szemet Alacsony (informatikai) képzettségűek n Felugró ablakok félrevezetik n Szakzsargon mellőzése n Súgó (ne informatikus írja, context sensitive) Pataki Máté 34 / 41
Jó példák? n n Paramédia (http: //www. paramedia. hu/) n H 2 F DSD (hátrányos helyzetű felhasználók) n 18 tag Fővárosi Vízművek Pataki Máté 35 / 41
Működés ellenőrzése n Próbáljuk ki több böngészőben is: DSD n Internet Explorer (több gépen több verzió) n Opera (több verzió is elmegy gépen) n Firefox n Netscape n Safari (Apple) n Lynx (szöveges böngésző) n Mobiltelefon böngészője Pataki Máté 36 / 41
Működés ellenőrzése (IE 6, Opera 8, Opera 5) DSD Pataki Máté 37 / 41
Tesztelés n n W 3 C Validator (http: //validator. w 3. org/) DSD n Online ellenőrzés n A honlapunk minden esetben legyen szabványos Bobby (http: //webxact. watchfire. com/) n WAI irányelvek szerinti tesztelés n Hibák jelzése n Kézi ellenőrzésre való figyelmeztetés Pataki Máté 38 / 41
W 3 C Validator DSD Pataki Máté 39 / 41
W 3 C Validator DSD Pataki Máté 40 / 41
Köszönöm a figyelmet! DSD http: //www. w 3 c. hu Email: Mate. Pataki@w 3 c. hu Pataki Máté 41 / 41
- Slides: 41