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

A http://www.ryanair.com/hu honlap ergonómiai és

akadálymentességi elemzése

Kaczur Sándorkaczur@gdf.hu

2014.05.12.

Kaczur Sándor

informatikus mérnökmatematika-informatika szakos tanárközoktatási vezető idegenvezető informatika Ph.D. folyamatbankaczursandor.hu

Gábor Dénes FőiskolaInformatikai 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-enKé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 webcímű fakultatív tantárgy

TematikaBevezetés az esélyegyenlőséget szolgáló

infokommunikációs technológiákbaAlapfogalmak és alapproblémák a fogyatékosság

különböző területeinHá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ökkelA honlapkészítés ergonómiája, akadálymentes weboldalak

készítése

Ergonomikus, akadálymentes webcímű fakultatív tantárgy

TematikaHonlapok akadálymentesen tartásaMultimédiás tananyagkészítés hátrányos helyzetű

felhasználók számáraPortálelemzés a WCAG 2.0 irányelvek alapjánSzemélyes találkozás fogyatékos személyekkelKisfilmek, filmek, interjúk közös megtekintése és

feldolgozásaTechnológiai trendek, érdekességek, kutatásokVizsgamunka elkészítése és bemutatása

Ergonomikus, akadálymentes webcímű fakultatív tantárgy

TematikaHonlapok akadálymentesen tartásaMultimédiás tananyagkészítés hátrányos helyzetű

felhasználók számáraPortálelemzés a WCAG 2.0 irányelvek alapjánSzemélyes találkozás fogyatékos személyekkelKisfilmek, filmek, interjúk közös megtekintése és

feldolgozásaTechnológiai trendek, érdekességek, kutatásokVizsgamunka 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 fizikai környezetmunkaszervezés és feladatokpszicholó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 faktorokmegtanulhatósághatékonyságmegjegyezhetőséghibákelégedettség

mockuphasználhatósági modell

Ergonómia

időkésleltetés, válaszidőkaz egyszerű a nagyszerű

túl hosszú, túl bonyolultKrug törvényei

ne kényszeríts gondolkodni3 gondolkodásmentes kattintás = 1 gondolkodást

igénylőhúzd ki a szavak felét az oldalon, majd a fennmaradó

szavak felétnavigáció: egyértelmű legyen, hogy mi a link és

mi nem

Ergonómia

a konkurencia egyetlen kattintásra vanfelhasználói élményminden zajkeresésútvonalmorzsafüleknyitó oldaltöbb körben kell tesztelni

Ergonómia

Vizsgálati módszerekAnalitikus 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ódszerekAz 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, 2008Web Content Accessibility Guidelines

(WCAG) 2.0észlelhetőségműködtethetőségérthetőségrobosztusság

Igények figyelembe vétele

Fogyatékos személyekVak felhasználókGyengénlátó emberekSzíntévesztő és színvak

felhasználókHallássérült emberekMozgássérült

felhasználókEpilepsziás emberekÉrtelmileg

akadályozottak

Technológiailag megkülönböztetettekEltérő képernyőméretElavult böngészőGyenge hardver

Speciális célcsoportokGyerekek IdősekAlacsony képzettségűek Idegen nyelvek és kultúrák

Akadálymentesség

1. Észlelhetőség1.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ég2.1. Minden funkció legyen elérhető a billentyűzetről2.2. Biztosítson a felhasználók számára elegendő időt,

hogy elolvassák és használják a tartalmat2.3. Ne legyen olyan tartalom, amről ismert, hogy

rohamokat okozhat2.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ég3.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ág4.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 honlapona 2010-ben jelzett problémák közel felét

megoldottákfontos

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.

A http://www.ryanair.com/hu honlap ergonómiai és

akadálymentességi elemzése

Kaczur Sándorkaczur@gdf.hu

2014.05.12.