Akadálymentességi törvény webshopnak: WCAG 2.1 AA és ellenőrzőlista

Röviden: 2025. június 28. óta a fogyasztóknak eladó webshopoknak akadálymentesnek kell lenniük a 2022. évi XVII. törvény szerint, vagyis a látás-, hallás- vagy mozgáskorlátozott vásárló is meg kell tudja találni a terméket, kosárba tenni és kifizetni. Mentesül a mikrovállalkozás: 10 főnél kevesebb foglalkoztatott és legfeljebb 2 millió eurónak megfelelő forint árbevétel vagy mérlegfőösszeg. A gyakorlati mérce a WCAG 2.1 AA szint.

A cikket a CloudCart, a bolgár fejlesztésű webáruház rendszer csapata írta. A jogszabályi részek a 2022. évi XVII. törvény és a végrehajtásáról szóló 605/2022. (XII. 28.) Korm. rendelet hatályos szövegén alapulnak, a szabványok a W3C és az ETSI eredeti dokumentumain. A cikk nem jogi tanácsadás: hogy a vállalkozása mentesül-e, azt ügyvéddel vagy könyvelővel erősítse meg.

Mi az európai akadálymentességi irányelv (EAA), és melyik a magyar törvény?

Az európai akadálymentességi irányelv (European Accessibility Act, EAA) az (EU) 2019/882 irányelv a termékek és szolgáltatások akadálymentességi követelményeiről. Az egész EU-ban azonos alapszabályokat ad, a tagállamok saját törvénnyel ültetik át.

Magyarországon az irányelvet a termékekre és a szolgáltatásokra vonatkozó akadálymentességi követelményeknek való megfelelés általános szabályairól szóló 2022. évi XVII. törvény (a gyakorlatban: akadálymentességi törvény) ülteti át. A törvény 10. §-a szerint 2025. június 28-án lépett hatályba, és 1. § (2) bekezdése kifejezetten felsorolja az e-kereskedelmi szolgáltatásokat. A hatóságot és a bírság szabályait a 605/2022. (XII. 28.) Korm. rendelet adja, amely szintén 2025. június 28-tól alkalmazandó.

Egy weboldal akkor akadálymentes (angolul accessible), ha a látássérült, hallássérült, mozgáskorlátozott vagy kognitív nehézséggel élő ember is végig tudja vinni a vásárlást. A segítő technológiák közé tartozik a képernyőolvasó, amely felolvassa az oldalt, a csak billentyűzettel történő kezelés, a képernyőnagyítás és a hangvezérlés.

Melyik webshopra vonatkozik az akadálymentességi törvény?

A törvény minden olyan webshopra vonatkozik, amely távolról ad el fogyasztóknak, és nem mikrovállalkozás üzemelteti. A 2. § 11. pontja szerint e-kereskedelmi szolgáltatás az a weboldalon vagy mobilalkalmazáson keresztül, távolról, elektronikus úton, a fogyasztó egyéni kérésére, fogyasztói szerződés megkötése céljából nyújtott szolgáltatás.

A weboldal és a mobilalkalmazás egyformán a hatály alá tartozik, bármit árul is a webshop. Fogyasztó a 2. § 14. pontja szerint az a természetes személy, aki a szakmáján vagy üzleti tevékenységén kívül vásárol. Ha kizárólag cégeknek ad el (B2B), ügyvéddel nézesse meg, hogy a webshop a hatály alá esik-e, mert a meghatározás fogyasztói szerződésről szól.

A felelős a szolgáltató, vagyis az a vállalkozás, amely a webshopban elad. A 3. § (1) bekezdése szerint csak a követelményeknek megfelelő szolgáltatás nyújtható, a 3. § (4) bekezdése szerint akkor is, ha a szolgáltatás egy részét alvállalkozó végzi. A 3. § (2) bekezdése a munkatársak folyamatos képzését is előírja.

Mikor mentesül a mikrovállalkozás?

A szolgáltatást nyújtó mikrovállalkozásnak nem kell megfelelnie a törvény 1. melléklet 3. és 4. pontja szerinti akadálymentességi követelményeknek, és mentesül a kapcsolódó kötelezettségek alól (3. § (3)). Mikrovállalkozás a 2. § 28. pontja szerint az a vállalkozás, amely 10 főnél kevesebb személyt foglalkoztat, és éves nettó árbevétele vagy mérlegfőösszege legfeljebb 2 millió eurónak megfelelő forintösszeg.

Az Ön vállalkozása	Foglalkoztatottak	Árbevétel vagy mérlegfőösszeg	Köteles-e?
Egyéni vállalkozó vagy kft. 3 munkatárssal	3	A 2 millió eurónak megfelelő összeg alatt	Nem, mikrovállalkozás
Webshop 9 munkatárssal	9	Árbevétel a határ felett, mérlegfőösszeg alatta	Nem, a mérlegfőösszeg a határ alatt van
Webshop 12 munkatárssal	12	A határ alatt	Igen, 10 vagy több a foglalkoztatott
Webshop 6 munkatárssal	6	Árbevétel és mérlegfőösszeg is a határ felett	Igen, mindkét értékhatárt átlépte

Ha a vállalkozás a határ felé nő, készítse fel előre a webshopot.

Mit ír elő a törvény pontosan egy webshopnak?

A törvény a szolgáltatás akadálymentességi követelményeit az 1. mellékletben sorolja fel. A weboldalnak és a mobilalkalmazásnak az irányelv négy elve szerint észlelhetőnek, kezelhetőnek, érthetőnek és robusztusnak kell lennie, ugyanaz a négy elv, amelyre a WCAG épül.

Az e-kereskedelmi szolgáltatásoknál az irányelv három konkrét elvárást tesz hozzá:

1. Információ a termékek akadálymentességéről. Ha a gyártó vagy az importőr ilyen információt adott, a webshop megjeleníti.
2. Akadálymentes azonosítás, biztonság és fizetés. A szolgáltatás részét képező belépési, biztonsági és fizetési funkcióknak akadálymentesnek kell lenniük.
3. Akadálymentes fizetési és azonosítási módok. Az azonosítási módszerek, az elektronikus aláírás és a fizetési szolgáltatások észlelhetők, kezelhetők, érthetők és robusztusak.

Ide tartozik a megfelelő betűméret, az elegendő kontraszt és a szöveges alternatíva minden nem szöveges tartalomhoz, vagyis alt szöveg minden képen.

Az akadálymentességi tájékoztató az ÁSZF-ben

A 6. § (1) bekezdése és a 3. melléklet szerint a szolgáltató leírja és dokumentálja, hogyan felel meg a webshop a követelményeknek. Az információ az általános szerződési feltételekben vagy egy azzal egyenértékű dokumentumban szerepel, és tartalmazza a szolgáltatás általános leírását akadálymentes formában, a működés megértéséhez szükséges magyarázatot és azt, hogyan teljesülnek a követelmények. A dokumentációt írásos és szóbeli formában, akadálymentesen kell közzétenni, és a szolgáltatás teljes ideje alatt meg kell őrizni.

Kényelmes megoldás egy külön „Akadálymentesség” oldal, amelyre az ÁSZF hivatkozik. Ezen írja le, melyik szabványt követi, mit ellenőrzött, és hogyan jelezheti a vásárló, ha valami nem működik. Az ÁSZF kötelező tartalmát az ÁSZF mintáról szóló cikk, a vásárló elállási jogát az elállási jogról és a szavatosságról szóló cikk írja le.

Mikor hivatkozhat aránytalan teherre?

Az 5. § (1) bekezdése szerint a követelmények nem kötelezők, ha a szolgáltatás alapvető jellegét megváltoztató módosítást igényelnének, vagy aránytalan terhet rónának a vállalkozásra. A hivatkozásnak feltétele van: írásos, indokolt értékelés a 2. melléklet szempontjai szerint (5. § (4)), bejelentés a hatóságnak (5. § (3)), az értékelés felülvizsgálata legalább ötévente (5. § (6)) és megőrzése 5 évig (5. § (7)). Ha a vállalkozás külső forrást kap az akadálymentesítésre, erre a kivételre nem hivatkozhat (5. § (2)).

WCAG 2.1 AA vagy EN 301 549: melyik szabványt kövesse?

Egy webshopnál a gyakorlati mérce a WCAG 2.1 AA szint. A törvény 4. § (1) bekezdése szerint az a szolgáltatás, amely megfelel az Európai Unió Hivatalos Lapjában közzétett harmonizált szabványoknak, vélelmezetten teljesíti az általuk lefedett követelményeket. Az informatikai termékek és szolgáltatások európai akadálymentességi szabványa az EN 301 549. Hogy melyik változatára hivatkozik a 2019/882 irányelv, azt a Hivatalos Lapban érdemes ellenőrizni.

Az EN 301 549 V3.2.1 (ETSI) 9.0 pontja kimondja, hogy a WCAG 2.1 AA szintnek való megfelelés egyenértékű a weboldalakra vonatkozó pontoknak (9.1-9.4 és 9.6) való megfeleléssel. Ha tehát a webshop teljesíti a W3C WCAG 2.1 A és AA szintű sikerkritériumait, lefedi a szabvány webes részét.

Fogalom	Mi ez	Mit jelent a webshopnak
EAA ((EU) 2019/882 irányelv)	Az európai akadálymentességi irányelv	Közös célok minden uniós tagállamban
2022. évi XVII. törvény	A magyar akadálymentességi törvény, 2025. június 28-tól hatályos	A kötelezettségek, a kivételek és az ellenőrzés Magyarországon
605/2022. (XII. 28.) Korm. rendelet	A törvény végrehajtási rendelete	Melyik hatóság ellenőriz, mekkora a bírság
EN 301 549	Európai szabvány az informatikai termékek és szolgáltatások akadálymentességére	Műszaki követelmények a weboldalra, az alkalmazásra és a dokumentumokra
WCAG 2.1 AA	A W3C irányelvei a webes tartalom akadálymentességéről	Mérhető kritériumok: kontraszt, alt szöveg, billentyűzet, űrlapok

Akadálymentességi ellenőrzőlista webshopnak

A webshopok leggyakoribb akadálymentességi hibái hat területre esnek: kontraszt, alt szöveg, billentyűzet, űrlapok, nagyítás és nyelv.

Terület	WCAG 2.1 kritérium	Követelmény	Hol a webshopban
Szövegkontraszt	1.4.3 (AA)	Legalább 4.5:1 normál szövegnél, 3:1 nagy szövegnél	Árak, gombok, szöveg a bannereken, promóciós sáv
Nem szöveges kontraszt	1.4.11 (AA)	Legalább 3:1 a mezők keretén, az ikonokon és a gombok állapotain	Pénztár mezői, kosár ikon, méretválasztó
Szöveges alternatíva	1.1.1 (A)	Minden nem szöveges tartalomnak azonos célú szövege van	Termékképek, bannerek, felirat nélküli ikonok
Billentyűzet	2.1.1 (A)	Minden funkció működik csak billentyűzettel	Menü, szűrők, galéria, kosár, fizetés
Látható fókusz	2.4.7 (AA)	Látszik, melyik elemen van a fókusz	Minden link, gomb és mező
Címkék a mezőkön	3.3.2 (A)	Minden mezőnek címkéje vagy utasítása van	Regisztráció, szállítási cím, hírlevél
Hibák az űrlapon	3.3.1 (A)	A hibás mező meg van jelölve, a hiba szövegesen le van írva	Pénztár, belépés, kuponkód
Szöveg nagyítása	1.4.4 (AA)	A szöveg 200%-ig nagyítható tartalomvesztés nélkül	Termékoldal, kosár
Újrarendeződés	1.4.10 (AA)	Nincs vízszintes görgetés 320 CSS pixel szélességnél	Mobilnézet, mérettáblázatok
Az oldal nyelve	3.1.1 (A)	Az oldal nyelve programból felismerhető	A lang attribútum, minden nyelvi változat

Kontraszt és színek

A kontraszt a szöveg és a háttér fényerejének aránya, 1:1-től (nincs különbség) 21:1-ig (fekete a fehéren). A világosszürke szöveg fehér alapon és a fehér szöveg pasztell banneren gyakran 4.5:1 alá esik. Ha az elfogyott méretet csak szürkítéssel jelzi, írja mellé szövegesen is: „elfogyott”.

A CloudCartban a sablon színeit a Dizájn → Színek és betűtípusok menüben módosítja, jobb oldalon az élő webshop előnézetével. Itt állítja a szöveg, a gombok, a fejléc és a lábléc színét, kódolás nélkül. A sablonok és a szerkesztő a webshop dizájnjáról szóló oldalon láthatók.

Alt szöveg a képeken

Az alt szöveg (alternatív szöveg) a kép rövid leírása, amelyet a képernyőolvasó felolvas annak, aki nem látja a képet. A jó alt szöveg úgy írja le a terméket, ahogy telefonon mondaná el: „fekete bőr válltáska, elölnézet”. A díszítő, információt nem hordozó elemek leírás nélkül maradnak.

A CloudCartban az Image Health alkalmazás (Alkalmazások → Image Health) átvizsgálja a katalógust, megkeresi az alt szöveg nélküli képeket, és AI-jal generált szöveget javasol. Semmi nem változik, amíg az Apply gombot meg nem nyomja, az „Alt text for the whole catalog” kártya pedig a teljes katalógusra elkészíti a szövegeket, a legkelendőbb termékekkel kezdve. Minden generált szöveg 1 kreditbe kerül, a webshop havonta 50 kreditet kap, amelyen a képellenőrzésekkel osztozik. Az alt szöveg a keresőoptimalizálásnak is segít, ezért a CloudCart SEO eszközeinek is része.

Billentyűzet és fókusz

Aki nem használ egeret, a Tab és a Shift+Tab billentyűvel lép az oldalon, az Enterrel vagy a szóközzel nyom meg egy gombot, és az Esc billentyűvel zár be egy ablakot. Külön nézze meg a felugró ablakokat, az egérrámutatásra nyíló menüket és a képgalériákat. Ha a hírlevél-feliratkozás ablaka billentyűzettel nem zárható be, a vásárló nem jut el a kosárig.

A sütisávot, a chatet és a feliratkozási ablakokat is billentyűzettel kell tudni bezárni. A sütisáv GDPR szerinti beállítását az adatvédelmi tájékoztatóról és a sütisávról szóló cikk írja le.

Űrlapok és pénztár

A pénztár az a pont, ahol a nem akadálymentes webshop elveszíti a rendelést. Minden mező fölött vagy mellett látható címke áll („Telefonszám”, „Település”), mert a mezőben lévő helykitöltő szöveg gépeléskor eltűnik. A hibát a mező mellett szavakkal is mondja ki („Adja meg a 4 jegyű irányítószámot”), ne csak piros kerettel. A kötelező mezőket szöveggel jelölje.

A fizetési lépést az irányelv kifejezetten említi, ezért ellenőrizze külön. A digitális pénztárcás fizetés (Apple Pay, Google Pay) megspórolja a 16 jegyű kártyaszám begépelését, ami főleg a mozgáskorlátozott vásárlónak segít. A CloudCart rendelési folyamatát a CloudCart pénztáráról szóló oldal mutatja be.

Mobilnézet és nagyítás

Az újrarendeződés kritériuma (1.4.10) szerint a tartalom 320 CSS pixel szélességnél is olvasható vízszintes görgetés nélkül, a nagyítás kritériuma (1.4.4) szerint a szöveg 200%-ig nagyítható. Ha a webshop jól működik telefonon, ezeknek az ellenőrzéseknek nagy része már teljesül.

Hogyan tesztelje a webshop akadálymentességét?

Az akadálymentességet három szinten érdemes tesztelni: automatikus ellenőrzővel, kézi billentyűzetes próbával és képernyőolvasóval. Az automatikus eszközök a hibáknak csak egy részét találják meg.

1. Válasszon ki 5 kulcsoldalt. Főoldal, kategória, termékoldal, kosár és a pénztár a fizetés előtti utolsó lépésig.
2. Futtasson automatikus ellenőrzést. A Chrome-ban nyissa meg a DevTools → Lighthouse részt, és válassza az Accessibility kategóriát. A WAVE vagy az axe DevTools bővítmény közvetlenül az oldalon mutatja a hibákat.
3. Mérje meg a kontrasztot. Minden szöveg- és gombszínnél nézze meg az arányt egy kontrasztmérővel. A cél 4.5:1 normál szövegnél, 3:1 nagy szövegnél és a kezelőelemeknél.
4. Adjon le egy rendelést csak billentyűzettel. Egér nélkül, a főoldaltól a fizetésig. Figyelje, hogy minden lépésben látszik-e a fókusz, logikus-e a sorrend, és nem ragad-e be sehol.
5. Hallgassa meg a webshopot képernyőolvasóval. Windowson NVDA, Macen és iPhone-on VoiceOver, Androidon TalkBack. A képeknek, gomboknak és hibaüzeneteknek érthető szöveggel kell megszólalniuk.
6. Nagyítson 200%-ra, és szűkítsen 320 pixelre. A szöveg nem csúszhat egymásra, a „Megrendelés” gomb látható marad.
7. Rögzítse az eredményt. Mit ellenőrzött, mikor, mit javít és meddig. Ez lesz az ÁSZF-ben közzétett tájékoztató alapja.

Ismételje meg az ellenőrzést minden nagyobb változásnál: új sablon, új banner, új alkalmazás a pénztárban. A 6. § (2) bekezdése folyamatos figyelést ír elő, a 6. § (3) bekezdése pedig haladéktalan javítást, ha a megfelelés kérdéses. Ha a teszt a sablonban vagy egy olyan rendelési lépésben talál hibát, amelyet maga nem tud módosítani, írjon a support@cloudcart.com címre az oldal címével és a hiba leírásával.

Ki ellenőrzi, és mekkora a bírság?

Az e-kereskedelmi szolgáltatások akadálymentességét a fogyasztóvédelmi hatóság ellenőrzi (605/2022. Korm. rendelet, 1. § (1) f)). A fogyasztó a hatósághoz vagy bírósághoz fordulhat (a törvény 8. § (6)), a fogyasztói és a fogyatékossággal élők érdekképviseleti szervezetei pedig eljárást is indíthatnak, ha a jogsértés a fogyasztók szélesebb körét érinti (8. § (7)).

A hatóság először figyelmeztetést tartalmazó döntést hozhat, amelyben felhívja a vállalkozást a megfelelésre, és egyeztet a hiányosságok javításának határidejéről (8. § (3)). Ha a vállalkozás nem működik együtt, vagy határidőre nem javít, közigazgatási bírságot szab ki (8. § (4)). A bírság összegét a rendelet 9. §-a határozza meg:

Vállalkozás	Bírság
Nem kkv, éves nettó árbevétele 100 millió Ft feletti	15 000 Ft-tól az éves nettó árbevétel 5%-áig, legfeljebb 500 millió Ft
Minden más vállalkozás	15 000 Ft-tól 500 000 Ft-ig
Minden más vállalkozás, ha a jogsértés a fogyasztók széles körét érinti vagy jelentős vagyoni hátrányt okoz	Az éves nettó árbevétel 5%-áig
Nettó árbevétel adat nélkül	15 000 Ft-tól 500 000 Ft-ig

A bírság mértékénél a hatóság figyelembe veszi az érintett fogyasztói érdekeket, az érintett termékek és szolgáltatások körét, és azt, mit tett a vállalkozás a fogyasztók kárának csökkentéséért (a rendelet 8. §-a).

Az átmeneti szabályok szerint a törvény hatálybalépése előtt kötött szolgáltatási szerződések lejáratukig, de legfeljebb 2030. június 28-ig változatlanok maradhatnak (12. § (2)). A szolgáltatáshoz már korábban jogszerűen használt termékek szintén 2030. június 28-ig használhatók tovább (12. § (4)). A webshop új oldalaira és funkcióira ez nem ad haladékot.

Milyen tartalomra nem vonatkozik a törvény?

A törvény öt tartalomtípust vesz ki a weboldalakra és alkalmazásokra vonatkozó követelmények alól:

• online térképek és térképszolgáltatások, ha a navigációs térképeknél az alapvető információ akadálymentes digitális formában elérhető (1. § (3) a));
• harmadik fél tartalma, amelyet a szolgáltató nem finanszírozott, nem fejlesztett és nem ellenőriz (1. § (3) b));
• a hatálybalépés előtt közzétett előre rögzített időalapú média, például termékvideó (12. § (1) a));
• a hatálybalépés előtt közzétett irodai fájlok, például PDF katalógus (12. § (1) b));
• archivált tartalom, amelyet a hatálybalépés után már nem frissítenek és nem szerkesztenek (12. § (1) c)).

Minden, amit 2025. június 28. után tölt fel, termékvideó, PDF útmutató vagy banner, meg kell feleljen a követelményeknek. A régi termékek tömeges javítását az AI asszisztens gyorsítja: a változásokat előbb megmutatja, és csak jóváhagyás után írja be a webshopba.

30 napos terv: az ellenőrzéstől az ÁSZF-ben közzétett tájékoztatóig

Reális sorrend egy olyan webshopnak, amely nem mikrovállalkozás, vagy hamarosan átlépi az értékhatárt:

Hét	Feladat	Eredmény
1.	Automatikus ellenőrzés az 5 kulcsoldalon és egy rendelés csak billentyűzettel	Hibalista fontossági sorrendben
2.	Színkontraszt a sablonszerkesztőben, címkék és hibaüzenetek az űrlapokon	A pénztár és a termékoldal teljesíti a kritériumokat
3.	Alt szöveg a képeken a legkelendőbb termékekkel kezdve, szöveg a bannereken	A katalógus képernyőolvasóval is érthető
4.	Próba képernyőolvasóval, „Akadálymentesség” oldal és hivatkozás az ÁSZF-ből	A 3. melléklet szerinti tájékoztató nyilvános

Ha most indítja a webshopot, ezeket a szabályokat az első naptól alkalmazza: nagy kontraszt a sablonban, alt szöveg minden képen és egyértelmű címkék az űrlapokon. A CloudCart csomagjai és árai az árak oldalon találhatók.

Gyakori kérdések