Kaczur Sándor kaczur@gdf.hu 2014.05.12. A http://www.ryanair.com/hu honlap ergonómiai és akadálymentességi elemzése Kaczur Sándor kaczur@gdf.hu 2014.05.12.

Az előadások a következő témára: "Kaczur Sándor kaczur@gdf.hu 2014.05.12. A http://www.ryanair.com/hu honlap ergonómiai és akadálymentességi elemzése Kaczur Sándor kaczur@gdf.hu 2014.05.12."— Előadás másolata:

1 Kaczur Sándor kaczur@gdf.hu 2014.05.12.
A honlap ergonómiai és akadálymentességi elemzése Kaczur Sándor

2 Kaczur Sándor informatikus mérnök matematika-informatika szakos tanár
közoktatási vezető idegenvezető informatika Ph.D. folyamatban kaczursandor.hu Gábor Dénes Főiskola Informatikai Intézet

3 2010-ben

4 Investigation into the accessibility of travel company websites, 2010
„This piece of accessibility research identifies Ryanair as the worst travel company for providing their customers online with an accessible experience. Across the board, the top ten travel websites in the UK are falling short on accessibility. First Choice and Travelodge were rated the best of a bad bunch and even then failed to achieve even the basic level of web accessibility. Nomensa’s report looks at the UK’s top ten travel company websites, including; First Choice, Travelodge, lastminute.com, Easyjet, Thomson, Travel Republic, British Airways, Expedia, Thomas Cook and Ryanair.”

5 Bevezetés TÁMOP 5.4.6. projekt a GDF-en Képzők képzése: 2 tanár
„Az egyenlő esélyű hozzáférés biztosításához szükséges szakmai tudás terjesztése a Gábor Dénes Főiskolán” Résztvevő hallgatók, kollégák: 40 fő

6 Ergonomikus, akadálymentes web című fakultatív tantárgy
Tematika Bevezetés az esélyegyenlőséget szolgáló infokommunikációs technológiákba Alapfogalmak és alapproblémák a fogyatékosság különböző területein Hátrányos helyzetű felhasználók igényeinek, problémáinak ismertetése és megtapasztalása (érzékenyítés) Ismerkedés a hátrányos helyzetű felhasználók által használt speciális szoftver- és hardver eszközökkel A honlapkészítés ergonómiája, akadálymentes weboldalak készítése

7 Ergonomikus, akadálymentes web című fakultatív tantárgy
Tematika Honlapok akadálymentesen tartása Multimédiás tananyagkészítés hátrányos helyzetű felhasználók számára Portálelemzés a WCAG 2.0 irányelvek alapján Személyes találkozás fogyatékos személyekkel Kisfilmek, filmek, interjúk közös megtekintése és feldolgozása Technológiai trendek, érdekességek, kutatások Vizsgamunka elkészítése és bemutatása

8 Ergonomikus, akadálymentes web című fakultatív tantárgy
Tematika Honlapok akadálymentesen tartása Multimédiás tananyagkészítés hátrányos helyzetű felhasználók számára Portálelemzés a WCAG 2.0 irányelvek alapján Személyes találkozás fogyatékos személyekkel Kisfilmek, filmek, interjúk közös megtekintése és feldolgozása Technológiai trendek, érdekességek, kutatások Vizsgamunka elkészítése és bemutatása

9 Ergonómia Használhatóság „a web a platform, nem egy platform”

10 Ergonómia emberi tényező, összetevői használhatóság fizikai környezet
munkaszervezés és feladatok pszichológiai és szociális környezet használhatóság „Annak mértéke, ahogy a terméket meghatározott felhasználók meghatározott célokért eredményesen, hatékonyan és elégedetten használják egy adott környezetben.” , ISO „A szoftvertermék azon adottsága, hogy a felhasználó számára érthető, tanulható, használható és vonzó, amikor azt meghatározott feltételek mellett használja.”, ISO/IEC FDIS

11 Ergonómia használhatósági faktorok mockup megtanulhatóság hatékonyság
megjegyezhetőség hibák elégedettség mockup használhatósági modell

12 Ergonómia időkésleltetés, válaszidők az egyszerű a nagyszerű
túl hosszú, túl bonyolult Krug törvényei ne kényszeríts gondolkodni 3 gondolkodásmentes kattintás = 1 gondolkodást igénylő húzd ki a szavak felét az oldalon, majd a fennmaradó szavak felét navigáció: egyértelmű legyen, hogy mi a link és mi nem

13 Ergonómia a konkurencia egyetlen kattintásra van felhasználói élmény
minden zaj keresés útvonalmorzsa fülek nyitó oldal több körben kell tesztelni

14 Ergonómia Vizsgálati módszerek Analitikus módszerek
A felhasználók várható tevékenységének szimulálása Irányelv vizsgálat Heurisztikus módszerek Bejárások … Empirikus módszerek Az alkalmazást, vagy annak működő prototípusát vizsgáljuk Megfigyelés Használhatósági teszt

15

16

17

18

19

20

21

22

23 Akadálymentesség Web Akadálymentesítési Útmutató 2.0, 2008
Web Content Accessibility Guidelines (WCAG) 2.0 észlelhetőség működtethetőség érthetőség robosztusság

24 Igények figyelembe vétele
Fogyatékos személyek Vak felhasználók Gyengénlátó emberek Színtévesztő és színvak felhasználók Hallássérült emberek Mozgássérült felhasználók Epilepsziás emberek Értelmileg akadályozottak Technológiailag megkülönböztetettek Eltérő képernyőméret Elavult böngésző Gyenge hardver Speciális célcsoportok Gyerekek Idősek Alacsony képzettségűek Idegen nyelvek és kultúrák

25

26 Akadálymentesség 1. Észlelhetőség
1.1. Biztosítson szöveges alternatívát bármilyen nem szöveges formátumú tartalomhoz, annak érdekében, hogy az igényeknek megfelelő formára lehessen alakítani, úgy mint a nagybetű, a Braille-írás, a beszéd, a szimbólumok, vagy az egyszerűbb nyelv 1.2. Biztosítson alternatívákat a szinkronizált idő-alapú médiához 1.3. Információ- vagy szerkezetvesztés nélkül készítsen olyan tartalmat , amelyet különböző módokon lehet megjeleníteni (például: egyszerűbb elrendezés) 1.4. A felhasználók számára könnyítse a tartalom megtekintését, illetve hallását, beleértve az előtér és a háttér elválasztását

27 Akadálymentesség 2. Működtethetőség
2.1. Minden funkció legyen elérhető a billentyűzetről 2.2. Biztosítson a felhasználók számára elegendő időt, hogy elolvassák és használják a tartalmat 2.3. Ne legyen olyan tartalom, amről ismert, hogy rohamokat okozhat 2.4. Biztosítson a felhasználók számára segítséget a navigálásra, a tartalom megtalálására és a helyzetük meghatározására

28 Akadálymentesség 3. Érthetőség 4. Robusztusság
3.1. Tegye a szöveges tartalmat olvashatóvá és érthetővé 3.2. Tegye a honlapok megjelenését és működését kiszámíthatóvá 3.3. Segítse a felhasználókat a hibák elkerülésében és javításában 4. Robusztusság 4.1. Maximalizálja az összeférhetőséget a jelenlegi és jövőbeli felhasználói programokkal, beleértve a kisegítő technológiákat is

29 WCAG 2.0 A, AA, AAA szintű feltételek

30

31

32

33

34

35

36

37

38

39

40 2014-ben

41 Összegzés egyértelmű a fejlődés a honlapon
a 2010-ben jelzett problémák közel felét megoldották fontos ergonómia nem elsőrendű akadálymentesség

42 Irodalomjegyzék TÁMOP projekt a GDF-en, ilias.gdf.hu -> Taneszköz tároló » TÁMOP A-12/ » Az esélyegyenlőséget szolgáló info-kommunikációs technológiák, az Ergonomikus, akadálymentes web tantárgy anyaga A weblapkészítés ergonómiája, példák, elvek, módszerek és eszközök, pdf, PORTÁLELEMZÉS A WCAG 2.0 IRÁNYELVEK ALAPJÁN (IKB05), pdf, Laufer László: Web használhatóság, WCAG irányelvek, Web Akadálymentesítési Útmutató 2.0, Investigation into the accessibility of travel company websites, weblap, HTML validátor: %2Fhu&charset=%28detect+automatically%29&doctype=Inline&group=0, CSS validátor: ryanair.com%2Fhu&profile=css3&usermedium=all&warning=1&vextwarning=&lang=hu,

43 Kaczur Sándor kaczur@gdf.hu 2014.05.12.
A honlap ergonómiai és akadálymentességi elemzése Kaczur Sándor