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.

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

2010-ben

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.”

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ő

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

2014-ben

Ö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

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.

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.