2025 nyarán lép életbe az Európai Únió termékeket és szolgáltatásokat kínáló cégeire vonatkozó Európai Akadálymentességi Irányelv. Összeszedtem az előírással kapcsolatos legfontosabb tudnivalókat.
Mi ez a szabályozás?
Ez egy uniós jogszabály, az Európai Akadálymentességi Irányelv (European Accessibility Act, röviden EAA), amely előírja, hogy egyes termékeknek és szolgáltatásoknak mindenki számára hozzáférhetőnek kell lenniük, különösen a fogyatékossággal élők számára.
Mikortól lesz kötelező?
2025. június 28-tól. Ettől a naptól kezdve az érintett új termékeket és szolgáltatásokat már akadálymentesen kell kínálni.
Mi a célja?
- Hogy a digitális világban (pl. weboldalak, mobilalkalmazások, e-kereskedelem) és a fizikai térben (pl. automaták, ügyfélszolgálatok) ne legyenek akadályok a fogyatékossággal élők előtt.
- Hogy az EU-ban egységes szabályok vonatkozzanak az akadálymentességre.
- Hogy a cégek is könnyebben tervezzenek, és ne kelljen országonként eltérő követelményekhez igazodniuk.
Kikre vonatkozik?
Olyan vállalkozásokra, közintézményekre és szolgáltatókra, akik az alábbiakat kínálják:
- Weboldalak és mobilalkalmazások
- E-kereskedelmi platformok (pl. webshopok)
- Banki szolgáltatások, például pénzkiadó automaták (ATM-ek)
- Közlekedési jegyautomaták
- E-könyvek és e-olvasók
- Hírközlési eszközök, például okostelefonok, TV-k, médialejátszók
Mit jelent az „akadálymentes” ebben az esetben?
Azt jelenti, hogy a szolgáltatás vagy termék úgy van kialakítva, hogy azt minden ember, beleértve a fogyatékossággal élőket is képes legyen önállóan használni. Nem plusz funkcióként, hanem alapkövetelményként kell kezelni.
Látássérült felhasználók (vakok, gyengénlátók):
- A weboldalaknak és mobilappoknak képernyőolvasó szoftverrel is működniük kell (pl. a szövegeket és gombokat a program hangosan felolvassa).
- A képekhez alternatív (alt) szöveget kell írni, hogy a képernyőolvasó el tudja magyarázni, mi van a képen.
- A színek nem lehetnek az egyetlen módjai az információközlésnek (pl. nem elég, ha csak piros vagy zöld valami).
- A szövegeknek kellően nagy kontrasztúaknak kell lenniük a háttérhez képest.
- A weboldal vagy app billentyűzettel is teljesen navigálható kell legyen, egér nélkül is.
Hallássérült felhasználók (siketek, nagyothallók):
- A videókhoz feliratot kell biztosítani (nem csak automatikusat, hanem pontosat).
- Az ügyfélszolgálatoknál lehetőség szerint legyen írásos kommunikációs csatorna (pl. chat, e-mail, SMS).
- Ha hangjelzést használ a rendszer (pl. csipogás egy hibánál), legyen vizuális visszajelzés is (pl. piros keret, szöveges hibaüzenet).
Mozgáskorlátozott felhasználók:
- Az online felületeken ne legyen szükség bonyolult egérmozdulatokra, húzásokra, vagy apró kattintható pontokra.
- Legyenek nagyobb, jól elkülönített gombok.
- Lehetővé kell tenni a billentyűzetes vagy alternatív beviteli eszközös használatot (pl. kapcsolóval, joystickkal).
- Automatáknál (pl. jegykiadó, pénzkiadó) legyen megfelelő magasságban elhelyezett kijelző, gomb stb., hogy kerekesszékből is elérhető legyen.
Értelmi vagy kognitív nehézségekkel élő felhasználók:
- Legyen egyszerű, világos nyelvezet, kerülve a bonyolult vagy jogi fogalmazást.
- Segít a vizuális visszacsatolás, pl. ikonok, színek, hangjelzések.
- A hibák javításához legyenek egyértelmű utasítások, például ha rossz formátumban ad meg valaki egy adatot (pl. irányítószám vagy e-mail cím).
Vannak kivételek?
Igen. A kisvállalkozások (10 fő alatti, alacsony árbevételű cégek) mentesülhetnek egyes kötelezettségek alól, de például állami vagy önkormányzati szervezetekre a szabályok minden esetben érvényesek.
Mire kell figyelni a gyakorlatban?
A 2025-ös Európai Akadálymentességi Irányelv (European Accessibility Act, röviden EAA) értelmében a weboldalaknak és mobilalkalmazásoknak az WCAG 2.1 AA (Web Content Accessibility Guidelines, szint AA) sztenderdet kell teljesíteniük.
A Web Content Accessibility Guidelines (WCAG) 2.1 egy nemzetközileg elfogadott szabvány, amit a W3C (World Wide Web Consortium) dolgozott ki. Az irányelv a "AA szint" teljesítését írja elő, ami a középső szint a három közül (A, AA, AAA).
Mit jelent a WCAG 2.1 AA szint egy weboldal esetében?
A WCAG 2.1 AA szint teljesítése egy weboldal esetén számos konkrét szempontnak való megfelelést jelent. Ezek a szempontok négy fő elv köré szerveződnek: érzékelhető, működtethető, érthető, és robusztus.
Az alábbiakban összeszedtem az AA szintre vonatkozó legfontosabb gyakorlati követelményeket:
1. Érzékelhető (Perceivable) - minden felhasználó érzékelni tudja az információt
Képek és médiák
- Minden nem dekorációs képhez tartozik alt attribútum.
- Dekorációs képekhez üres alt (alt="") vagy háttérképként vannak megadva.
- Videókhoz elérhetők feliratok.
- Hangalapú tartalomhoz van szöveges átirat.
Színek és kontraszt
- A szöveg és a háttér közötti kontraszt legalább 4.5:1 arányú.
- Az információ nem kizárólag színnel van jelölve (pl. hibaüzenet nem csak piros színnel).
Elrendezés és nagyítás
- Az oldal 200%-os nagyítás mellett is használható marad vízszintes görgetés nélkül.
- A tartalom logikai sorrendje megfelel a HTML szerkezetének.
2. Működtethető (Operable) - minden funkció használható legyen billentyűzettel is
Navigáció
- Az oldal minden funkciója használható csak billentyűzettel is (pl. Tab, Enter).
- A fókusz jól látható, ha egy elem aktív.
- Nincs olyan felület, ahonnan a fókusz nem vihető ki (nincs fókuszcsapda).
Linkek és gombok
- A linkek szövege önmagában is érthető (pl. „Bővebben a szolgáltatásokról”).
- Minden gomb és ikon tartalmaz jól értelmezhető szöveget vagy ARIA címkét.
Idő és mozgás
- Nincs automatikus időzített átváltás, vagy az leállítható.
- Nincsenek gyorsan villogó, zavaró elemek (3 Hz-nél gyorsabb villogás kerülendő).
3. Érthető (Understandable) - az oldal tartalma és működése könnyen érthető legyen
Tartalom és nyelv
- A HTML nyelvi beállítása meg van adva.
- Ha idegen nyelvű szöveg is van, az külön jelölve van a lang attribútummal.
Űrlapok
- Minden űrlapmezőhöz van egyértelmű címke (pl. „Email-cím”).
- Az űrlaphibák világosan jelzettek, és érthető szöveges magyarázat is tartozik hozzájuk.
- Hibás bevitelnél a felhasználó útmutatást kap a helyes formátumról.
Navigáció és viselkedés
- Az ismétlődő navigációs elemek minden oldalon következetesen jelennek meg.
- Az oldal működése kiszámítható, nem történik váratlan esemény (pl. automatikus átirányítás gombnyomásra).
4. Robusztus (Robust) - a weboldal különböző eszközökkel, segédeszközökkel is működjön
Kódminőség
- A HTML kód szintaktikailag helyes, valid (ellenőrizhető például validator.w3.org segítségével).
- Az űrlapelemek megfelelően vannak címkézve
A WCAG 2.1 A és AA szintű kritériumok teljes listája
Az A szinten 25 sikerkritérium van, az AA szinten pedig további 20 kritérium (beleértve az A szintet is), így az alábbi lista mindkét szint teljes követelményrendszerét lefedi.
Kritérium száma: 1.1.1
Szint: A
Név: Nem szöveges tartalom
Leírás: Képekhez, ikonokhoz és egyéb nem szöveges elemekhez biztosítani kell értelmezhető alternatív szöveget (alt szöveg), hogy képernyőolvasók is értelmezni tudják.
Kritérium száma: 1.2.1
Szint: A
Név: Csak audio és csak videó tartalom
Leírás: Ha az anyag csak hang vagy csak kép (pl. zenei felvétel vagy képes slideshow), akkor alternatív szöveges vagy vizuális megoldást kell biztosítani.
Kritérium száma: 1.2.2
Szint: A
Név: Felvett hanghoz felirat
Leírás: Előre rögzített videókhoz, melyeken beszéd hallható, biztosítani kell szöveges feliratot.
Kritérium száma: 1.2.3
Szint: A
Név: Audiovizuális tartalom leírása
Leírás: Videókhoz biztosítani kell hangos vagy szöveges leírást a vizuális elemekről, amennyiben azok fontosak a megértéshez.
Kritérium száma: 1.3.1
Szint: A
Név: Információ és kapcsolatok
Leírás: A tartalom legyen logikusan tagolt, strukturált (pl. helyes címhasználat, megfelelő táblázat és lista szerkezet), hogy segédeszközök könnyen értelmezzék.
Kritérium száma: 1.3.2
Szint: A
Név: Jelentés megőrzése
Leírás: A tartalom ne veszítse el jelentését, ha megváltozik a megjelenítése (például stílus vagy elrendezés módosul).
Kritérium száma: 1.4.1
Szint: A
Név: Használható szín
Leírás: Az információ ne kizárólag szín segítségével legyen közölve (például hibaüzenet ne csak pirossal jelezzen hibát).
Kritérium száma: 1.4.2
Szint: A
Név: Szöveg mérete állítható
Leírás: A felhasználók tudják a szövegméretet állítani anélkül, hogy az oldal használhatósága vagy tartalma sérülne.
Kritérium száma: 2.1.1
Szint: A
Név: Billentyűzet használata
Leírás: Az oldal összes funkciója legyen használható kizárólag billentyűzet segítségével (egér nélkül).
Kritérium száma: 2.1.2
Szint: A
Név: Nincs billentyűzet csapda
Leírás: A fókusz ne akadjon el egy adott részen, minden elemről lehessen tovább lépni billentyűzettel.
Kritérium száma: 2.2.1
Szint: A
Név: Időbeli korlátok
Leírás: Az oldalon ne legyen olyan időkorlát, amit a felhasználó nem tud növelni, leállítani vagy megkerülni.
Kritérium száma: 2.2.2
Szint: A
Név: Villogó tartalom
Leírás: Ne legyen az oldalon 3 Hz-nél gyorsabban villogó tartalom, hogy elkerülje az epilepsziás rohamokat.
Kritérium száma: 2.3.1
Szint: A
Név: Tartalom nem okoz epilepsziás rohamot
Leírás: Az oldal nem használhat olyan villogó mintákat vagy színeket, amik epilepsziát válthatnak ki.
Kritérium száma: 2.4.1
Szint: A
Név: Blokkolás elkerülése
Leírás: A fókusz vagy a nézet ne ugorjon el váratlanul, hogy ne zavarja meg a felhasználót.
Kritérium száma: 2.4.3
Szint: A
Név: Fókusz sorrend
Leírás: A billentyűzettel lépkedve a fókusz logikus és következetes sorrendben haladjon végig.
Kritérium száma: 2.4.4
Szint: A
Név: Linkek egyértelmű szövege
Leírás: A linkek szövege önmagában is érthető legyen, ne csak „kattints ide”.
Kritérium száma: 3.1.1
Szint: A
Név: Oldal nyelve
Leírás: Az oldal fő nyelve legyen megadva a HTML kódban (például
).
Kritérium száma: 3.2.1
Szint: A
Név: Elem viselkedésének következetessége
Leírás: A weboldal elemeinek viselkedése legyen kiszámítható, ne változzon váratlanul.
Kritérium száma: 3.2.2
Szint: A
Név: Oldal állapot változása
Leírás: Az oldal állapotának változása (pl. új tartalom betöltése) ne okozzon váratlan eseményeket.
Kritérium száma: 3.3.1
Szint: A
Név: Hibák azonosítása
Leírás: Az űrlapokban vagy interakciók során keletkező hibákat egyértelműen és érthetően jelezni kell.
Kritérium száma: 3.3.2
Szint: A
Név: Hibajavítás javaslata
Leírás: Ha van rá lehetőség, javaslatot kell adni a hibák kijavítására (pl. formátum helyesbítés).
Kritérium száma: 4.1.1
Szint: A
Név: Elemazonosítás
Leírás: A HTML elemek helyes és szabványos használata, hogy a segédeszközök felismerjék őket.
Kritérium száma: 4.1.2
Szint: A
Név: Név, szerep, érték
Leírás: A vezérlők (gombok, űrlap elemek) programozottan is legyenek értelmezhetők, például képernyőolvasók számára.
Kritérium száma: 1.2.4
Szint: AA
Név: Élő felirat
Leírás: Élő videók esetén élő, szöveges felirat biztosítása.
Kritérium száma: 1.2.5
Szint: AA
Név: Audió leírás előre rögzített videóhoz
Leírás: Előre felvett videóknál hangos vagy szöveges leírás a vizuális tartalomról.
Kritérium száma: 1.3.4
Szint: AA
Név: Tartalom orientáció
Leírás: A tartalom mind álló, mind fekvő nézetben használható legyen (különösen mobil eszközökön).
Kritérium száma: 1.3.5
Szint: AA
Név: Bemeneti cél meghatározása
Leírás: Űrlapmezőkhöz programozott jelentést kell rendelni (autocomplete, inputmode stb.), hogy a böngésző és segédeszközök értelmezzék.
Kritérium száma: 1.4.3
Szint: AA
Név: Kontraszt (minimum)
Leírás: A szöveg és a háttér kontrasztaránya legalább 4,5:1 legyen (kis betűméret esetén).
Kritérium száma: 1.4.4
Szint: AA
Név: Szöveg nagyítása
Leírás: A tartalom használható marad 200%-os nagyítás mellett vízszintes görgetés nélkül.
Kritérium száma: 1.4.5
Szint: AA
Név: Szöveg helyettesítése képpel
Leírás: Nem lehet kizárólag képet használni információ átadására, legyen hozzá szöveges alternatíva.
Kritérium száma: 1.4.10
Szint: AA
Név: Responsív újratördelés
Leírás: A tartalom ne igényeljen vízszintes görgetést 320 pixel széles nézetben (mobilon).
Kritérium száma: 1.4.11
Szint: AA
Név: Nem szöveges kontraszt
Leírás: UI elemek (pl. gombok, ikonok, fókusz) legalább 3:1 kontrasztban legyenek a háttérrel.
Kritérium száma: 1.4.12
Szint: AA
Név: Szövegtávolság
Leírás: Felhasználók tudjanak módosítani sortávolságot, betűközt anélkül, hogy az oldal töréseket szenvedne.
Kritérium száma: 1.4.13
Szint: AA
Név: Hover vagy fókusz tartalom
Leírás: Hover vagy fókusz hatására megjelenő tartalom látható marad, amíg a fókusz vagy az egér rajta van.
Kritérium száma: 2.4.5
Szint: AA
Név: Többféle mód az oldalak eléréséhez
Leírás: Az oldal többféle módon is elérhető legyen (pl. menü, kereső, sitemap).
Kritérium száma: 2.4.6
Szint: AA
Név: Fejlécek és címek
Leírás: Oldalak használjanak világos, jól strukturált címsorokat (H1, H2, stb.), hogy a tartalom könnyen áttekinthető legyen.
Kritérium száma: 2.4.7
Szint: AA
Név: Látható fókusz
Leírás: A fókuszban lévő elem vizuálisan is jól elkülönüljön (pl. keret, árnyék).
Kritérium száma: 3.1.2
Szint: AA
Név: Résznyelv megjelölése
Leírás: Ha az oldalon más nyelvű szöveg van, az legyen megjelölve a megfelelő lang attribútummal.
Kritérium száma: 3.2.3
Szint: AA
Név: Következetes navigáció
Leírás: Az oldal navigációs elemei minden oldalon következetesek legyenek.
Kritérium száma: 3.2.4
Szint: AA
Név: Következetes azonosítás
Leírás: Az azonos funkciók mindig azonos megjelenést kapjanak.
Kritérium száma: 3.3.3
Szint: AA
Név: Hibamegelőzés (minden típusú űrlap)
Leírás: Az űrlapok kitöltésekor a hibák megelőzése legyen elsődleges (pl. helyes mezőformátum segítése).
Kritérium száma: 3.3.4
Szint: AA
Név: Hibamegelőzés (jogi vagy pénzügyi űrlapok)
Leírás: Ha jogi vagy pénzügyi adatokat kér az űrlap, a felhasználó ellenőrizhesse, javíthassa adatait, mielőtt véglegesíti.
Kritérium száma: 4.1.3
Szint: AA
Név: Állapotváltozás jelezve
Leírás: Ha egy elem állapota változik (pl. legördülő menü kinyílik), az a segédeszközök számára programozottan is legyen jelölve (ARIA attribútumokkal).
Az akadálymentesítés nem csupán jogi elvárás, hanem tudatos, hosszú távú befektetés is. A cégek számára lehetőséget nyújt a piaci pozíciójuk erősítésére, a márka hitelességének növelésére, valamint egy nyitottabb és felelősségteljesebb arculat kialakítására. A Usernet webfejlesztő csapata támogatja ügyfeleit az akadálymentességi auditokban, valamint digitális termékeik akadálymentesítésében.
