DSD Akadálymentesítés mobilwebes környezetben

Átírás

1 Akadálymentesítés mobilwebes környezetben Pataki Máté

2 Témakörök WAI Mobiltelefonok/mobil böngészés előretörése MWI 2/ 31

3 W3C Web Accessibility Initiative (WAI) Web Content Accessibility Guidelines 1.0: ajánlás (1999. máj. 5.) 2.0: javaslatterv (2008. nov. 3.) Részletesebb útmutató UnderstandingWCAG 2.0 Technológiák sokszínűsége Szélesebb közönségnek 3/ 31

4 W3C WCAG 2.0 fordítások 2009 második felére 800 oldal (közel 2 millió leütés) Állami finanszírozás Szociális és Munkaügyi Minisztérium Fogyatékos Személyek Esélyegyenlőségéért Közalapítvány (TÁMOP Projekt) 4/ 31

5 Fordításra kerülő dokumentumok Dokumentum neve IntroductiontoWeb Accessibility EssentialComponents of Web Accessibility UnderstandingWCAG 2.0 (TÁMOP-os forrásból fordításra kerül) Web ContentAccessibility Guidelines2.0 Howto MeetWCAG 2.0 HowWAI DevelopsAccessibility GuidelinesthroughtheW3C Process: Milestonesand OpportunitiestoContribute WAI Quick Tips Overviewof theweb Accessibility Initiative ImplementationPlanforWeb Accessibility Evaluating Web Sitesfor Accessibility: Overview HowPeople withdisabilitiesusetheweb WCAG 2 FAQ Overviewof WCAG 2.0 Documents Developinga Web Accessibility Business Case foryourorganization: Overview Improvingthe Accessibility of Your Web Site TechniquesforWCAG 2.0 Rövid leírása Bevezetés az akadálymentesítésbe Átfogókép az akadálymentesítési dokumentumokról és azok viszonyáról Átfogókép az akadálymentesítési szabványokról és azok keletkezéséről 10 gyors tipp kezdőknek az akadálymentesítéshez A WAI kezdeményezés áttekintése Útmutatócégeknek, hogy hogyan tervezzék az akadálymentesítési feladataikat Segítség honlapok akadálymentességének a teszteléséhez Példák, hogy a sérült emberek hogyan használják a Webet (miért van szükségük akadálymentes oldalra) Akadálymentességi anyaghoz kapcsolódógyakori kérdések és válaszok A szabvány dokumentumainak és viszonyainak az áttekintése Miért éri meg akadálymentesíteni a cégeknek Hogyan kezdjünk neki egy cég honlapjának az akadálymentesítéséhez Az akadálymentességi szabványnak valómegfelelőséghez részletes technikai útmutató Az akadálymentességi irányelvek részletesen és elmagyarázva Akadálymentes honlapkészítés irányelvei. Útmutatóa WCAG 2.0 irányelveinek a betartásához. 5/ 31

6 6/ 31

7 Mobil böngészés előretörése A webezés a legnagyobb adatforgalmat generáló szolgáltatás Forrás: Nokia study, / 31

8 Mobil böngészés előretörése T-Mobile Web'n'Walk (korlátlan hozzáférés bizonyos szolgáltatásokhoz): BBC 330 oldalletöltés havonta és felhasználónként 199%-os bevételnövekedés az adatforgalomban (SMS nélkül) Forrás: Opera, 2006 április BBC: 2005-ben kétszeresére nőtt a mobil tartalmak iránti kérések száma Közel 250 millió kérés naponta 28%-a a mobil felhasználóknak csak mobilról használja az oldalt, PC-ről nem Forrás: BBC, november BBC International Wap usage 2006 July 8/ 31

9 Mobil böngészés előretörése A felhasználók jelentős részének a készüléke képes a mobil webezésre. Az aktív webezők száma rohamosan nő, és még csökkenő árak mellett is növekednek az ebből származó bevételek. Forrás: W3C-MWI/Nokia 9/ 31

10 Mobil böngészés előretörése Forrás: 10 / 31

11 Mobil-böngésző statisztika AdMob Mobile Metrics Report, July / 31

12 Okostelefonok AdMob Mobile Metrics Report, July / 31

13 Nagy a szórás AdMob Mobile Metrics Report, July / 31

14 Nagy a szórás Minden országban másra használják a mobilt Israel: 90% 3G penetráció Románia: FM rádió fontos Afrika: internetelérés egyetlen módja sok helyen 14 / 31

15 A mobiltelefon terjedése 15 / 31

16 Böngészés a WC-től a konyháig :-) 16 / 31

17 W3C - Mobile Web Initiative (MWI) Mobile Web Best Practices ajánlás július 29. mobileok Basic Tests 1.0 Javaslatterv november 3. W3C mobileok Checker 17 / 31

18 Mobile Web Best Practices szabály, ajánlás 5 csoportban Általános tennivalók Navigáció és linkek Oldal kinézete és tartalom Oldalszerkezet Adatbevitel 18 / 31

19 Általános tennivalók Használjuk ki az eszköz lehetőségeit Teszteljük az elkészült oldalt Egy honlap tartalma (egy URI) különböző eszközökön ugyanazt a tartalmat, érzést adja (One Web) 19 / 31

20 Általános tennivalók w3c.hu asztali böngészőben w3c.hu - mobil böngészőben 20 / 31

21 Navigáció és linkek Az oldal URI-je rövid legyen Az oldal tetején csak minimális navigáció legyen Konzisztens legyen a navigáció Rendeljünk gyorsbillentyűt a gyakori funkciókhoz Ne frissüljenek a felhasználó tudta nélkül automatikusan az oldalak Külső hivatkozású erőforrásokat kerüljük 21 / 31

22 Oldal kinézete és tartalom Törekedjünk arra, hogy csak egy irányba kelljen görgetni az oldalt A színek ne hordozzanak máshogy nem elérhető információt A tartalom és a háttér között megfelelő legyen a kontraszt A fontosabb tartalom előzze meg a kevésbé fontosat A tartalmat limitáljuk arra, amit a felhasználó kért 22 / 31

23 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.hu ,3 iwiw.hu ,8 pannon.hu/egyeni ,0 bme.hu ,3 cnn.com ,6 microsoft.hu ,6 origo.hu ,9 index.hu ,5 23 / 31

24 Oldalszerkezet Az oldalnak legyen egy rövid, de velős címe Jelöljük megfelelően az oldal elemeit (P, H1, H2, stb.) Táblázatot csak akkor használjunk, ha az eszköz támogatja Nem szöveges elemeknek legyen szöveges megfelelőjük Képek mérete a kódban is legyen megadva Az oldal legyen szabványos 24 / 31

25 Opera felmérése (2008) Opera kutatásának a részeredménye Honlapok milyen technológiákat használnak Flash: 35% Ajax: 3,3% CSS: 80% JavaScript: 75% Szabványos (W3C Validator) 4,13% 50%-a azoknak, akik azt állítják 25 / 31

26 Tesztelés W3C Validator ( Online ellenőrzés A honlapunk minden esetben legyen szabványos 26 / 31

27 W3C Validator 27 / 31

28 W3C Validator 28 / 31

29 Adatbevitel Csökkentsük a billentyűzetleütéseket egy minimumra Ahol csak lehet, kerüljük a szövegbevitelt Legyenek alapértelmezett értékek megadva Logikus sorrendben kövessék egymást a linkek és az űrlapelemek 29 / 31

30 mobileok Basic Tests 1.0 Alapja: Mobile Web Best Practices Géppel ellenőrizhető szabályrendszer Harmadik fél által tanúsítható (pl. webkereső) 30 / 31

31 Köszönöm a figyelmet! Mate.Pataki@w3c.hu 31 / 31