Weboldal-használhatóság mindenkinek: a jó UX és az akadálymentesség kapcsolata
Miről lesz szó?
Egy weboldal akkor jó, ha nem gördít akadályt az elé, aki használni szeretné. Ez a mondat elsőre magától értetődőnek tűnik, mégis a legtöbb oldal éppen ezen bukik el: valakinek mindig nehézkes, lassú vagy egyenesen lehetetlen az, ami másnak gördülékeny. Az akadálymentesség és a jó felhasználói élmény ugyanannak a kérdésnek a két oldala, és aki az egyiket komolyan veszi, a másikban is előrelép.
A mindenki számára használható web fogalma
A “mindenki számára használható” nem szlogen, hanem egy nagyon konkrét mérce. Azt jelenti, hogy egy weboldal tartalmát és funkcióit fel tudja fogni, be tudja vinni és irányítani tudja az is, aki nem az átlagos, ideális körülmények között ül a képernyő előtt. Az átlagos felhasználó ugyanis egy kényelmes fikció: éles szemű, gyors kezű, jó internetkapcsolattal, csendes szobában, friss aggyal. A valóságban a látogatók töredéke felel meg ennek a képnek egy adott pillanatban, és senki sem felel meg neki egész nap, egész életében.
A használhatóság azt vizsgálja, hogy egy adott célt milyen könnyen lehet elérni: mennyi kattintás, mennyi gondolkodás, mennyi tévedés árán jut el valaki oda, ahová szeretett volna. Az akadálymentesség ezt a kérdést kiterjeszti azokra is, akiket a tervezés hajlamos elfelejteni. A kettő nem külön doboz, hanem egymásba folyik. Ha egy űrlap mezőit nem lehet billentyűzettel bejárni, az nemcsak a képernyőolvasót használó vak felhasználónak gond, hanem annak is, akinek épp nem működik az egere, vagy aki egyszerűen gyorsabb a billentyűzeten.
Fontos tisztázni egy tévhitet is. Sokan azt gondolják, hogy az akadálymentes oldal szükségszerűen csúnya, csupasz, kompromisszumokkal teli. Ez nem igaz. A jól megtervezett akadálymentesség láthatatlan: a felhasználó nem érzékeli, hogy valaki gondolt rá, csak azt, hogy minden a helyén van és működik. A rossz akadálymentesség feltűnő, a jó pedig természetes. Ez a különbség ugyanaz, mint egy jól megvilágított és egy vakítóan kivilágított terem között: az egyik segít látni, a másik csak zavar.
A nehézségbe ütköző felhasználók köre
Amikor akadályokról beszélünk, hajlamosak vagyunk egyetlen csoportra gondolni, pedig a kép sokkal szélesebb. Érdemes végigvenni, kik azok, akiknek a rosszul megtervezett oldal falat állít, mert a lista meglepően hosszú, és szinte mindenki szerepel rajta valamikor.
Tartós eltéréssel élők
- Gyengénlátók és vakok, akik nagyított szöveget, erős kontrasztot vagy képernyőolvasót használnak, amely felolvassa nekik a tartalmat.
- Mozgáskorlátozottak, akik egeret nem, csak billentyűzetet vagy más segédeszközt tudnak használni, és akiknek a pontos, apró kattintási célpontok kínszenvedést jelentenek.
- Kognitív eltéréssel élők, például diszlexiával, figyelemzavarral vagy tanulási nehézséggel, akiknek a zsúfolt, bonyolult, hosszú mondatokba fojtott oldal áttekinthetetlen.
- Hallássérültek, akiknek a videók felirat nélkül elveszett tartalmak.
Helyzetből fakadó akadályok
A leggyakrabban elfeledett csoport azoké, akiknek semmilyen tartós eltérésük nincs, mégis akadályba ütköznek, mert a körülmény ellenük dolgozik. Aki tűző napon, kültéren próbál kiolvasni egy halvány szürke szöveget világosszürke háttéren, az abban a pillanatban gyengénlátóként viselkedik. Aki egy zsúfolt buszon, egy kézzel kapaszkodva próbál végigpöckölni egy űrlapot, annak a mozgástere korlátozott. Aki lassú mobilneten vár egy nehéz oldalra, az idővel türelmét veszti, mielőtt egyáltalán látná a tartalmat. Aki idegen nyelvű környezetben, fáradtan, este próbál kitölteni egy hivatalos formanyomtatványt, annak a kognitív terhelése megnő.
Az idősödő felhasználók külön is említést érdemelnek, mert náluk gyakran több apró nehézség adódik össze: romló látás, lassuló kézmozgás, kevesebb rutin a digitális felületekkel. Egyikük sem nevezné magát fogyatékossággal élőnek, mégis pontosan az a tervezés segíti őket, amit az akadálymentesség jegyében készítünk. Ez a felismerés a kulcs: nem egy szűk kisebbségnek dolgozunk, hanem gyakorlatilag mindenkinek, élete valamely szakaszában vagy pillanatában.
A jó tervezés mindenkit segítő hatása
Az akadálymentes tervezés legszebb tulajdonsága, hogy az egy csoportnak szánt megoldás rendre az összes felhasználónak jó lesz. Ezt a jelenséget nevezik a szakmában járdaszegély-hatásnak: a lesüllyesztett járdaszegélyt eredetileg a kerekesszékeseknek találták ki, mégis hálás érte a babakocsit toló szülő, a gurulós bőröndöt húzó utazó és a rollerező gyerek is. A digitális térben ugyanez történik.
Vegyük a kontrasztot. Az erős, tiszta kontraszt a szöveg és a háttér között a gyengénlátóknak létszükséglet, de mindenki jobban jár vele: könnyebben olvasható napsütésben, olcsó kijelzőn, fáradt szemmel is. Vegyük a billentyűzet-navigációt. Aki egeret nem tud használni, annak ez az egyetlen út, de a haladó felhasználó is gyorsabb, ha nem kell folyton a mutatóért nyúlnia. Vegyük az érthető, egyszerű nyelvezetet. A kognitív eltéréssel élőnek ez teszi felfoghatóvá a tartalmat, de a siető, felületesen olvasó látogató, aki a valóságban a felhasználók többsége, szintén hálás érte.
A képek szöveges alternatívája, az alt-szöveg, jó példa arra, hogyan szolgál egyszerre több célt. A vak felhasználónak a képernyőolvasó ebből tudja megmondani, mi van a képen. Ám ugyanez a szöveg jelenik meg akkor is, ha a kép valamiért nem töltődik be lassú neten, és ugyanezt olvassák a keresőmotorok is, amikor megpróbálják megérteni, miről szól az oldal. Egyetlen jól megírt mondat három legyet üt egy csapásra. A jól strukturált címsorok, a logikus H1-H2-H3 hierarchia hasonlóan működik: a képernyőolvasó ezen ugrál végig, de a szemmel átfutó olvasó is ebből tájékozódik, hogy hol tart, és megéri-e tovább olvasnia. Ami az egyik felhasználónak elérhetőséget ad, a másiknak kényelmet, a harmadiknak sebességet.
A használhatóság és az akadálymentesség átfedése
Sokan úgy képzelik, hogy az akadálymentesség egy plusz réteg, amit a kész oldalra utólag rá lehet kenni, mint egy védőlakkot. A gyakorlat mást mutat. A leghatékonyabb megoldások éppen ott születnek, ahol a használhatóság és az akadálymentesség szempontjai a tervezés első percétől együtt dolgoznak, mert a kettő ugyanazokból az alapelvekből táplálkozik: legyen érthető, legyen kiszámítható, legyen megbocsátó a hibákkal szemben.
Az érthetőség mindkét oldalról ugyanaz a követelmény. Egy gombnak, amelynek felirata “Küldés”, pontosan azt kell csinálnia, amit ígér, és a felhasználónak látnia kell, hogy megnyomható. Ez a képernyőolvasónak is világos jelzés, meg a szemmel néző látogatónak is. A kiszámíthatóság szintén közös: ha a menü minden oldalon ugyanott van, azt a memóriájára hagyatkozó idős felhasználó és a türelmetlen fiatal egyaránt megköszöni. A megbocsátó tervezés, amely nem bünteti a tévedést, hanem érthetően jelzi és javíthatóvá teszi, a figyelemzavarral élőnek éppúgy segít, mint a kapkodó, este bejelentkező átlagembernek.
Van azért különbség a hangsúlyokban. A használhatóság gyakran az átlagos felhasználó gyorsaságát és elégedettségét méri, míg az akadálymentesség azt kérdezi, egyáltalán képes-e a feladatot elvégezni az is, aki a peremen van. A kettő közötti feszültség ritka, de létezik: néha egy vizuálisan letisztult, minimalista megoldás rosszul viselkedik képernyőolvasóval, ha a tervező csak a látványra figyelt. Épp ezért nem elég szépnek lenni. A cél az, hogy az oldal jól nézzen ki, gyorsan működjön, és közben senkit ne zárjon ki. Ez nem három egymással versengő igény, hanem egyetlen jól végzett munka három nézőpontból.
A jogi háttér és a vállalati felelősség
Az akadálymentesség régóta nem csupán jó szándék kérdése, hanem egyre inkább kötelezettség is. Nemzetközi szinten a legszélesebb körben elfogadott mérce a WCAG, azaz a webes tartalmak akadálymentesítési irányelvei, amely konkrét, ellenőrizhető kritériumokba önti, mit jelent egy oldal hozzáférhetősége. A WCAG szintekbe rendezi az elvárásokat, és a legtöbb szabályozás valamelyik szintjét teszi hivatkozási alappá. Nem elvont filozófia: mérhető dolgokról szól, mint a kontrasztarány, a billentyűzettel való elérhetőség vagy a szöveges alternatívák megléte.
Az Európai Unió az elmúlt években több lépésben szigorította az elvárásokat. A közszféra oldalaira és mobilalkalmazásaira már régebb óta vonatkoznak kötelezettségek, az újabb szabályozás pedig fokozatosan a magánszektor egy jelentős részét is bevonja, különösen azokat a szolgáltatásokat, amelyek széles közönséget érintenek. Magyarországon ezek az uniós irányok a hazai jogba is beépülnek, így a cégeknek egyre kevésbé választás, sokkal inkább elvárás, hogy a vonatkozó akadálymentesítési jogszabályokat kövessék a webes felületeik kialakításakor. A részletek és a határidők folyamatosan alakulnak, ezért érdemes a konkrét kötelezettségeknek időről időre utánanézni, semmint egyszer s mindenkorra elintézettnek tekinteni.
A jogi kényszer mellett érdemes látni a józan üzleti oldalt is. Egy akadálymentes oldal szélesebb közönséget ér el, kevesebb látogatót veszít el a legelső akadálynál, és megbízhatóbb benyomást kelt. A hozzáférhetőségre fordított figyelem a márka komolyságáról árulkodik. Nem ígér csodát, és nem helyettesíti a jó terméket vagy szolgáltatást, de eltávolít egy sor felesleges súrlódást a felhasználó és a cél között. Aki ezt korán beépíti a munkafolyamatába, annak sokkal olcsóbb, mint aki utólag, panaszok vagy jogi nyomás hatására próbálja meg ráncba szedni a kész rendszert.
Felismerhető jelek egy hétköznapi oldalon
Nem kell szakértőnek lenni ahhoz, hogy valaki megérezze, egy oldal gondol-e a felhasználóira. Néhány egyszerű jel elárulja, hol tart egy weboldal a hozzáférhetőség és a használhatóság terén, és ezeket bárki felismeri, aki tudja, mire figyeljen.
Az első a szöveg olvashatósága. Ha a betűk elég nagyok, a sorok nem érnek végtelen hosszúságúra, és a szöveg jól elüt a háttértől, az jó jel. Ha hunyorogni kell, vagy a halvány szürke szöveg beleolvad a fehérbe, ott valaki elfelejtett a szemekre gondolni. A második a billentyűzet próbája. Érdemes egyszer csak a Tab billentyűvel végigjárni egy oldalt: ha látszik, hol áll épp a fókusz, és minden fontos elemhez el lehet jutni, az rendben van. Ha a fókusz eltűnik, vagy vannak elérhetetlen gombok, az akadály.
A harmadik a nyelv és a szerkezet. Az érthető, rövid mondatokból építkező, világos címsorokkal tagolt oldalon könnyű tájékozódni, míg a szakzsargonba fojtott, egybefolyó szövegfal mindenkit elfáraszt. A negyedik a hibakezelés. Egy jó űrlap nem csak annyit közöl, hogy valami elromlott, hanem megmondja, pontosan mi, és hogyan lehet helyrehozni. Az ötödik a mozgás és az idő. Ha valami magától pörög, villog vagy túl gyorsan eltűnik, mielőtt el lehetne olvasni, az sokakat kizár, a fényérzékenységgel élőktől a lassabban olvasókig.
Ezek a jelek együtt egy egyszerű képet adnak: az oldal a felhasználó oldalán áll-e, vagy a saját kényelmét helyezte előbbre. A jó weboldal nem azért használható mindenkinek, mert megpróbál mindenkinek megfelelni egyszerre, hanem mert néhány józan alapelvet következetesen betart. A hozzáférhetőség végső soron nem külön szakterület, hanem a figyelmesség egy formája, amely ott kezdődik, hogy a tervező feltételezi: a képernyő túloldalán egy valódi ember ül, aki nem feltétlenül olyan, mint ő, és mégis meg akarja találni, amit keres.
