A ryanair/hu honlap ergonómiai és akadálymentességi elemzése

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

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őiskolaInformatikai 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. 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 Ergonomikus, akadálymentes webcímű fakultatív tantárgy

7. 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 Ergonomikus, akadálymentes webcímű fakultatív tantárgy

8. 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 Ergonomikus, akadálymentes webcímű fakultatív tantárgy

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

10. Ergonómia • emberi tényező, összetevői • 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 9241-11 • „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 9126-1

11. Ergonómia • használhatósági faktorok • 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 • …

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. 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 Igények figyelembe vétele

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 • 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

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 5.4.6 projekt a GDF-en, http://gdf.hu/rolunk/projektek/tamop-546a-121-2013-0001, 2014.05.07. • ilias.gdf.hu -> Taneszköz tároló » TÁMOP-5.4.6.A-12/1-2013-0001 » 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, 2014.05.08. • PORTÁLELEMZÉS A WCAG 2.0 IRÁNYELVEK ALAPJÁN (IKB05), pdf, 2014.05.08. • Laufer László: Web használhatóság, http://erg.bme.hu/oktatas/tleir/GT521050/webusability9.pdf, 2014.05.07. • WCAG irányelvek, Web Akadálymentesítési Útmutató 2.0, http://www.w3c.hu/forditasok/WCAG20, 2014.05.08. • http://www.etudasportal.gov.hu/plugins/tudasportal/graph/fullscreenGraph.action?pageId=5406764, 2014.05.08. • Investigation into the accessibility of travel company websites, http://www.nomensa.com/insights/investigation-accessibility-travel-company-websites, 2014.05.07. • http://ryanair.com/hu weblap, 2014.05.09. • HTML validátor: http://validator.w3.org/check?uri=http%3A%2F%2Fwww.ryanair.com%2Fhu&charset=%28detect+automatically%29&doctype=Inline&group=0, 2014.05.09. • CSS validátor: http://jigsaw.w3.org/css-validator/validator?uri=http%3A%2F%2Fwww.ryanair.com%2Fhu&profile=css3&usermedium=all&warning=1&vextwarning=&lang=hu, 2014.05.09.

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