A http://www.ryanair.com/hu honlap ergonómiai és
akadálymentességi elemzése
Kaczur Sá[email protected]
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á[email protected]
2014.05.12.
Recommended