WCAG AA magyarázat magyarul — KKV-knak, jogi nyelv nélkül

Mit jelent a WCAG AA, kire vonatkozik az uniós akadálymentességi szabályozás, és mit tegyél, ha a te oldaladat is érinti? 2025. június 28. óta bizonyos szolgáltatásoknál — például a webáruházaknál — ez már nem ajánlás, hanem kötelezettség. Ez a cikk jogi nyelv nélkül végigveszi, mi a teendőd.

Mit jelent a WCAG AA?

A WCAG (Web Content Accessibility Guidelines) a W3C nemzetközi irányelve arról, hogyan lesz egy weboldal mindenki számára használható: látássérülteknek, mozgáskorlátozottaknak, halláskárosultaknak, és azoknak is, akik csak billentyűzettel vagy képernyőolvasóval böngésznek. Három szintje van: A (alap), AA (középszint) és AAA (legszigorúbb).

A gyakorlati mérce az AA. Erre épül az EN 301 549 európai szabvány is, amely a webes tartalmaknál a WCAG 2.1 AA szintjére hivatkozik, és amely az uniós szabályozásnak való megfelelés gyakorlati alapja. A legfrissebb változat a WCAG 2.2 (2023 októbere): új fejlesztésnél érdemes már ezt célozni. A 3.0 még fejlesztés alatt áll.

Kiket érint? A WHO szerint világszerte mintegy 1,3 milliárd ember, a népesség 16%-a él jelentős fogyatékossággal. Hozzájuk jönnek az idősödő szemű látogatók, a törött karral egy kézzel böngészők és azok, akik tűző napon próbálják olvasni a telefonjukat.

Kire kötelező? — 2025 és az EAA

Az uniós akadálymentességi irányelvet (European Accessibility Act, EAA) Magyarországon a 2022. évi XVII. törvény ültette át, és 2025. június 28. óta kell alkalmazni. Vállalkozásoknál ezekre a szolgáltatásokra vonatkozik:

• e-kereskedelem — webáruház, és általában minden online szolgáltatás, amelyen keresztül a fogyasztó szerződést köthet,
• fogyasztói banki és pénzügyi szolgáltatások,
• e-könyvek és az olvasásukra szolgáló szoftverek,
• elektronikus hírközlés és az audiovizuális médiaszolgáltatások elérése,
• a légi, autóbuszos, vasúti és vízi személyszállítás online elemei: honlap, mobilalkalmazás, e-jegy, valós idejű utastájékoztatás.

Néhány fontos részlet:

• Mikrovállalkozások: a szolgáltatást nyújtó mikrovállalkozás — 10 főnél kevesebb foglalkoztatott, és legfeljebb 2 millió euró éves nettó árbevétel vagy mérlegfőösszeg — mentesül a szolgáltatásokra vonatkozó követelmények alól.
• Aránytalan teher: ha a megfelelés aránytalan terhet jelentene, arra hivatkozni lehet, de ezt írásban, részletesen alá kell támasztani, és legalább ötévente felül kell vizsgálni.
• Átmeneti szabályok: a törvény hatálybalépése előtt kötött szolgáltatási szerződések a lejáratukig, de legkésőbb 2030. június 28-ig változatlanul futhatnak.
• Ellenőrzés és szankció: a kormányrendeletben kijelölt hatóság ellenőriz. Hiányosságnál először figyelmeztet és együttműködésre hív, és ha ez nem vezet eredményre, bírságot szab ki.

A közszféra honlapjaira és alkalmazásaira nem ez, hanem egy korábbi, külön jogszabály vonatkozik: a 2018. évi LXXV. törvény. Ez akadálymentességi nyilatkozatot is előír.

Mi a helyzet egy bemutatkozó oldallal? Ha az oldaladon semmit nem lehet megrendelni, lefoglalni vagy kifizetni, a törvény jellemzően nem vonatkozik rád. Ha viszont online szerződést lehet rajta kötni, érdemes komolyan venni. A határesetekben — ez a cikk nem jogi tanácsadás — kérd ki egy ügyvéd véleményét.

A négy alapelv (POUR)

• Perceivable (Észlelhető): minden tartalom érzékelhető legyen — alt-szöveg a képekhez, felirat a videókhoz, megfelelő kontraszt.
• Operable (Működtethető): minden funkció elérhető legyen csak billentyűzettel is, látható fókuszjelöléssel és elég idővel az interakcióra.
• Understandable (Érthető): egyértelmű szöveg, kiszámítható navigáció, hibaüzenetek egyszerű nyelven.
• Robust (Robusztus): érvényes HTML és helyes ARIA, hogy a képernyőolvasók és más segítő technológiák is pontosan értelmezzék az oldalt.

8 konkrét tennivaló ma

1. Minden képhez értelmes alt-szöveg — a pusztán díszítő képekhez üres (alt="").
2. Színkontraszt: normál szövegnél legalább 4,5:1, nagy szövegnél 3:1, gomboknál és ikonoknál 3:1.
3. Minden interaktív elem elérhető a Tab billentyűvel, jól látható fókuszjelöléssel.
4. Az űrlapmezőknek legyen címkéjük (<label>), a hibaüzenetek pedig mondják meg, mi a gond, és hogyan javítható.
5. Logikus címsor-hierarchia (h1 → h2 → h3), szintek átugrása nélkül.
6. A linkek szövege önmagában is értelmes: „A sebességről bővebben”, nem „kattints ide”.
7. Feliratos videók, a hanganyagokhoz átirat.
8. A nyelv jelölve a HTML-ben (lang="hu"), hogy a képernyőolvasó magyarul olvassa fel a szöveget.

Mit hozott a WCAG 2.2?

A 2.2-es változat néhány új, a gyakorlatban nagyon is hasznos követelményt hozott:

• Ne takarja el semmi a fókuszt. A rögzített fejléc, a sütisáv vagy egy csevegőablak nem fedheti le teljesen az éppen kijelölt elemet.
• Elég nagy kattintási felület. A gombok és linkek legalább 24×24 képpont méretűek legyenek, vagy legyen körülöttük elég hely.
• Húzás helyett kattintás is. Ami húzással működik (csúszka, rendezés), az egyszerű kattintással is legyen elvégezhető.
• Belépés fejtörő nélkül. A bejelentkezés ne kívánjon memorizálást vagy rejtvényt — a jelszókezelő és a beillesztés működjön.
• Ne kérd kétszer ugyanazt. Amit a felhasználó egy folyamatban már megadott, azt ne kelljen újra begépelnie.

Hogyan ellenőrizd?

Az ingyenes automata eszközök — axe DevTools, Lighthouse, WAVE — jó kiindulópontok, de a hibáknak csak egy részét találják meg. A többihez kézi teszt kell:

• Csak billentyűzettel: végig tudsz menni az oldalon Tab, Enter és Esc billentyűvel? Mindig látszik, hol jársz?
• Képernyőolvasóval: NVDA (Windows), VoiceOver (Mac, iPhone) vagy TalkBack (Android) — értelmes sorrendben, értelmes szöveggel szól az oldal?
• Nagyítással: 200%-os nagyításnál is minden olvasható, és keskeny nézetben sem kell oldalra görgetni?

Egy alapos akadálymentességi audit egy KKV-oldalon 2–4 nap. A javítások többsége CSS- és HTML-módosítás, ritkán kell nagy átépítés.

Az igazi költség

A „nincs pénzem akadálymentesíteni” gondolat félrevezető: az akadálymentesség jobb terméket ad. Tisztább HTML, jobb mobilos használhatóság, és a keresők is jobban értik az oldalt — a Google is „vak felhasználóként” olvassa a szöveget. Új oldalnál a költsége jellemzően az építés árának 5–10%-a, egy meglévő oldalon nagyjából egyhetes munka.

Nálam minden új oldal WCAG AA szerint készül. Ha a meglévő oldaladat szeretnéd átnézetni, az Auditálás és optimalizálás oldalon leírtam, hogyan dolgozom — vagy foglalj egy 30 perces beszélgetést. Ha most választasz fejlesztőt, ez a kérdés is legyen a listádon: 10 kérdés, amit tegyél fel, mielőtt webfejlesztőt választasz.