DSD DSD
A webes akadálymentesítés helyzete Magyarországon Pataki Máté
Pataki Máté
1 / 41
Témakörök n n
n n
W3C - 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
W3C - Web Accessibility Initiative (WAI) http://www.w3.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
Részletesebb útmutató n Understanding WCAG 2.0 n Technológiák sokszínűsége n Szélesebb közönségnek n
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.w3.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
n n
Képernyők >19’’ n CNN 220px DSD Mobiltelefon n Képernyő n Memória n Lapozás PDA n 320x200 n 640x480 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 JavaScript 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
5kb/s modemmel (s)
128kb/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 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 H2F 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 egy 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 (IE6, Opera8, Opera5)
DSD
Pataki Máté
37 / 41
Tesztelés n
n
W3C Validator (http://validator.w3.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
W3C Validator
DSD
Pataki Máté
39 / 41
W3C Validator
DSD
Pataki Máté
40 / 41
Köszönöm a figyelmet!
DSD
http://www.w3c.hu
Email:
[email protected]
Pataki Máté
41 / 41