A Web Content Accessibility Guidelines (WCAG) a webes akadálymentesség nemzetközi referenciája: ez mondja meg, mitől használható egy weboldal képernyőolvasóval, billentyűzettel vagy nagyítóval. Ez az oldal a szabvány felépítését, szintjeit és jogi hátterét foglalja össze. A konkrét követelményeket nem itt soroljuk fel, hanem külön oldalakon: mind az 55 A és AA szintű szabványpontnak saját magyar nyelvű leírása van a WCAG kritériumok tárában, tesztelési módszerrel, jó és rossz megoldásokkal.
Mi a WCAG, és ki készíti?
A szabványt a World Wide Web Consortium (W3C) fejleszti és tartja karban, ugyanaz a szervezet, amely a HTML és a CSS specifikációit is gondozza. A munka nyílt folyamatban zajlik: a tervezeteket bárki véleményezheti, és a szövegen fogyatékossággal élő szakembereket is bevonó munkacsoportok dolgoznak.
Az első verzió 1999-ben jelent meg. A ma használt sor a WCAG 2.0 (2008), a 2.1 (2018, mobil és kognitív követelményekkel bővítve) és a 2.2 (2023). A verziók visszafelé kompatibilisek: ami megfelel a 2.2-nek, az megfelel a 2.1-nek is.
Két oka van annak, hogy a jogalkotók éppen erre a szabványra hivatkoznak. Az egyik, hogy technológiafüggetlen: nem programozási nyelvhez köti a követelményt, hanem ahhoz, amit a felhasználónak érzékelnie és kezelnie kell. A másik, hogy tesztelhető: minden pontja eldönthető kérdés, nem ízlés dolga.
Ez a hivatkozási gyakorlat nem európai sajátosság: a WCAG-ra épül az amerikai Section 508, a kanadai ACA (Ontarióban az AODA) és az ausztrál DDA is.
Hogyan épül fel: alapelv, irányelv, kritérium
A szabvány három szinten rendezi a követelményeket. Legfelül a négy alapelv áll, ezek adják a szemléletet. Alattuk az irányelvek témák szerint csoportosítanak, például a megkülönböztethetőség vagy a navigálhatóság. Az irányelvek alatt vannak a sikerkritériumok, vagyis a szabványpontok: ez az egyetlen szint, amit tesztelni és számonkérni lehet. Az alábbi négy szakasz az alapelveket mutatja be, az egyes szabványpontok pedig a tárban vannak, alapelvenként külön listában.
1. Érzékelhető (Perceivable)
Az információnak és a felhasználói felület komponenseinek olyan módon kell megjelenniük, hogy a felhasználók érzékelhessék őket.
Mit jelent ez a gyakorlatban?
Szöveges alternatíva a képekhez, felirat a videókhoz, elegendő kontraszt, és olyan tartalom, amit nem csak a szín különböztet meg. A húsz idetartozó szabványpont külön oldalon: 1. Érzékelhető (Perceivable).
Miért fontos?
Mert hiába a legjobb tartalom, ha valaki nem tudja észlelni. Egy vak felhasználó képernyőolvasóval „látja” a webet, egy nagyothalló ember feliratokon keresztül „hallja” a videókat.
2. Kezelhető (Operable)
A felhasználói felület komponenseinek és a navigációnak kezelhetőnek kell lennie.
Mit jelent ez a gyakorlatban?
Minden funkció elérhető billentyűzetről, elegendő idő a tartalom feldolgozására, kiszámítható navigáció, és semmi olyan villogás, ami rohamot válthat ki. A húsz idetartozó szabványpont külön oldalon: 2. Működtethető (Operable).
Miért fontos?
Mert sokak számára a billentyűzet az egyetlen módja az interakciónak. Gondoljunk a motorikus nehézségekkel élőkre, akik nem tudnak egeret használni.
3. Érthető (Understandable)
Az információnak és a felhasználói felület működésének érthetőnek kell lennie.
Mit jelent ez a gyakorlatban?
Olvasható szöveg, kiszámítható működés, egyértelmű űrlapok, és olyan hibaüzenet, ami a javításban is segít. A tizenhárom idetartozó szabványpont külön oldalon: 3. Érthető (Understandable).
Miért fontos?
Mert a legjobb technikai megoldás is értéktelen, ha a felhasználó nem érti, hogyan működik. Ez különösen fontos a kognitív nehézségekkel élők számára.
4. Szabványos (Robust)
A tartalomnak megfelelően felépítettnek kell lennie ahhoz, hogy megbízhatóan értelmezhető legyen különféle böngészőkben és kisegítő szoftverekben.
Mit jelent ez a gyakorlatban?
Szabványos jelölés, és minden egyedi vezérlőnek olyan neve, szerepe és állapota, amit a segédeszköz is megkap. A két idetartozó szabványpont külön oldalon: 4. Robusztus (Robust).
Miért fontos?
Mert a kisegítő szoftverek (képernyőolvasók, nagyítók) csak akkor működnek jól, ha a weboldal „beszél” velük.
Mit jelent az A, AA, AAA szint?
A szabványpontok három teljesítési szintbe sorolódnak. Az A szint az a minimum, ami nélkül a tartalom egyes felhasználói csoportok számára használhatatlan. Az AA szint az, ami egy nyilvános weboldaltól reálisan elvárható. Az AAA szint a legszigorúbb, teljes egészében ritkán teljesíthető, és a szabvány maga sem javasolja általános követelménynek.
A jogi mérce mindenütt az AA: az EN 301 549, és rajta keresztül a magyar szabályozás is, az A és AA szintű pontokat kéri számon. Ezért a tár is ezt a kört fedi le, mind az 55 A és AA szintű szabványpont megtalálható benne, AAA szintű nem. Szint szerint is szűrhető: A szintű szabványpontok és AA szintű szabványpontok.
Hogyan olvass el egy kritérium-oldalt?
A tárban minden szabványpont ugyanazt a felépítést követi. Példaként vedd az 1.4.3 – Kontraszt (minimum) oldalt.
Az oldal tetején a besorolás áll: melyik alapelvhez és irányelvhez tartozik a pont, és milyen szintű. A kontrasztnál ez az 1. Érzékelhető alapelv, az 1.4. Megkülönböztethetőség irányelv és az AA szint, mellette a hivatalos angol forrás linkje.
Röviden a szabványpontról: mit követel a szabvány, mire vonatkozik, és mi a célja. Itt derül ki például, hogy a 4,5:1 arány a szövegre és a szövegképekre vonatkozik.
Kiket érint: kinek okoz valódi akadályt, ha a pont sérül, és kinek jelent előnyt, ha teljesül. A kontrasztnál a gyengénlátó és a színtévesztő felhasználók az elsődleges kör, de a jó kontraszt mindenkinek segít, például erős napfényben, telefonon.
Tesztelés: hogyan ellenőrizhető a pont, automatizált eszközzel és kézzel. Ez a szakasz mondja meg, mit kell megnyitni és mit kell megnézni ahhoz, hogy eldöntsd, megfelel-e az oldalad.
Jó megoldások és Rossz megoldások (néhány oldalon Jó és Rossz gyakorlatok néven): másolható kódrészletek, mindegyik alatt magyarázattal. A rossz példák azért vannak ott, mert a hibák nagy része néhány visszatérő mintából jön.
Források és Kapcsolódó szabványpontok: a W3C eredeti dokumentumai, és azok a pontok, amelyekkel a szabványpont együtt szokott sérülni vagy teljesülni. Az utóbbi a leggyorsabb út ahhoz, hogy egy hibából kiindulva végigjárd a szomszédos követelményeket.
Mi kötelező Magyarországon?
A közszférára a 2018. évi LXXV. törvény vonatkozik, a magánszektor egy részére, például a webshopokra és a banki szolgáltatásokra, a 2022. évi XVII. törvény, 2025. június 28-tól. Mindkettő az EN 301 549 európai szabványon keresztül a WCAG A és AA szintjét kéri számon. A hatályt és a határidőket az Akadálymentesítési jogszabályok Magyarországon írja le, a szabvány és a jogszabály viszonyát pedig az EN 301 549 – Az EU digitális akadálymentességi szabványa és a WCAG kapcsolata.
Mi változott a WCAG 2.2-ben?
A jogi hivatkozás ma még a WCAG 2.1 AA szintjére mutat, a tár mégis a 2.2-re épül. Ennek az az oka, hogy a 2.2 a 2.1-et nem írja felül, hanem kiegészíti, és az EN 301 549 következő kiadása várhatóan ezt veszi át. Aki most a 2.2-re fejleszt, annak később nincs mit pótolnia.
A 2.2 hat új A és AA szintű pontot hozott:
- 2.4.11 – Nem elfedhető a fókusz (AA)
- 2.5.7 – Drag and drop mozdulatok (AA)
- 2.5.8 – Interaktív mutató célpontok legkisebb mérete (AA)
- 3.2.6 – Következetes segítségnyújtás (A)
- 3.3.7 – Redundáns adatbevitel (A)
- 3.3.8 – Akadálymentes azonosítás (minimum) (AA)
Egy pont ki is került: a 4.1.1 Parsing (elemzés), mert a mai böngészők a hibás jelölést maguktól korrigálják, így a követelmény önálló mérése feleslegessé vált.
Hol kezdd?
Új fejlesztésnél a legolcsóbb út az, ha a követelmények már a tervezésben benne vannak. Meglévő oldalnál fordított a sorrend, jellemzően egy weboldal felújítása kapcsán: előbb egy felmérés mondja meg, hol állsz, utána az A szintű pontok jönnek, mert azok akadályozzák a legtöbb felhasználót.
Ha magad vágsz bele, a leggyorsabb kezdés a billentyűzetes bejárás: járd végig az oldalt a Tab billentyűvel, és nézd meg, eléred-e minden gombot, és látszik-e, hol jársz éppen. Ez egy óra alatt megmutatja a legsúlyosabb hibákat. Utána a kontraszt és a képek szöveges alternatívája jön. A teljes menetet, a felméréstől a javításig, a Weboldal akadálymentesítés folyamata írja le.
Összegzés
A WCAG nem egy elejétől a végéig elolvasandó dokumentum, hanem hivatkozási rendszer: az alapelvek adják a szemléletet, a szabványpontok a számonkérhető követelményt, a szintek pedig azt, hogy meddig kell elmenni. A jogszabály az AA szintet kéri, a haszna viszont ennél nagyobb, mert ugyanezek a megoldások a billentyűzettel, kis képernyőn vagy rossz fényviszonyok között dolgozó felhasználóknak is jók.
Ha egy konkrét kérdésre keresel választ, a WCAG kritériumok tárában pontonként megtalálod: mit követel a szabvány, hogyan kell tesztelni, és hogy néz ki jól megoldva.