Két betűszó, amely csak a szakembereknek mond valamit. Te melyik betűszót érted?
- UX design jelentése felhasználói élmény,
- WCAG jelentése Web-akadálymentesítési útmutató
- Észlelhetőség: az információt olyan módon kell megjeleníteni, hogy azokat érzékelni tudjuk.
- Működtethetőség: a felhasználó felület minden része, ideértve a navigációt, működőképes legyen.
- Érthetőség: minden információnak és a honlap kezelési módjának érthetőnek kell lennie.
- Robusztussága weboldalnak elég robusztusnak kell lennie ahhoz, hogy – necsak a böngészők – hanem a kisegítő technológiák által is megbízhatóan értelmezhető legyen.
- Megadott képernyőkre terveznek, és figyelmen kívül hagyják a köztes méretű monitorokat.
- Elvárják a felhasználótól hogy ne fordítsa el a telefont vagy a tabletet hanem csak álló vagy fekvő helyzetben használja.
- A kevésbé fontos vezérlőelemek méreteit túlságosan lecsökkentik.
- idegen nyelvűként maradt szövegeket lefordítani
- a
tovább olvasom
gombokat akadálymentessé tenni - a hivatkozások szövegeit egyértelművé tenni
- grafikus címsorrendszert szemantikussá alakítani
- videókat feliratozni
- helyettesítő szövegeket megírni
- a linkek nincsenek megfelelőképp jelölve
- a címek és címsorok nem informatívak
- a navigáció inkonzisztens
- a HTML elemek hibás szemantikus használata
- böngésző alapértelmezett működésének felülírása kliens oldali programmal
- egér használatára alapozott műveletek
- ha nem akadálymentes, akkor számolni kell azzal, hogy diszkriminatív lesz: egyesek nem fogják tudni használni.
- ha akadálymentes, a web-akadálymentesítési szakértő alkalmazása elkerülhetetlen már a tervezés korai szakaszától kezdve.
Ha csak az egyiket értetted, érdemes megismerni a másikat, mivel komolyan összefüggnek egymással.
Akadálymentes felhasználói élmény
Egy ideális honlap robusztus: különböző böngészőkkel, különböző képességűek használják problémamentesen. Ez nemcsak azt jelenti, hogy sikeresen megtalálják az információkat, kitöltik az űrlapokat, hanem mindezt könnyen, szinte élményszerűen teszik.
A UX honlapok készítésekor tapasztalatból, teszteléssel biztosítják mindezt a felhasználóknak. Azonban tervezéskor néha csak az átlagos emberekre gondolnak, az attól eltérő képességűekre pedig nem.
Színtévesztők és az UX design
Kézenfekvő, hogy saját élményemet mutassam egy példán keresztül. Az egyik eltérésem az átlagostól, hogy színtévesztő vagyok, azaz bizonyos színárnyalatokat nehezen, másokat egyáltalán nem tudok megkülönböztetni. Egyszer egy UX tervezésű honlapon elküldtem volna az űrlapot, láthatóan valamit hibásan töltöttem ki. Nem kevés időt töltöttem azzal, hogy a halovány piros jelzést megtaláljam. De volt már időpontfoglaló is, ahol képtelen voltam kiválasztani a megfelelő időpontokat, mert éppen azt a színkombinációt használták, amit alig tudok megkülönböztetni.
Ezen diszkrimináció megszüntetését szolgálja a már említett WCAG, ahol az 1.4.1 sikerkritérium elvárása, hogy ne alapozzunk semmilyen információt kizárólag a színekre.
Minden tizedik férfitársam színtévesztő, de sokan nem is tudják magukról. Nem vagyunk fogyatékossággal élők sem, mégis fontos nekünk az akadálymentes honlap.
A színtévesztésnek vannak további következményei például a kontrasztigények. A WCAG tudományos kísérletek alapján konkrétan meghatározza a kontrasztarányt, amely az emberek többségének elfogadhatóan olvasható.
A WCAG alapelvei
A Web-akadálymentesítési útmutató a megfelelőségre koncentrál. Sikerkritériumokat kell teljesíteni, amelyek biztosítják, hogy minél szélesebb körben használható legyen a honlap.
Ebben a tekintetben a WCAG és a UX gyakorlatilag ugyanazt az alapelvet követik: figyelembe veszik a felhasználók képességeit.
Azért vannak mégis olyan UX honlapok, melyeken sokan elakadnak, mert a UX tervezők sokszor csak megadott sablonokat használnak. Az egyik ilyen sablon a képernyőméret. Néhány ezzel kapcsolatos UX hiba, amely sokunknak akadályt jelent:
Már a tervezésnél el kell kezdeni
Nem egyszer auditáltam már UX tervezésű honlapot, és mindig voltak benne komoly akadályok. A megrendelő nehéz helyzetbe került, mert általában nem lehet könnyen kijavítani. Az alábbi hibák általában könnyen kijavíthatók:
Azonban a legtöbb akadály mélyen, a tervezési szakaszban hozott döntés eredménye:
A felsoroltak alapján egyértelmű, hogy amikor valaki honlapot tervez, akkor el kell döntenie: vajon akadálymentes lesz-e.
Összefoglalás
- A WCAG a UX kiterjesztése azokra, akik az átlagtól eltérő képességekkel rendelkeznek.
- Ahogy a UX-sem egy
extra
, úgy a WCAG sem. A honlap projektjének kezdetétől figyelembe kell venni.
