Az előadás letöltése folymat van. Kérjük, várjon

Az előadás letöltése folymat van. Kérjük, várjon

DSD Pataki Máté1 / 41 DSD A webes akadálymentesítés helyzete Magyarországon Pataki Máté.

Hasonló előadás


Az előadások a következő témára: "DSD Pataki Máté1 / 41 DSD A webes akadálymentesítés helyzete Magyarországon Pataki Máté."— Előadás másolata:

1 DSD Pataki Máté1 / 41 DSD A webes akadálymentesítés helyzete Magyarországon Pataki Máté

2 DSD Pataki Máté2 / 41 Témakörök  W3C - Web Accessibility Initiative (WAI)  Célcsoportok  Fogyatékossággal élők  Technológiailag megkülönböztetettek  Speciális célcsoportok  Jó példák?  Működés ellenőrzése

3 DSD Pataki Máté3 / 41 W3C - Web Accessibility Initiative (WAI)   Web Content Accessibility Guidelines  1.0: ajánlás (1999. máj. 5.)  2.0: munkaterv (2007. dec. 11.)  Részletesebb útmutató  Understanding WCAG 2.0  Technológiák sokszínűsége  Szélesebb közönségnek

4 DSD Pataki Máté4 / 41 WCAG 1.0  Web Content Accessibility Guidelines  Priority 1 (must)  Pl.: szöveges megfelelő biztosítása minden képhez  Priority 2 (should)  Pl.: style sheet használata (tartalom-megjelenítés)  Priority 3 (may)  Pl.: fontos linkekhez gyorsbillentyű rendelése  Gépi és kézi ellenőrzés

5 DSD Pataki Máté5 / 41 WCAG 1.0 Checklist

6 DSD Pataki Máté6 / 41 Fogyatékossággal élők  Fogyatékossággal élők  Vakok  Gyengénlátók  Színvakok  Hallássérültek  Mozgássérültek  Értelmi fogyatékosok

7 DSD Pataki Máté7 / 41 Vakok  Külön lap? (Budapest Portál, Hirado.hu)Budapest Portál  Más információ a vakoknak?  Többi fogyatékossággal élő?  Ajánlott a tartalom és megjelenítés elkülönítése

8 DSD Pataki Máté8 / 41

9 DSD Pataki Máté9 / 41

10 DSD Pataki Máté10 / 41 Vakok  Külön lap? (Budapest Portál, Hirado.hu)Budapest Portál  Más információ a vakoknak?  Többi fogyatékossággal élő?  Ajánlott a tartalom és megjelenítés elkülönítése  Beszédes linkek  Pl.: a Firefox 1.5 letöltése  Ugyanolyan nevű linkek kerülése

11 DSD Pataki Máté11 / 41 Linkek elnevezése legyen egyedi, és értelmes

12 DSD Pataki Máté12 / 41 Vakok  Külön lap? (Budapest Portál, Hirado.hu)Budapest Portál  Más információ a vakoknak?  Többi fogyatékossággal élő?  Ajánlott a tartalom és megjelenítés elkülönítése  Beszédes linkek  Pl.: a Firefox 1.5 letöltése  Ugyanolyan nevű linkek kerülése  Képek, appletek, videók  Elnevezés (alt attribútum)  Alternatív tartalom (longdesc vagy a szövegben)

13 DSD Pataki Máté13 / 41 Képek elnevezése

14 DSD Pataki Máté14 / 41 Gyengénlátók  Nem mindig használnak felolvasóprogramot  Betűméret állítása  pl.: CSS-ben %-ban megadni, vagy  különböző méretek biztosítása  Nagy kontraszt (KOPI)KOPI

15 DSD Pataki Máté15 / 41 Kis betűméret – Explorer: Medium és Largest

16 DSD Pataki Máté16 / 41 Kis betűméret – Opera: 100% és 200%

17 DSD Pataki Máté17 / 41 Böngésző-használati statisztika (2007. február)

18 DSD Pataki Máté18 / 41 A Firefox Európában sokkal elterjedtebb us/browsers-barometer/firefox- december-2007/index html

19 DSD Pataki Máté19 / 41 MVGYOSZ honlapja Explorerben és Operában

20 DSD Pataki Máté20 / 41 MEOSZ – A google se jut be?

21 DSD Pataki Máté21 / 41 Piros mezők kitöltése kötelező

22 DSD Pataki Máté22 / 41 Piros csillaggal jelölt mezők

23 DSD Pataki Máté23 / 41 Videó és a beszéd teljes szövege

24 DSD Pataki Máté24 / 41 Pontos pozícionálás az almenü fekete sávjában

25 DSD Pataki Máté25 / 41 Oldaltérkép / menütérkép

26 DSD Pataki Máté26 / 41 Nincs elérhetőség, kapcsolat, -cím

27 DSD Pataki Máté27 / 41 Nincs elérhetőség, kapcsolat, -cím

28 DSD Pataki Máté28 / 41 Technológiailag megkülönböztetettek  Technológiailag megkülönböztetettek  Eltérő képernyőméret  Elavult böngésző / operációs rendszer  Gyenge hardware

29 DSD Pataki Máté29 / 41 Eltérő képernyőméret  Képernyők >19’’  CNN 220px CNN  Mobiltelefon  Képernyő  Memória  Lapozás  PDA  320x200  640x480  Vízszintes görgetés  Kis betűk (nagyítás)

30 DSD Pataki Máté30 / 41 Elavult böngésző / operációs rendszer  Nem biztos, hogy van:  JavaScript  Flash  Java  …   Javascripttel  És nélküle

31 DSD Pataki Máté31 / 41 Oldal mérete - letöltési sebesség Honlap címe Főlap mérete (kb) Tömörített méret (kb) 5kb/s modemmel (s) 128kb/s ADSL (s) erg.bme.hu474180,3 iwiw.hu ,8 pannon.hu/egyeni ,0 bme.hu ,3 cnn.com ,6 microsoft.hu ,6 origo.hu ,9 index.hu ,5

32 DSD Pataki Máté32 / 41 Speciális célcsoportok  Speciális célcsoportok  Gyerekek  Idősek  Alacsony (informatikai) képzettségűek  Idegen nyelvek és kultúrák

33 DSD Pataki Máté33 / 41 Gyerekek  Nem tud olvasni (Manó sorozat)  Sok választási lehetőség nem jó  Vezetni kell  Könnyen elkalandozik a figyelme  Mindenre rákattint (legjobb tesztalany :-)

34 DSD Pataki Máté34 / 41 Idősek / alacsony képzettségűek  Idősek  Betűméret változtatható legyen  Mozgó ikonok, reklámok, szövegek  Elvonják a figyelmet  Fárasztják a szemet  Alacsony (informatikai) képzettségűek  Felugró ablakok félrevezetik  Szakzsargon mellőzése  Súgó (ne informatikus írja, context sensitive)

35 DSD Pataki Máté35 / 41 Jó példák?  Paramédia (http://www.paramedia.hu/)http://www.paramedia.hu/  H2F (hátrányos helyzetű felhasználók)  18 tag  Fővárosi Vízművek

36 DSD Pataki Máté36 / 41 Működés ellenőrzése  Próbáljuk ki több böngészőben is:  Internet Explorer (több gépen több verzió)  Opera (több verzió is elmegy egy gépen)  Firefox  Netscape  Safari (Apple)  Lynx (szöveges böngésző)  Mobiltelefon böngészője

37 DSD Pataki Máté37 / 41 Működés ellenőrzése (IE6, Opera8, Opera5)

38 DSD Pataki Máté38 / 41 Tesztelés  W3C Validator ( )  Online ellenőrzés  A honlapunk minden esetben legyen szabványos  Bobby ( )  WAI irányelvek szerinti tesztelés  Hibák jelzése  Kézi ellenőrzésre való figyelmeztetés

39 DSD Pataki Máté39 / 41 W3C Validator

40 DSD Pataki Máté40 / 41 W3C Validator

41 DSD Pataki Máté41 / Köszönöm a figyelmet!


Letölteni ppt "DSD Pataki Máté1 / 41 DSD A webes akadálymentesítés helyzete Magyarországon Pataki Máté."

Hasonló előadás


Google Hirdetések