Miért fontos az akadálymentes weboldal?

Egy weboldalt nem mindenki ugyanúgy használ. Van, aki egér helyett billentyűzettel navigál, más képernyőolvasó segítségével fér hozzá a tartalomhoz, és olyan felhasználó is akad, akinek a gyenge kontraszt, a túl apró szöveg vagy egy felirat nélküli videó okoz problémát.

Az akadálymentes weboldal célja, hogy ezek a különbségek ne akadályozzák az információk elérését vagy az oldal funkcióinak használatát. Az akadálymentesség ma már nem pusztán jó gyakorlat. A közszféra weboldalaira és mobilalkalmazásaira európai uniós követelmények vonatkoznak, 2025-től pedig bizonyos piaci szolgáltatások esetében is szélesebb körű akadálymentességi előírásokkal kell számolni.

Mit jelent az akadálymentes weboldal?

Az online térben ugyanúgy lehetnek akadályok, mint egy fizikai környezetben. Míg egy épületben például a lépcső nehezítheti meg a közlekedést, egy weboldalon egy rosszul kialakított menü, egy nem megfelelően címkézett űrlap vagy egy szöveges alternatíva nélküli kép okozhat problémát.

Egy kép megfelelő leírás nélkül nehezen értelmezhető lehet a képernyőolvasót használó ember számára. Egy kizárólag egérrel kezelhető menü kizárhatja azt, aki billentyűzettel navigál. Az alacsony kontrasztú feliratok megnehezíthetik az olvasást a gyengénlátóknak, egy felirat nélküli videóból pedig a siket és nagyothalló felhasználók maradhatnak ki.

A weboldal akadálymentesítésének célja, hogy az információk és funkciók a lehető legtöbb ember számára hozzáférhetők és használhatók legyenek, a képességeiktől és az általuk használt technológiától függetlenül.

Kinek segít a webes akadálymentesség?

Az akadálymentességet gyakran elsősorban a vak és gyengénlátó felhasználók igényeivel azonosítják, pedig ennél jóval több helyzetet érint. Segíthet többek között:

• vak és gyengénlátó embereknek;

• siket és nagyothalló felhasználóknak;

• mozgásukban korlátozott embereknek;

• kognitív vagy tanulási nehézséggel élőknek;

• bizonyos villogó vagy gyorsan változó tartalmakra érzékeny felhasználóknak;

• idősebb embereknek;

• valamint azoknak, akik átmeneti vagy az adott helyzetből adódó korlátozással használják az oldalt.

A felirat például nemcsak a hallássérült nézőknek hasznos: zajos környezetben vagy lenémított telefonon ugyanúgy megkönnyíti egy videó követését. Ha valaki sérülés miatt átmenetileg nem tud egeret használni, számára a billentyűzetes navigáció válhat nélkülözhetetlenné. Az akadálymentes tervezés ezért gyakran az általános felhasználói élményt is javítja.

Mitől lesz akadálymentes egy weboldal?

Az akadálymentesség nem egyetlen funkciót vagy beállítást jelent. Attól még nem lesz egy weboldal akadálymentes, hogy nagyobb betűméretet használ vagy minden képhez alt szöveget ad. A tartalomnak, a vizuális megjelenésnek, a navigációnak és az interaktív elemeknek együtt kell megfelelően működniük.

Billentyűzettel is használható

A weboldalnak egér nélkül, billentyűzettel navigálva is használhatónak kell lennie. Ez a gyakorlatban azt jelenti, hogy a menüpontok, linkek, gombok, űrlapmezők és más interaktív elemek billentyűzettel is elérhetők és működtethetők.

Annak is egyértelműen látszania kell, melyik elem van éppen fókuszban. Ha valaki a Tab billentyűvel halad végig egy űrlapon, de semmi nem jelzi az aktuálisan kijelölt mezőt vagy gombot, az oldal használata gyorsan nehézkessé válik.

A képeknek megfelelő szöveges alternatívájuk van

A tartalmi jelentéssel bíró képekhez megfelelő alternatív szöveget, vagyis alt szöveget kell megadni. A képernyőolvasók ezt használhatják arra, hogy a kép által közvetített információ a képet nem látó felhasználó számára is hozzáférhető legyen.

Az alt szöveg elsődleges feladata nem a kép SEO-célú leírása, hanem a kép funkciójának vagy lényegi információjának átadása. Nem minden képhez van szükség hosszú leírásra: egy dekorációs grafika más kezelést igényel, mint például egy diagram, amely a szöveg megértéséhez szükséges adatokat tartalmaz.

A videók és hanganyagok is hozzáférhetők

Ha egy videó beszédet vagy más lényeges hanginformációt tartalmaz, a felirat lehetővé teszi, hogy siket és nagyothalló felhasználók is követhessék. Egyes videóknál a vizuálisan közvetített információ hozzáférhetőségéről is gondoskodni kell. Ha például egy oktatóvideóban egy fontos művelet kizárólag a képen látható, ezt a képet nem látó felhasználók számára más módon is hozzáférhetővé kell tenni.

Megfelelő a színkontraszt és a vizuális megjelenítés

Egy halványszürke szöveg fehér háttéren esztétikusnak tűnhet, de sok felhasználó számára nehezen olvasható. A megfelelő kontraszt ezért az akadálymentes webdesign egyik alapvető szempontja. Információt sem célszerű kizárólag színnel közvetíteni. Ha például egy űrlapon a hibás mezőket csak piros szín jelöli, egyes felhasználók nem feltétlenül tudják azonosítani, hol van a probléma. Ilyenkor szöveges vagy más egyértelmű jelzésre is szükség lehet.

Átlátható a tartalom és a navigáció

Az akadálymentességhez a tartalom logikus felépítése is hozzátartozik. A megfelelő címsorstruktúra nem csupán vizuálisan tagolja a szöveget. A jól felépített HTML-címsorok a kisegítő technológiákat használó embereknek is segítenek megérteni az oldal szerkezetét és gyorsabban megtalálni a keresett tartalmat. Ugyanezért lényegesek az egyértelmű linkfeliratok, a megfelelően címkézett űrlapmezők és az érthető hibaüzenetek.

Együttműködik a kisegítő technológiákkal

Egy oldal vizuálisan hibátlannak tűnhet, miközben képernyőolvasóval nehezen vagy egyáltalán nem használható.

A megfelelő HTML-struktúra és szemantika segít abban, hogy a böngészők és a kisegítő technológiák helyesen értelmezzék a tartalmat, valamint az interaktív elemek szerepét és állapotát. Az akadálymentesség ezért nem ítélhető meg pusztán a weboldal megjelenése alapján.

Mit jelent a WCAG 2.2?

A webes akadálymentesség egyik legfontosabb nemzetközi szakmai referenciája a W3C által kidolgozott Web Content Accessibility Guidelines (WCAG). A WCAG 2.2 négy alapelv köré szervezi az akadálymentességi követelményeket.

Észlelhető

Az információkat olyan formában kell biztosítani, hogy a felhasználó érzékelni tudja őket. Ide tartozik például a képek szöveges alternatívája, a videók feliratozása, a megfelelő kontraszt és az olyan kialakítás, amely különböző megjelenítési körülmények között is használható marad.

Működtethető

A felhasználónak képesnek kell lennie a kezelőfelület használatára. Ehhez hozzátartozik a billentyűzetes működtethetőség, a megfelelő navigáció és fókuszkezelés, valamint az olyan megoldások kerülése, amelyek bizonyos felhasználók számára fizikailag nehezen vagy egyáltalán nem végrehajthatók.

Érthető

Nem elég hozzáférést biztosítani az információhoz: a tartalomnak és a kezelőfelület működésének érthetőnek is kell lennie. Ezt szolgálja többek között a következetes működés, az egyértelmű címkézés, illetve az, hogy az űrlapok kitöltésekor fellépő hibákat a rendszer világosan jelezze.

Robusztus

A tartalmat úgy kell kialakítani, hogy különböző böngészők, felhasználói programok és kisegítő technológiák is megbízhatóan értelmezhessék. Ehhez megfelelő technikai megvalósításra és szemantikus struktúrára van szükség.

A, AA és AAA megfelelési szintek

A WCAG sikerkritériumai három megfelelési szintre oszlanak: A, AA és AAA.

Az A szint az alapvető követelményeket tartalmazza, az AA további akadálymentességi feltételekkel egészíti ki ezeket, az AAA pedig a legmagasabb szintű követelményeket foglalja magában. Ez nem egyszerűen három általános minőségi fokozatot jelent. Egy konkrét weboldalnál azt kell megvizsgálni, hogy milyen követelmények vonatkoznak rá, és milyen felhasználói akadályokat kell megszüntetni.

Kinek kötelező az akadálymentes weboldal?

A jogi kötelezettség attól függ, milyen szervezetről és milyen szolgáltatásról van szó.

Közszférabeli weboldalak

Az Európai Unió 2016/2102 irányelve a közszférabeli szervezetek weboldalainak és mobilalkalmazásainak hozzáférhetőségére határoz meg követelményeket. A szabályozás szerint ezeknek az oldalaknak és alkalmazásoknak észlelhetőnek, működtethetőnek, érthetőnek és robusztusnak kell lenniük. A közszférabeli szervezeteknek akadálymentességi nyilatkozatot is biztosítaniuk kell, amely tájékoztatást ad a weboldal vagy mobilalkalmazás megfelelőségéről, valamint az esetlegesen nem hozzáférhető részekről.

Az Európai Akadálymentességi Irányelv hatálya alá tartozó szolgáltatások

Az akadálymentesség ma már nem kizárólag a közszférát érinti. Az Európai Akadálymentességi Irányelv – gyakran European Accessibility Act vagy EAA néven említik – bizonyos termékekre és fogyasztóknak nyújtott szolgáltatásokra is akadálymentességi követelményeket állapít meg. Szabályait 2025. június 28-tól kell alkalmazni.

A szabályozás többek között elektronikus hírközlési szolgáltatásokat, bizonyos személyszállítási szolgáltatásokat, lakossági banki szolgáltatásokat, e-könyveket és e-kereskedelmi szolgáltatásokat is érint. Egy magánvállalkozás esetében ezért nem lehet automatikusan abból kiindulni, hogy a webes akadálymentesség kizárólag önkéntes fejlesztés. A konkrét jogi kötelezettséget mindig az adott szervezet, szolgáltatás és az alkalmazandó szabályozás alapján kell megítélni.

Az akadálymentesség nem csak a fogyatékossággal élő felhasználóknak segít

Egy akadálymentesített honlap sok esetben mindenki számára könnyebben használható. A jó kontraszt például napsütésben, mobiltelefonon is segíthet. A felirat akkor is hasznos, ha valaki nem tudja bekapcsolni a hangot. Az átlátható navigáció, az egyértelmű űrlapok és a jól strukturált tartalom pedig szinte minden látogatónak megkönnyíti az oldal használatát.

Az akadálymentességet ezért célszerű a weboldal minőségének részeként kezelni, nem pedig utólag hozzáadott speciális funkcióként. A reszponzív kialakítás kapcsolódik ehhez, de a reszponzív weboldal és az akadálymentes weboldal nem ugyanaz. Attól, hogy egy honlap megfelelően alkalmazkodik a mobiltelefon képernyőjéhez, még lehetnek rajta billentyűzettel elérhetetlen funkciók, rossz kontrasztú elemek vagy képernyőolvasóval értelmezhetetlen részek.

Hogyan érdemes nekilátni egy weboldal akadálymentesítésének?

Egy meglévő weboldalnál célszerű először felmérni, milyen akadályok nehezítik jelenleg a használatot. Az automatikus ellenőrző eszközök sok technikai hibát képesek megtalálni, de önmagukban nem elegendők. Egy program például észlelheti, hogy egy kép rendelkezik-e alt attribútummal, azt viszont nem feltétlenül tudja eldönteni, hogy a megadott szöveg valóban átadja-e a kép lényegi információját. Ezért az automatikus teszteket manuális ellenőrzéssel is érdemes kiegészíteni. A vizsgálat része lehet például:

• a teljes oldal bejárása kizárólag billentyűzettel;

• a fókusz sorrendjének és láthatóságának ellenőrzése;

• a címsorok és az oldalstruktúra vizsgálata;

• az űrlapok címkéinek és hibaüzeneteinek ellenőrzése;

• a képek szöveges alternatíváinak áttekintése;

• a színkontraszt vizsgálata;

• a fontos felhasználói folyamatok tesztelése kisegítő technológiákkal.

Az akadálymentesítés nem egyszeri projekt. Egy megfelelően elkészített weboldalra később is kerülhet olyan új kép, videó, űrlap, dokumentum vagy funkció, amely új akadályokat hoz létre. A legjobb eredmény akkor érhető el, ha az akadálymentesség már a tervezés, a fejlesztés és a tartalomkészítés során is szempont, majd a weboldal későbbi karbantartásának is része marad.