Investigation into the accessibility of travel company websites, 2010
Download
Report
Transcript Investigation into the accessibility of travel company websites, 2010
A http://www.ryanair.com/hu
honlap ergonómiai és
akadálymentességi elemzése
Kaczur Sándor
[email protected]
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
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
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 Technológiailag
megkülönböztetettek
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
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
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-20130001, 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?p
ageId=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ándor
[email protected]
2014.05.12.