Mi az a WCAG 2.1 AA,
és miért fontos 2025-től?
A WCAG — Web Content Accessibility Guidelines — a webes akadálymentesítés nemzetközileg elfogadott mércéje. Az AA szint 2025-től törvényi kötelezettség lesz számos magyar vállalkozás számára. Ebben a cikkben mindent megtalál, amit tudnia kell: mit jelent a szabvány, kit érint, és hogyan lehet megfelelni.
Miért született meg a WCAG?
A World Wide Web Consortium (W3C) az 1990-es évek végén ismerte fel, hogy az internet gyors terjedésével párhuzamosan komoly egyenlőtlenségek alakulnak ki: a mozgás-, látás- vagy hallássérült felhasználók millióit kizárja a digitális világból az átgondolatlanul tervezett weboldalak többsége. Ennek orvoslására hozták létre a Web Content Accessibility Guidelines sorozatát.
Az első verzió 1999-ben jelent meg. A 2008-as WCAG 2.0 már technológiafüggetlen elveket fogalmazott meg — nem csak HTML-re, hanem bármilyen webes technológiára alkalmazható. A WCAG 2.1 2018-ban bővítette ezt a szabványt főként mobileszközök, kis kontrasztérzékenységű és kognitív akadállyal élő felhasználók számára releváns kritériumokkal.
A szabvány három megfelelési szintet definiál: A (minimális), AA (ajánlott, és 2025-től jogszabályban előírt) és AAA (legmagasabb). A legtöbb európai jogszabály az AA szintet követeli meg.
A WCAG négy alapelve (POUR)
A WCAG minden kritériuma négy alapelv valamelyikébe sorolható. Ezeket az angol kezdőbetűkből POUR-elveknek is nevezik.
1. Érzékelhető (Perceivable)
Az információnak és a felhasználói felület elemeinek olyan formában kell elérhetőnek lenniük, amelyet a felhasználó érzékelni tud. Ez azt jelenti, hogy képekhez szövegalternatívát (alt-szöveget) kell megadni, videókhoz feliratot kell biztosítani, és a tartalom szín nélkül is érthető kell legyen. A kontrasztarány szöveg esetén legalább 4,5:1 arányú kell legyen az AA szinten.
2. Működtethető (Operable)
A felhasználói felület összes funkciójának elérhetőnek kell lennie billentyűzetről is, egér nélkül. Nem lehet időkorlátos tartalom, amelynek lejárta nem függeszthető fel. A navigációban segítenie kell az oldalaknak a visszatérő elemek átugrásában (skip navigation). Mozgásos tartalom szüneteltethető kell legyen.
3. Érthető (Understandable)
A tartalom és a kezelőfelület működése legyen előre megjósolható és könnyen érthető. Az oldal nyelvét HTML-szinten meg kell határozni (lang attribútum). A hibaüzenetek legyenek egyértelműek és segítsék a felhasználót a javításban. Az űrlapmezők legyenek egyértelműen felcímkézve.
4. Robusztus (Robust)
A tartalomnak kompatibilisnek kell lennie a jelenlegi és a jövőbeli felhasználói ágensekkel, beleértve a képernyőolvasókat és egyéb segédtechnológiákat. Ez megköveteli az érvényes HTML-struktúrát, a helyes ARIA-attribútumok alkalmazását és az állapotjelzők (fókusz, kiválasztott, megnyitott stb.) programozott közlését.
Mi a különbség az A, AA és AAA szint között?
A WCAG 2.1 összesen 78 sikerességi kritériumot tartalmaz, amelyek három szintbe sorolódnak:
- A szint (25 kritérium) — A minimális alap. Ha ezek nem teljesülnek, a weboldal egyes felhasználói csoportok számára egyszerűen használhatatlan. Például: képekhez szövegalternatíva, billentyűzettel való teljes navigálhatóság, időkorlátos tartalom szüneteltethetősége.
- AA szint (+25 kritérium, összesen 50) — Ez a jogszabályban megkövetelt szint. Ide tartozik a szöveg-kontrasztarány (4,5:1), az átméretezhetőség 200%-ig tartalom- vagy funkcióveszteség nélkül, a fókuszjelzés láthatósága, az élő feliratok videókonferenciákhoz és az irányjelzők az összetett navigációban.
- AAA szint (+28 kritérium, összesen 78) — A legmagasabb szint, amelyet a W3C nem ír elő minden tartalomhoz, mivel bizonyos kritériumok nem alkalmazhatók minden weboldaltípusra. Például jelnyelvű tolmácsolás videóhoz, kontrasztarány 7:1, kontextusfüggő súgó az összes beviteli mezőhöz.
A legtöbb hazai és európai jogszabály az AA szintet írja elő, mivel ez kellő védelmet nyújt a leggyakoribb akadályok ellen, miközben megvalósítható a webfejlesztési projektek döntő többségénél.
Miért kötelező 2025-től Magyarországon?
Az Európai Unió 2019-ben fogadta el az Európai Akadálymentesítési Irányelvet (European Accessibility Act, EAA — 2019/882/EU irányelv). Az irányelv célja az, hogy az EU belső piacán egységes akadálymentesítési követelmények vonatkozzanak a digitális termékekre és szolgáltatásokra.
Magyarország ezt az irányelvet a 2022. évi XVII. törvénnyel ültette át a nemzeti jogba (az egyes termékek és szolgáltatások hozzáférhetőségi követelményeiről). A törvény alapján 2025. június 28-tól számos digitális szolgáltatásra kötelező a WCAG 2.1 AA-nak megfelelő akadálymentesítés.
Kire vonatkozik a kötelezettség?
- E-kereskedelmi platformok és webshopok
- Banki és pénzügyi szolgáltatások online felületei
- Közlekedési szolgáltatók utasinformációs rendszerei
- Elektronikus kommunikációs szolgáltatások
- Digitális könyvek és e-könyv-olvasó szoftverek
- Médialejátszók és streaming platformok
A törvény mikrovállalkozásokat (10 főnél kevesebb alkalmazott és évi 2 millió eurónál kisebb forgalom) mentesít a magánszektorra vonatkozó szabályok alól, de a közszféra és a nagyobb vállalkozások számára kivétel nélkül alkalmazandó.
A megfelelés elmulasztása esetén a hatóság szankciót szabhat ki, és a fogyasztók, illetve érintett civil szervezetek panasszal élhetnek. Emellett az akadálymentes weboldal üzleti szempontból is előnyös: javítja a SEO eredményeket, bővíti az elérhető ügyfélkört, és pozitív márkaképet alakít ki.
A legfontosabb AA szintű követelmények
Ha szeretné tudni, hol kezdje az akadálymentesítést, az alábbi területek a leggyakoribb hiányosságok forrásai a hazai weboldalak körében:
- Kontrasztarány (1.4.3) — Normál szövegnél legalább 4,5:1, nagy szövegnél (18pt vagy 14pt félkövér felett) legalább 3:1. A legtöbb weboldal elbukik ezen, főleg a szürke alcímeknél és a placeholder szövegeknél.
- Átméretezés (1.4.4) — A tartalom 200%-os nagyításig is olvasható és használható kell maradjon vízszintes görgetés nélkül (320px széles viewport esetén).
- Fókuszjelzés (2.4.7) — A billentyűzettel navigált elemeken mindig látható legyen a fókuszkeret. Nem elegendő a böngésző alapértelmezett outline-ját elrejteni anélkül, hogy vizuális alternatívát kínálnának.
- Leíró oldalcímek (2.4.2) — Minden oldal <title> eleme egyedi és leírja az oldal tartalmát. Nem elegendő ha minden oldalon ugyanaz a cím szerepel.
- Hibaazonosítás (3.3.1–3.3.3) — Az űrlaphibákat szövegesen kell jelezni, nem csupán piros kerettel. A hibaüzenetnek meg kell mondania, melyik mező hibás és miért.
- Képek szövegalternatívája (1.1.1) — Minden tartalmi képhez megfelelő alt-szöveg kell. A dekoratív képeket üres alt="" attribútummal kell ellátni, hogy a képernyőolvasók átugorják.
GYIK — WCAG 2.1 AA
Vonatkozik a WCAG-kötelezettség a kis webshopokra is?
Igen, ha a vállalkozás nem minősül mikrovállalkozásnak (azaz legalább 10 főt foglalkoztat vagy évi 2 millió eurót meghaladó forgalmat bonyolít le), akkor a webshopra 2025. június 28-tól kötelező a WCAG 2.1 AA megfelelés. Mikrovállalkozásoknál a magánszektorra vonatkozó kötelezettség nem érvényes, de az önkéntes megfelelés ajánlott, mivel az akadálymentes weboldal szélesebb ügyfélkört szólít meg.
Mi a különbség a WCAG 2.1 és a WCAG 2.2 között?
A WCAG 2.2-t 2023 októberében tette közzé a W3C. Visszamenőlegesen kompatibilis a 2.1-gyel: minden 2.1-es kritérium megmaradt, és kilenc új kritériumot adtak hozzá. Ezek főleg a fókuszjelzés megerősítésére, a drag-and-drop alternatívákra és a redundáns belépési adatok elkerülésére vonatkoznak. A jelenlegi európai jogszabályok még a WCAG 2.1 AA szintre hivatkoznak, de érdemes a 2.2-re is tervezni.
Hogyan ellenőrzöm, hogy weboldalem megfelel-e a WCAG AA szintnek?
Az ellenőrzés két részből áll: automatizált és manuális tesztelésből. Automatizált eszközök (Axe, WAVE, Lighthouse) a hibák kb. 30–40%-át fedezik fel. A fennmaradó hiányosságokat csak manuális teszteléssel lehet megtalálni: billentyűzetes navigáció, képernyőolvasó-teszt (NVDA, JAWS, VoiceOver), és valódi felhasználókkal végzett használhatósági vizsgálat. A Heart & Byte teljes auditot kínál, amelynek eredménye egy prioritizált hibalista és javítási terv.
Mennyi ideig tart egy weboldal akadálymentesítése?
Ez erősen függ a weboldal méretétől, technológiájától és a jelenlegi állapotától. Egy egyszerűbb, néhány oldalas bemutatkozó weboldal akadálymentesítése 2–4 hetet vesz igénybe. Egy összetettebb e-commerce platform esetén ez 2–4 hónap is lehet. Az audit elvégzése általában 1–2 hetet vesz igénybe, és pontos képet ad a szükséges munkáról még az implementáció megkezdése előtt.
Mi történik, ha nem teszünk eleget a WCAG-kötelezettségnek?
A 2022. évi XVII. törvény alapján a felügyeleti szerv (az érintett szektortól függően a Fogyasztóvédelmi Hatóság vagy az ágazati felügyelet) szankciót szabhat ki. Emellett az érintett személyek és szervezetek panaszt nyújthatnak be. Az esetleges bírságon túl a reputációs kockázat is számottevő: egy akadálymentesítési pert nyilvánosan is követni szoktak a fogyatékosügyi civil szervezetek. A megelőzés mindig olcsóbb, mint a reaktív jogszabályi megfelelés.
Szeretné tudni, hol tart most a weboldala?
A Heart & Byte csapata ingyenes előzetes konzultáción áttekinti weboldalát, és elmondja, mik a legfontosabb teendők a WCAG 2.1 AA megfelelés eléréséhez. Vegyük fel a kapcsolatot.