Az akadálymentesség az önálló használattal kezdődik
Egy weboldal akkor akadálymentes, ha az emberek eltérő képességeik és használati helyzeteik ellenére is megbízhatóan tudják kezelni. Ide tartoznak a vak és gyengénlátó, a siket, a mozgásukban vagy kognitív képességeikben korlátozott emberek, valamint sok idős felhasználó. Egy törött kéz, zajos környezet vagy lassú internetkapcsolat is megnehezítheti átmenetileg a használatot. Az akadálymentesség ezért nem egy kis, különleges csoportnak szól, hanem nagyon különböző emberek számára javítja a hozzáférést.
Az, hogy egy szolgáltatás valóban hozzáférhető-e, konkrét feladatok során derül ki. Megtalál-e valaki egy időpontot, el tud-e küldeni egy űrlapot vagy ki tud-e másolni egy telefonszámot anélkül, hogy elakadna a navigációban? Megérti-e, mely adatokat kell megadnia, és mi történik az elküldés után? Az akadálymentességre vonatkozó jó szándékú tájékoztatás keveset ér, ha fontos információk csak egy képen szerepelnek, vagy egy párbeszédablak egér nélkül nem zárható be.
Az üzemeltetőknek egy egyszerű nézőpontváltás segíthet: ne az egyes funkció, hanem a célhoz vezető teljes út álljon a középpontban. Egy jól olvasható kezdőlap nem elég, ha a rendelési folyamat érthetetlen marad. Ezért először a látogatók leggyakoribb és legfontosabb útvonalait vizsgálja meg. Az akadályok ezeken válnak különösen láthatóvá, és a fejlesztések itt növelik közvetlenül az önállóságot, a biztonságot és a bizalmat.
Az egyértelmű oldalszerkezet megbízható tájékozódást nyújt
Az emberek különböző módokon tekintik át a weboldalakat. Egyesek átfutják a címsorokat, mások erősen felnagyítják a tartalmat, a vak emberek pedig képernyőolvasóval olvastatják fel az elemeket. Az áttekinthető szerkezet mindegyik helyzetben segít. Minden oldalnak legyen jól felismerhető fő témája, a címsorok pedig tagolják értelmesen a tartalmat. Aki csak a címsorokat olvassa el, annak is meg kell értenie, miről van szó, és hol található a keresett információ.
Az ismétlődő területeknek is állandó helyre van szükségük. A logó, a fő navigáció, a keresés és a kapcsolatfelvétel helye vagy megnevezése ne változzon oldalról oldalra. A következetes elrendezés tehermentesíti azokat, akik nehezen tájékozódnak vagy megjegyzik a folyamatokat. Különösen hasznosak a beszédes oldalcímek és az aktuális terület látható jelölése. Így mindig felismerhető, hol jár a látogató, és hogyan térhet vissza egy fölérendelt témához.
Kerülje azokat az oldalakat, amelyeken sok, egyformán hangsúlyos felület verseng a figyelemért. Ha három reklámsáv, több csempe és egy automatikusan váltakozó kép egyszerre uralja a belépési pontot, nem világos, mi a legfontosabb. Rendezze a tartalmakat jelentőségük szerint, és adjon kiemelt helyet a legfontosabb műveletnek. A nyugodt hierarchia nemcsak a tájékozódást könnyíti meg, hanem gyorsabbá teszi a döntéseket és csökkenti a véletlen kattintások számát is.
Az olvasható kialakítás nem kényszerít találgatásra
A jó olvashatóságot megfelelő betűméret, jól felismerhető karakterformák, valamint elegendő sor- és bekezdésköz teremti meg. A nagyon vékony betű vagy a sűrűn szedett szöveg jó látás mellett is fárasztó lehet. Kis képernyőn a probléma még súlyosabb. A felhasználóknak úgy kell tudniuk nagyítani a szöveget, hogy a tartalom ne legyen levágva, és ne legyen szükség vízszintes görgetésre. Ezért ne csak a normál nézetet, hanem a jelentősen nagyított megjelenítést is ellenőrizze.
A szín támogathatja az információt, de nem hordozhatja egyedül. Előfordulhat, hogy a színtévesztő emberek nem ismerik fel a hibás űrlapmező körüli piros keretet. Egészítse ki érthető üzenettel, és egyértelműen jelölje meg az érintett mezőt. Ugyanez vonatkozik a diagramokra, állapotjelzőkre és a kijelölt menüpontokra. Minták, szimbólumok vagy szöveg biztosítják, hogy a jelentés pontos színérzékelés nélkül is megmaradjon.
A megfelelő kontraszt különböző fényviszonyok között is felismerhetővé teszi a szöveget, a gombokat és a beviteli mezőket. A fehér alapon világosszürke szöveg gyakran elegánsnak hat, de gyorsan olvashatatlanná válik. Különösen problémásak az apró megjegyzések, a helyőrzők és a képeken lévő feliratok. A kontrasztokat már a tervezéskor ellenőrizze, ne csak röviddel a közzététel előtt. Így a színek még módosíthatók anélkül, hogy egy kész arculatot kellene fáradságosan kijavítani.
Minden fontos funkciónak elérhetőnek kell lennie billentyűzettel
Nem mindenki tud biztonságosan egeret vagy érintőképernyőt használni. Vannak, akik kizárólag billentyűzetet, hangvezérlést vagy más beviteli eszközt használnak. Ezért a hivatkozásoknak, gomboknak, menüknek és űrlapmezőknek követhető sorrendben kell elérhetőnek lenniük. A Tab billentyű használatakor a fókusz kövesse az oldal látható felépítését. A rejtett területekre ugrás vagy egy összetevőn belüli körbe-körbe haladás a legegyszerűbb feladatokat is szükségtelenül megnehezíti.
Az aktuális fókusznak mindig jól láthatónak kell maradnia. Erre nem elegendő egy halvány árnyék, amely alig különbözik a háttértől. Aki billentyűzettel navigál, annak mindenkor fel kell ismernie, melyik elemet fogja aktiválni a következő billentyűleütés. Az alapértelmezett fókuszjelölést csak akkor távolítsa el, ha legalább ugyanilyen jól látható megoldással helyettesíti. Ez a menükre, a sütikről szóló párbeszédablakokra, a keresési javaslatokra és a felugró ablakokra is vonatkozik.
A legfontosabb útvonalakat egyszer teljes egészében próbálja végig egér nélkül. Nyissa meg a navigációt, válasszon ki egy szolgáltatást, töltsön ki egy űrlapot, és zárjon be minden párbeszédablakot. Figyeljen azokra a pontokra, ahol eltűnik a fókusz, vagy egy művelet csak húzással, pöccintéssel vagy rámutatással végezhető el. Ez az egyszerű próba sok olyan akadályt feltár, amely a megszokott egérhasználat során észrevétlen marad.
A közérthető tartalom gyorsabban vezet a megfelelő művelethez
Az akadálymentes tartalom korán közli, mit kell az olvasóknak tudniuk vagy tenniük. Kezdje a legfontosabb állítással, majd magyarázza el a szükséges részleteket. A hosszú bevezetések, a belső szakkifejezések és a homályos utalások megnehezítik a tájékozódást. A "További információt itt talál" helyett a hivatkozás nevezze meg a célját, például: "A lakhatási támogatás igényléséhez szükséges iratok". Így a jelentése akkor is érthető marad, ha a bekezdésből kiragadva olvassák fel.
A rövid mondatok hasznosak, de a közérthetőség nem jelenti azt, hogy minden tartalmat erősen le kell egyszerűsíteni. Az ismeretlen fogalmakat ott magyarázza el, ahol szükség van rájuk, és következetesen ugyanazt a megnevezést használja. Ha egy oldal felváltva beszél ügyfélfiókról, profilról és felhasználói területről, az szükségtelen bizonytalanságot kelt. A konkrét példák különösen határidők, feltételek vagy többértelmű döntések esetén segítenek, amennyiben nem helyettesítik magát a tartalmat.
A címsoroknak, feliratoknak és gomboknak megbízhatóan kell teljesíteniük a velük kapcsolatos várakozásokat. A "Tovább" feliratú gomb keveset árul el, az "Adatok ellenőrzése" viszont megmagyarázza a következő lépést. A figyelmeztetések nevezzék meg a problémát és a lehetséges megoldást. A barátságos, közvetlen megfogalmazás az olvasásban kevésbé gyakorlott embereket és az időnyomás alatt cselekvőket egyaránt segíti. A világos szöveg ezért a kezelés lényeges része, nem pedig utólagos nyelvi díszítés.
Az űrlapokhoz egyértelmű kérdések és hasznos visszajelzések kellenek
Az űrlapok azok közé a leggyakoribb pontok közé tartoznak, ahol az emberek elhagyják a weboldalt. Minden mezőhöz tartósan látható felirat kell, amely elmagyarázza a célját. A mezőben látható példa további segítséget adhat, de nem helyettesítheti a feliratot, mert gépeléskor eltűnik. Csak olyan adatokat kérjen, amelyek valóban szükségesek a folyamathoz. A rövidebb űrlapokat könnyebb megérteni, gyorsabb kitölteni, és kevesebb hibát okoznak.
A kötelező mezőknek és az elvárt formátumoknak már az adatbevitel előtt felismerhetőnek kell lenniük. Ha egy dátumot meghatározott formában kell megadni, mutasson érthető példát. Ahol lehetséges, fogadja el a szokásos változatokat ahelyett, hogy szóközök vagy kötőjelek miatt elutasítaná a felhasználót. Hosszabb folyamatoknál segít az egyértelmű folyamatjelző, ha megmutatja, melyik rész feldolgozása zajlik, és hány lépés van még hátra.
Hiba esetén az üzenetnek az érintett mező közelében kell megjelennie, és pontosan el kell magyaráznia, mit szükséges módosítani. Az "Érvénytelen adat" magára hagyja a felhasználót, a "Kérjük, az irányítószámot öt számjeggyel adja meg" viszont megoldást kínál. Az elküldés után egyértelmű megerősítésre is szükség van. Ebben szerepeljen, hogy az adatküldés sikeres volt-e, és mikorra várható válasz.
A képekhez, hanganyagokhoz és videókhoz egyenértékű hozzáférés szükséges
A képek gyakran olyan információt közvetítenek, amely hiányzik a környező szövegből. Ilyenkor a helyettesítő szöveg röviden leírja azt, ami az oldal célja szempontjából fontos. Egy csapat bemutatkozó oldalán szereplő fényképnél elegendő lehet a név és a munkakör. Egy diagram esetében viszont az állításnak és a lényeges értékeknek kép nélkül is hozzáférhetőnek kell lenniük. A tisztán dekoratív képeket a segítő technológiák hagyják ki, hogy ne hosszabbítsák meg a tartalmat értelmetlen fájlnevekkel vagy ismétlésekkel.
A videókhoz felirat szükséges az elhangzó tartalomhoz és a fontos hangokhoz. Ha a látható cselekvések nem derülnek ki a hangsávból, hangos leírásra is szükség lehet. Az átirat további hozzáférést biztosít, és megkönnyíti az egyes állítások visszakeresését. A feliratokat gondosan ellenőrizni kell, mert az automatikusan előállított változatok gyakran összekeverik a neveket, szakkifejezéseket vagy számokat, és ezzel megváltoztathatják a jelentést.
A média ne induljon el váratlanul hanggal. A mozgó tartalmat lehessen megállítani, ha hosszabb ideig elvonja a figyelmet vagy nehezíti az olvasást. Ügyeljen a gyorsan villogó hatásokra és a kapkodó átmenetekre is. Egy vezérlő csak akkor hasznos, ha a gombjain érthető felirat van, és billentyűzettel is elérhetők. Így a tartalom hallási, látási vagy koncentrációs nehézségekkel élő emberek számára is használható marad anélkül, hogy zavarná a többi látogatót.
A minőség kis képernyőkön különösen jól megmutatkozik
Sokan elsősorban okostelefonról látogatják a weboldalakat. Itt kevés hely, változó fényviszonyok és ujjal történő kezelés találkozik. Az érintési felületek ezért legyenek elég nagyok, és legyen közöttük megfelelő távolság. Egy párbeszédablak szélén elhelyezett apró bezárógomb szinte elérhetetlen lehet a mozgásukban korlátozott emberek számára. A jól elhelyezett, egyértelmű feliratú kezelőelemek megelőzik a nem szándékos műveleteket.
A tartalom úgy igazodjon a keskeny nézethez, hogy közben ne tűnjenek el fontos funkciók. Különösen a táblázatokat, térképeket, sütibeállításokat és többszintű navigációkat ellenőrizze. Ha egy információ csak akkor jelenik meg, amikor az egérmutató egy elem fölé kerül, érintőképernyős eszközökön teljesen hiányzik. Ugyanezt a funkciót tegye elérhetővé koppintással vagy látható hivatkozással, és gondoskodjon arról, hogy a megjelenő tartalom ismét könnyen bezárható legyen.
Az eszköz tájolását sem szabad alapos ok nélkül előírni. Vannak, akik rögzített tartóba helyezik táblagépüket vagy okostelefonjukat, és nem tudják elfordítani. Emiatt használhatatlanná válhat egy kizárólag álló tájolásban működő oldal. A rugalmas kialakítás kezdettől figyelembe veszi az ilyen helyzeteket, és összekapcsolja a mobil használhatóságot az akadálymentességgel ahelyett, hogy külön kezelné a két témát.
A valódi használati tesztek többet tárnak fel az automatikus ellenőrzéseknél
Az automatikus ellenőrző eszközök gyorsan megtalálhatják a hiányzó feliratokat, a gyenge kontrasztot és bizonyos szerkezeti hibákat. Hasznos kiindulópontot jelentenek, de nem ismerik fel, hogy egy navigáció érthető-e, vagy egy hibaüzenet valóban segít-e. Egy technikailag meglévő helyettesítő szöveg ettől még lehet haszontalan. Ezért az ilyen eszközök eredményeit jelzésként kell értelmezni, és olyan embereknek kell ellenőrizniük, akik meg tudják ítélni az oldal összefüggéseit.
Egészítse ki a műszaki ellenőrzést egyszerű kézi próbákkal. Nagyítsa fel az oldalt, kezelje kizárólag billentyűzettel, és hallgassa meg a legfontosabb területeket képernyőolvasóval. Még többet mondanak azok a tesztek, amelyeket a mindennapokban különböző segédeszközöket és stratégiákat használó emberekkel végeznek. Adjon nekik valós feladatot, például keressenek meg egy rendezvényt vagy küldjenek el egy megkeresést, és figyelje meg, hol akad el a tájékozódás vagy a cselekvés.
A visszajelzéseket hatásuk alapján kell értékelni. Egy hozzáférhetetlen foglalás vagy egy hiányzó egészségügyi információ sürgősebb egy kisebb térközhibánál. Rögzítse, melyik probléma melyik oldalon fordul elő, és mely felhasználókat érinti. A javítás után ugyanazt az útvonalat újra ellenőrizni kell. Így az általános észrevételek hosszú gyűjteményéből a tényleges használat követhető javulása lesz.
Az akadálymentesség akkor lesz tartós, ha egyértelmű a felelősség
Egy hozzáférhető weboldal nem egyszeri átdolgozás eredménye. Új tartalmak, funkciók és kampányok bármikor új akadályokat vezethetnek be. Ezért minden érintett szerepkörnek megfelelő felelősségre van szüksége. A szerkesztőségek a közérthető szövegekre és képleírásokra, a tervezőcsapatok a kontrasztokra és állapotokra, a fejlesztőcsapatok pedig a kezelésre és a műszaki szerkezetre figyelnek. Aki tartalmat hagy jóvá, annak tudnia kell, mely alapvető jellemzőket szükséges ellenőrizni a közzététel előtt.
Az akadálymentes sablonok és az újrafelhasználható összetevők hasznosak. Ha az űrlapok, párbeszédablakok és navigációk már megfelelően vannak kialakítva és ellenőrizve, a csapatoknak nem kell minden oldalon újra megoldaniuk ugyanazokat a problémákat. A szerkesztői felületek érthetően kérjék be a szükséges adatokat, például a helyettesítő szöveget. Ugyanakkor legyen lehetőség kivételekre, mert egy összetett diagram más leírást igényel, mint egy dekoratív fénykép. A jó alapok megkönnyítik a helyes megvalósítást a mindennapokban.
A legnagyobb gyakorlati előny akkor mutatkozik meg, ha a látogatók elkerülhető akadályok nélkül végezhetik el fontos feladataikat. Kezdje a leggyakrabban használt útvonalakkal, szüntesse meg a súlyos akadályokat, és valódi felhasználókkal ellenőrizze a hatást. Így lépésről lépésre nemcsak az egyes oldalak hozzáférhetősége, hanem az egész kínálat minősége is javul. Befogadó online jelenlét ott jön létre, ahol a közérthetőség, a kialakítás és a technika egyaránt az önálló használatot szolgálja.