„Esélyteremtés és értékalakulás” Konferencia Megyeháza Kaposvár, 2009. december 8.

1. „Esélyteremtés és értékalakulás” KonferenciaMegyeházaKaposvár, 2009. december 8. Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

2. Webes alkalmazások akadálymentesítése Vigh Györgyinformatikai szakértőFFE Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

3. Mottó „Az akadályok azok az ijesztő dolgok,amiket akkor látsz,amikor leveszed a szemed a célról.” Henry Ford Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

4. Akadálymentesítés…? Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

5. …s a Dunaújvárosi Főiskolán? Fotók: Dukán Péter Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

6. Miért érdemes odafigyelnünk? • 1998. évi XXVI. tv. a fogyatékos személyek jogairól és esélyegyenlőségük biztosításáról; • Európa Unió egyik direktívája – a közszolgálati honlapok elérése a fogyatékkal élők számára; • legkevesebb 300 ezer embert érint; • a honlapok alig 1/5-e alkalmazkodik a megjelenés elemi, ergonómiai, illetve kódolási szabályaihoz. Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

7. Milyen ajánlásokra legyünk tekintettel? • World Wide Web Consortium (W3C) web hozzáférhetőségét érintő kezdeményezésének (Web AccessibilityInitiative) ajánlásaira. • Ezek közül a legfontosabbak: • a webes tartalmak hozzáférési irányelvei (Web ContentAccessibilityGuidelines 1.0 és 2.0) és • a felhasználói ágensek hozzáférési irányelvei (UserAgentAccessibilityGuidelines). Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

8. Milyen ajánlásokra legyünk tekintettel? • A Szerkesztőeszközök Akadálymentességi Útmutatója Munkacsoport (AuthoringToolAccessibilityGuidelinesWorking Group) közzétette a Szerkesztőeszközök Akadálymentességi Útmutató 2.0 (AuthoringToolAccessibilityGuidelines2.0) és az Implementációs Technikák ATAG 2.0-hoz (ImplementationTechniquesfor ATAG 2.0) átdolgozott munkaterveit. • Az ATAG olyan, hátrányos helyzetűek számára is elérhető eszköz fejlesztéséhez nyújt segítséget, amely akadálymentes weblapok szerkesztését hivatott segíteni. Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

9. Kikkel van összefüggésben? • testi fogyatékosokkal (pl. [szín]vakokkal, gyengénlátókkal, hallás- és mozgássérültekkel); • értelmi fogyatékosokkal, • diszlexiásokkal, olvasási nehézséggel élőkkel; • gyerekekkel, idősekkel; • technológiailag megkülönböztetett felhasználókkal (pl. gyenge gépteljesítmény, kicsi kijelző, koszos munkahely, javascript, flash stb. hiánya, lassú hálózat, mobiltelefonnal vagy PDA-val rendelkező); • kulturálisan elszigeteltekkel (pl. idegenajkúakkal); • technológiailag alulképzettekkel. Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

10. Milyen speciális eszközök léteznek? • Képernyőolvasó programok • JAWS for Windows, Orca, stb. • Beszédszintetizátorok (hardveres, szoftveres) • Braille írást megjelenítő eszközök • Nagyméretű kijelzők • Betűméret növelők, nagyítók Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

11. Milyen megoldások léteznek? Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

12. Milyen speciális eszközök léteznek? • Az egyéb beviteli eszközök között megtalálhatók: • a szívó és fújó rendszerek, amelyek be- és kilégzéssel vezérelhetők; • a szájban tartható vagy állra erősíthető pálcák és botok; • az olyan elektronikus mutatóeszközök, amelyek a szem mozgásával, idegi ingerülettel vagy agyhullámokkal vezérlik a kurzor mozgását. • Az egyre kifinomultabbá váló beszédfelismerő rendszerek lehetővé teszik, hogy a felhasználók az egér vagy billentyűzet használata helyett a parancsokat szóban adják ki. Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

13. Megfelelő ez? Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

14. …és ez? Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

15. Mire vigyázzunk ergonómiai szempontból? • tartalom és általános design (arculat) • művészi önkifejezésen alapuló • tartalomközpontú • színek (web tűrő; háttér, betű = háttérrel azonos színű > vakoknak szánt információ) • tipográfia (betűk [méretük, elrendezésük, nagyíthatóságuk]) • azonosulás (kötött elemek esetén) Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

16. Miről ne feledkezzünk meg? 4-4-4 szabály betartása • 4 másodperc – egy látogató ennyi idő alatt dönti el, hogy foglalkozik-e az adott oldallal vagy sem • 4 kattintás – alatt megtalálják-e az információt vagy sem • 4 perc – ennél hosszabb ne legyen egy videó (egy jó videóval sok-sok szöveg is kiváltható) Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

17. Mire törekedjünk? • Szabványok, ajánlások betartására; • eszközfüggetlenségre; • legyen ideje a felhasználónak (látogatónak) a megfelelő műveletekhez; • ne összezavarjuk, hanem vezessük a felhasználót (látogatót). Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

18. Hogyan (ne) kódoljunk? Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

19. Hogyan (ne) kódoljunk? Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

20. Hogyan (ne) kódoljunk? Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

21. Hogyan írjunk? • Javasolt írásmód: Helytelen telefonszám: Helyes megoldás:+3636520482 +36 36 520 482 Helytelen nagyszámok: Helyes megoldás:1.820.000 vagy 1,820,000 1820000 Helytelen dátumok: Helyes megoldás: 2006. XI. 6. 2006. 11. 6 Helytelen rövidítések: Helyes megoldás:U.S.A.; E.U.; F.I.F.A. USA; EU; FIFA Helytelen mértékegységek: Helyes megoldás:10000 kJ 10000 kilojoule40 km/h 40 kilométer/óra Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

22. Hogyan illesszünk be képeket? • Képek és animációk – képi információk szöveges leírása (alt attribútum alkalmazásával): Rossz megoldás:<imgsrc="petofi_sandor.jpg" border="0" alt=""> Nem jó megoldás:<imgsrc="petofi_sandor.jpg" border="0" alt="portré"> Javasolt megoldás:<imgsrc="petofi_sandor.jpg" border="0„alt="Petőfi Sándor költő portréja” title="Petőfi Sándor költő portréja"> Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

23. Mi legyen a táblázatokkal? • Táblázatok ajánlott olyan megjegyzések (caption elem=táblázat címe) készítése, melyek sorról-sorra való olvasáskor a megértést segítik, valamint a táblázat tartalmáról összegzés (summary) készítése:<tableborder="1" summary="Az alábbi táblázat 3 étel elkészítésének fázisait mutatja be, sorokba szedve az ételfajtákkal, ill. oszlopokba rendezve az elkészítés fázisaival (összetevők, előkészítés, elkészítés, tálalás).">  Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

24. Alkalmazzunk keretrendszert? • Keretrendszer tartalomra utaló keretnevek alkalmazása: • Vizuális alapon és korszerű böngészővel nem érhet bennünket kudarc, de nézzük meg mit olvas egy vak látogató, ha egy ilyen oldalra érkezik:FRAME: frame1FRAME: main • Ha mindenképp ragaszkodunk a keretes rendszerhez, adjunk beszédes nevet, mind az aloldalaknak, mind a rájuk mutató fájloknak:FRAME: menüFRAME: tartalom Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

25. Hogyan teszteljünk? • többféle kijelzőn • LCD (LiquidCrystal Display – folyadékkristályos) • TFT (Thin Film Transistor) • DSTN (Dual-scanSuper Twisted Nematic; Double-layerSuperTwistNematic) • CRT (Cathode Ray Tube – katódsugárcsöves) • Gázplazmás • Mobiltelefon, PDA • többféle felbontásban (720x348 – 1600x1200) • többféle böngészővel – többféle verziójával(IE, Opera, Firefox, Safari, GoogleChrome, stb.) Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

26. Miért teszteljünk? • Helyesírás – ISO-8859-2 (magyar) • Navigáció (map), hivatkozások (linkek) • JavaScriptek, appletek [„Virtuális gép”] • „Piros x” szindróma (plug-in hiánya) • Filmszekvenciák • Teljes képernyős üzemmód • Windows-, illetve Unix-alapú platform [más-más filozófia szerint „gondolkodnak”] Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

27. Miként ellenőrizzünk? http://webxact.watchfire.com/ Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

28. Mire gondolok? Az elmondottak megfogadásával, s alkalmazásával MINDENKI számára, információvesztés nélkül elérhetővé válhatnak mind az interneten, mind a különböző adathordózókon (pl. pendrive, DVD, CD) található webes alkalmazások, illetve tananyagok. Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

29. Milyen legyen? Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

30. Milyen legyen? Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

31. Mi lebegjen a szemünk előtt? „Egy eszközön át látni és láttatni!” Bernáthné Székely Julianna halmozottan sérült, látásmaradvánnyal élő pedagógusnő 2005. évben az „Én és az ECDL” országos pályázat I. helyezettje Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

32. Köszönömmegtisztelőfigyelmüket! Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.

33. Várom a kérdéseket! URL: www.suli-soft-design.hue-mail: vigh.gyorgy@suli-soft-design.hu Vigh György: Webes alkalmazások akadálymentesítése Kaposvár, 2009.12.08.