Webfejlesztés2026. november 6.7 perc olvasás

WCAG magyarul: mit jelent a 2.1 és a 2.2 AA szint, és mit kell teljesíteni?

Ha akadálymentes weboldalról van szó, mindenki a WCAG-ot emlegeti, de az eredeti szöveg hosszú és angol. Összeszedtük, mit jelent a négy elv, az A, AA és AAA szint, mi változott a 2.2-ben, és melyek azok a követelmények, amelyekbe a legtöbb magyar weboldal és webshop beleütközik.

LORZ szakmai szerkesztőségWeb- és szoftverfejlesztési csapat

Négy különböző kerámiamodul közös grafit alapon, az egyiken türkiz jelölő; a WCAG négy alapelvét szemléltető illusztráció.

Röviden

Amit ebből a cikkből érdemes hazavinni

A WCAG a W3C nemzetközi irányelve a webes tartalmak akadálymentességéről. Négy elvre épül: érzékelhető, kezelhető, érthető, stabil.
Három megfelelési szintje van. A gyakorlatban és az európai szabványban az AA a mérce, amely magában foglalja az A szintet is.
A WCAG 2.2 kilenc új követelményt hozott, köztük a kattintási felület minimumát (24 × 24 CSS-képpont, kivételekkel) és azt, hogy a fókuszban lévő elemet ne takarja el teljesen a felület.
A W3C szerint a 2.2-nek megfelelő tartalom a 2.1-nek és a 2.0-nak is megfelel, ezért új munkánál a 2.2 AA a célszerű cél.
A leggyakoribb hibák egyszerűek: gyenge kontraszt, hiányzó alt szöveg, felirat nélküli mező, üres link és gomb, meg nem adott oldalnyelv.

A WCAG (Web Content Accessibility Guidelines) a W3C, a web szabványait gondozó nemzetközi szervezet irányelve arról, hogyan lesz egy weboldal vagy webes alkalmazás használható fogyatékossággal élők számára is. Magyarországon azért került a vállalkozások látókörébe, mert 2025. június 28. óta a webshopokra és más online szerződéskötő felületekre is jogszabályi akadálymentességi követelmény vonatkozik, és ennek gyakorlati mércéje a WCAG.

A négy elv: mit jelent az érzékelhető, kezelhető, érthető, stabil?

A WCAG négy alapelvre épül. A magyar törvény is ezt a négy szót használja, amikor a honlapokról ír, ezért érdemes pontosan érteni őket.

A WCAG négy alapelve egyszerűen
Elv	Mit jelent?	Tipikus példa
Érzékelhető	Az információt többféleképpen is fel lehet fogni, nem csak egyetlen érzékszervvel.	A képnek van szöveges leírása, a videónak felirata, a szöveg kellő kontraszttal olvasható.
Kezelhető	A felület egér nélkül is használható, és nem követel lehetetlen mozdulatot vagy gyorsaságot.	Minden gomb elérhető billentyűzettel, látszik a fókusz, a határidő meghosszabbítható.
Érthető	A szöveg és a működés kiszámítható, a hibából ki lehet jönni.	Megadott oldalnyelv, következetes menü, érthető hibaüzenet javítási javaslattal.
Stabil	A kód szabályos, így a kisegítő technológiák, például a képernyőolvasók is értelmezni tudják.	Az egyedi gombnak van neve és állapota, a felolvasó bejelenti, ha frissül a kosár.

A, AA, AAA: melyik szintet kell elérni?

Minden követelményhez, azaz megfelelési feltételhez egy szint tartozik. Az A az alapszint, ennek hiánya sok felhasználót teljesen kizár. Az AA erre épül, és a gyakorlati mérce: az európai EN 301 549 szabvány is erre hivatkozik. Az AAA a legszigorúbb, ezt a W3C sem javasolja általános célként egész weboldalakra, mert bizonyos tartalmaknál nem is teljesíthető.

Az AA megfelelés azt jelenti, hogy az A és az AA szint minden feltétele teljesül a vizsgált oldalon, teljes folyamatokkal együtt. Ha egy webshopban a termékoldal rendben van, de a pénztár nem használható billentyűzettel, akkor a folyamat nem felel meg.

WCAG 2.1 vagy 2.2: melyik érvényes most?

A 2022. évi XVII. törvény nem nevez meg WCAG-verziót: elveket ír elő, és a harmonizált szabvány megfelelőségi vélelmet ad, ha annak hivatkozása megjelent az Európai Unió Hivatalos Lapjában. Az EN 301 549 V3.2.1-es változata a WCAG 2.1 AA szintjének feleltethető meg. Az ír állami fogyatékosságügyi hatóság szerint a 2026 szeptemberében megjelent V4.1.1 már a WCAG 2.2 AA szintjére épül, a hivatalos hivatkozása pedig 2026 végére várható.

A gyakorlati következtetés egyszerű: új munkánál a WCAG 2.2 AA a célszerű cél. A W3C szerint a 2.2-nek megfelelő tartalom a 2.1-nek és a 2.0-nak is megfelel, így nem kell kétszer dolgozni.

A legfontosabb A és AA követelmények magyarul

Az alábbi táblázat nem a teljes szabvány, hanem az a válogatás, amelybe egy céges weboldal vagy webshop a leggyakrabban beleütközik. A számok a WCAG eredeti pontjai.

Gyakori WCAG-követelmények közérthetően (A és AA szint)
Pont	Szint	Mit kér?	Hogyan nézed meg?
1.1.1	A	A képnek és más nem szöveges tartalomnak legyen szöveges megfelelője. A díszítő kép üres alt szöveget kap.	Képek alt szövegének ellenőrzése, képernyőolvasóval meghallgatva.
1.3.1	A	A szerkezet a kódban is legyen meg: valódi címsor, lista, táblázat, és a mezőhöz kötött felirat.	Címsorszerkezet és mezőfeliratok ellenőrzése a böngésző fejlesztői eszközével.
1.3.5	AA	A személyes adatok mezőinek célja gépileg azonosítható legyen, hogy a böngésző kitölthesse.	Az `autocomplete` jelölés megléte a név-, cím- és e-mail-mezőkön.
1.4.3	AA	Normál szövegnél legalább 4,5:1, nagy szövegnél 3:1 kontrasztarány.	Kontrasztellenőrzőnkkel.
1.4.4	AA	A szöveg 200 százalékra nagyítva is használható marad.	Böngészőben Ctrl és + billentyűvel 200 százalékra nagyítva.
1.4.10	AA	320 CSS-képpont széles nézetben kétirányú görgetés nélkül is olvasható a tartalom, a szükségszerűen kétdimenziós részek (például egyes táblázatok) kivételével.	400 százalékos nagyítás asztali böngészőben.
1.4.11	AA	Ikonok, mezőkeretek és más felületi elemek kontrasztja legalább 3:1.	A mező kerete és a gomb ikonja a háttérhez viszonyítva.
2.1.1	A	Minden funkció elérhető billentyűzettel.	Egér nélkül, a Tab, Enter és nyíl billentyűkkel végigmenni.
2.1.2	A	A fókusz nem ragadhat be egy elembe.	A felugró ablakból és a beágyazott elemből is ki lehet lépni.
2.2.1	A	Az időkorlát kikapcsolható, módosítható vagy meghosszabbítható, néhány kivétellel.	Munkamenet-lejárat és kosárfoglalás viselkedése.
2.4.1	A	Az ismétlődő blokkok átugorhatók.	Oldal elején a Tab billentyűre megjelenő „Ugrás a tartalomra” link vagy szabályos oldalszerkezet.
2.4.3	A	A fókusz sorrendje logikus.	Tab billentyűvel követve, felugró ablaknál is.
2.4.4	A	A link célja kiderül a szövegéből vagy a környezetéből.	A csak „Tovább” feliratú linkek áttekintése.
2.4.7	AA	Billentyűs használatnál látszik, hol áll a fókusz.	Tab billentyűvel: minden elemen van látható jelzés?
3.1.1	A	Az oldal nyelve meg van adva a kódban.	A `lang` jelölés az oldal `html` elemén.
3.3.1	A	A hibát a rendszer szövegesen azonosítja.	Űrlap hibásan elküldve: kiderül, melyik mező a rossz?
3.3.2	A	A beviteli mezőknek van felirata vagy utasítása.	Nem elég a mezőben szürkén megjelenő minta.
3.3.3	AA	A hibaüzenet javítási javaslatot is ad, ha ismert.	Például: „Az e-mail-címből hiányzik a @ jel.”
3.3.4	AA	Jogi vagy pénzügyi következménnyel járó beküldés visszavonható, ellenőrizhető vagy megerősíthető.	A rendelés elküldése előtt van összegző lépés?
4.1.2	A	Az egyedi vezérlőknek van neve, szerepe és állapota.	Képernyőolvasóval: bejelenti, hogy nyitva van-e a menü?
4.1.3	AA	Az állapotüzeneteket a kisegítő technológia a fókusz áthelyezése nélkül is megkapja.	Bejelenti a felolvasó, hogy bekerült a termék a kosárba?

Mit hozott a WCAG 2.2? A kilenc új követelmény

A W3C összefoglalója szerint a 2.2 kilenc új feltételt adott a 2.1-hez, a többi lényegében változatlan. Egy kivétel van: a 4.1.1 (Értelmezés) elavult, ezért kikerült. Az új pontok főleg a mobilos használatot, a mozgásukban korlátozott és a kognitív nehézséggel élő felhasználókat segítik.

A WCAG 2.2 új feltételei
Pont	Szint	Mit kér?	Hol találkozol vele?
2.4.11 Fókusz nem takart (minimum)	AA	A fókuszált elemet ne takarja el teljesen a saját tartalmad.	Rögzített fejléc, süti-sáv, csevegőablak.
2.4.12 Fókusz nem takart (fokozott)	AAA	A fókuszált elem egyetlen része sincs takarva.	Ugyanott, szigorúbban.
2.4.13 Fókusz megjelenése	AAA	A fókuszjelzés kellő méretű és kontrasztú.	Egyedi fókuszstílusok.
2.5.7 Húzó mozdulatok	AA	Ami húzással működik, az egyetlen kattintással is elérhető legyen.	Ártartomány-csúszka, kosárba húzás, képgaléria, sorbarendezés.
2.5.8 Célméret (minimum)	AA	A kattintható elem legalább 24 × 24 CSS-képpont, néhány kivétellel, például elegendő térköznél vagy szövegben lévő linknél.	Mennyiségváltó gomb, kuka ikon, kis ikonsor mobilon.
3.2.6 Következetes segítség	A	Ha több oldalon van segítségkérési lehetőség, ugyanott találd meg.	Telefonszám, csevegés, ügyfélszolgálati link.
3.3.7 Ismételt bevitel	A	Egy folyamatban ne kelljen újra beírni, amit már megadtál, kivéve indokolt esetben.	Szállítási és számlázási cím a pénztárban.
3.3.8 Akadálymentes hitelesítés (minimum)	AA	A belépéshez ne kelljen fejben megjegyezni vagy feladványt megoldani, ha nincs alternatíva.	Jelszó beillesztésének tiltása, képes CAPTCHA.
3.3.9 Akadálymentes hitelesítés (fokozott)	AAA	Szigorúbb változat: a tárgy- és képfelismerés sem megengedett kivételként.	Belépési és megerősítési folyamatok.

Hol buknak el a legtöbben?

A WebAIM 2026-os felmérése a világ legnagyobb egymillió honlapjának kezdőlapját vizsgálta automatikusan. A kezdőlapok 95,9 százalékán talált gépileg kimutatható WCAG-hibát, oldalanként átlagosan 56,1-et. A hibák 96 százaléka mindössze hat típusba esett, és ezek hét éve ugyanazok:

A leggyakoribb gépileg kimutatható hibák (WebAIM Million, 2026)
Hiba	A kezdőlapok hány százalékán?	WCAG-pont
Gyenge kontrasztú szöveg	83,9%	1.4.3
Hiányzó alt szöveg a képeknél	53,1%	1.1.1
Felirat nélküli űrlapmező	51,0%	1.3.1, 3.3.2, 4.1.2
Üres link	46,3%	2.4.4, 4.1.2
Üres, név nélküli gomb	30,6%	4.1.2
Meg nem adott oldalnyelv	13,5%	3.1.1

Hogyan kezdj hozzá?

Nézd meg, kötelező-e neked. A válasz meghatározza a sürgősséget és a dokumentációt is.
Futtass gépi ellenőrzést. A weboldal-ellenőrzőnk az alapokat nézi meg, a színekhez ott a kontrasztellenőrző.
Végezz kézi próbát egy teljes folyamaton. Húzd ki az egeret, és próbálj billentyűzettel rendelni vagy űrlapot küldeni. A letölthető WCAG-ellenőrzőlista sorba szedi a lépéseket.
Rangsorold a hibákat. Először az menjen, ami a fő folyamatot megakasztja, utána a sablonszintű hibák, végül az egyedi tartalom.
Építsd be a folyamatba. Automatikus teszt minden kiadásnál, és rövid szabály a szerkesztőknek, különben az új tartalom újra elrontja.

Ha webshopod van, az akadálymentes webshopról szóló útmutatónk lépésenként végigmegy a terméklistától a fizetésig. Ha a teljes felmérést és a javítást szívesebben adnád ki, akadálymentesítési szolgáltatásunkban a kódban és a sablonokban is rendbe tesszük a hibákat, és új weboldalnál vagy webshopnál eleve így építkezünk.

Megfelel a weboldalad a WCAG 2.2 AA szintnek?

Felmérjük gépi és kézi teszttel, rangsorolt listát adunk, és a javítást is elvégezzük.

Weboldal készítés

Források és módszertan

Szerkesztési elv: A követelményeket a W3C WCAG 2.2 ajánlásából és a hozzá tartozó magyarázó dokumentumokból foglaltuk össze 2026. november 6-án, saját szavainkkal. A táblázat válogatás, nem a teljes szabvány: a megfeleléshez az eredeti szöveg az irányadó. A statisztika a WebAIM 2026-os felméréséből származik. A cikk tájékoztató jellegű, nem jogi tanácsadás.

Kapcsolódó szolgáltatásaink