WCAG 2.1 AA és EN 301 549: melyik szabvány kell?

Röviden

• A WCAG a webes akadálymentesség nemzetközi irányelve. Három szintje van: A, AA és AAA. Az európai jogszabályok mércéje az AA szint.
• Az EN 301 549 az informatikai termékek és szolgáltatások európai akadálymentességi szabványa. Webes fejezete átveszi a WCAG A és AA szintű követelményeit.
• Magyarországon a vállalkozásokra vonatkozó 2022. évi XVII. és a közszférára vonatkozó 2018. évi LXXV. törvény gyakorlati mércéje is az EN 301 549 V3.2.1, vagyis a WCAG 2.1 AA: 50 sikerességi kritérium.
• A WCAG 2.2 hat új A és AA szintű kritériumot hozott. Az erre épülő EN 301 549 V4.1.1-et 2026 augusztusában fogadták el. Érdemes már most a WCAG 2.2 AA-hoz igazodni, mert az a 2.1 AA-t is lefedi.

Ez az útmutató technikai összefoglaló, nem jogi tanácsadás.

Mi a WCAG

A Web Content Accessibility Guidelines (WCAG) a W3C, a web szabványait gondozó nemzetközi szervezet irányelve. Változatai: 2.0 (2008), 2.1 (2018) és 2.2 (2023). Minden új változat megtartja az előző követelményeit, és újakat ad hozzá; a 2.2-ből egyetlen elavult kritérium került ki.

A WCAG négy alapelvre épül. A tartalom legyen:

• Észlelhető: a képeknek van szöveges alternatívája, a videónak felirata, a szöveg elég kontrasztos.
• Kezelhető: minden funkció használható billentyűzettel, a fókusz látható, és semmi nem jár le túl gyorsan.
• Érthető: az űrlapmezőknek van címkéjük, a hibaüzenet megmondja, mi a hiba és hogyan javítható.
• Robusztus: a kód úgy épül fel, hogy a képernyőolvasók és más segítő technológiák helyesen értelmezzék.

Az alapelvek alatt ellenőrizhető sikerességi kritériumok vannak, mindegyik egy szinttel:

• A szint: az alapok. Ha ezek hiányoznak, egyes felhasználók egyáltalán nem tudják használni az oldalt.
• AA szint: a jogszabályok mércéje. Ide tartozik például a szöveg legalább 4,5:1-es kontrasztja és a látható fókusz.
• AAA szint: a legszigorúbb. A W3C maga sem javasolja, hogy egész webhelyekre kötelezővé tegyék, mert bizonyos tartalmaknál nem teljesíthető.

Az AA megfelelés azt jelenti, hogy az oldal minden A és AA szintű kritériumot teljesít. A WCAG 2.1-ben ez 50 kritérium (30 A és 20 AA), a WCAG 2.2-ben 55 (31 A és 24 AA).

A webshopok leggyakoribb hibái

• 1.1.1 Nem szöveges tartalom (A): hiányzó vagy semmitmondó alt-szöveg a termékképeken. Példák: alt-szöveg a termékképekhez.
• 1.4.3 Kontraszt (minimum) (AA): halványszürke ár vagy akciós felirat. Normál szövegnél legalább 4,5:1 kell.
• 2.1.1 Billentyűzet (A): méretválasztó, csúszka vagy kosárgomb, amely csak egérrel működik.
• 2.4.7 Látható fókusz (AA): eltüntetett fókuszkeret, így billentyűzettel nem látszik, hol jár a felhasználó.
• 3.3.2 Címkék vagy utasítások (A): pénztári mezők címke nélkül, csak a mezőben szürkén megjelenő mintaszöveggel.
• 4.1.2 Név, szerep, érték (A): ikonos gombok (kosár, kereső, kedvencek) szöveges név nélkül.

Mi az EN 301 549

Az EN 301 549 európai szabvány (ETSI, CEN és CENELEC) az informatikai termékek és szolgáltatások akadálymentességéről. Nem csak weboldalakra vonatkozik; fejezetei között van például:

• 9. fejezet, web: a WCAG A és AA szintű kritériumai, azonos számozással (a WCAG 1.4.3-as kontrasztkritériuma itt 9.1.4.3).
• 10. fejezet, nem webes dokumentumok: például a letölthető PDF-, Word- és Excel-fájlok.
• 11. fejezet, szoftver: ide tartoznak a mobilalkalmazások is.
• 12. fejezet, dokumentáció és támogatás: a használati útmutatók és az ügyfélszolgálat.

Egy webshopnál tehát nem csak az oldalt érdemes nézni: a letölthető ÁSZF, a termékadatlapok és a számlák PDF-ben is legyenek akadálymentesek, és ha van mobilalkalmazás, az is.

Hogyan kapcsolódik a magyar jogszabályokhoz

• Közszféra (2018. évi LXXV. törvény): a honlapok és mobilalkalmazások mércéje az EN 301 549 V3.2.1 harmonizált szabvány, vagyis a WCAG 2.1 AA. Részletek a közszférának szóló oldalunkon.
• Vállalkozások (2022. évi XVII. törvény): a törvény 1. melléklete funkcionális követelményeket ír le, szabványt nem nevez meg. A gyakorlati mérce itt is az EN 301 549, mert ennek teljesítése mutatja a legegyszerűbben, hogy a követelmények teljesülnek. Kire vonatkozik, és mi a teendő: a törvény összefoglalója.

A V3.2.1 és a V4.1.1

Az EN 301 549 V3.2.1 a WCAG 2.1-re épül. Az új V4.1.1-et, amely a WCAG 2.2 A és AA szintű kritériumait veszi át, 2026 augusztusában fogadták el. Amíg az Európai Unió Hivatalos Lapja nem hivatkozik rá, a V3.2.1 az irányadó. Az új kritériumok a 9. fejezetben ugyanúgy a WCAG számozását kapják, a célméret például 9.2.5.8.

Mit hozott a WCAG 2.2

Az A és AA szinten hat új kritérium van. Webshopban ezekre figyeljen:

• 2.4.11 Nem takart fókusz (minimum), AA: a ragadós fejléc, a sütisáv vagy a csevegőablak nem takarhatja el teljesen a billentyűzettel kijelölt elemet.
• 2.5.7 Húzó mozdulatok, AA: ami húzással működik (árszűrő csúszka, képforgató, térképes csomagpont-választó), annak legyen egyetlen kattintással vagy koppintással használható megoldása is, például beviteli mezők vagy gombok.
• 2.5.8 Célméret (minimum), AA: a kattintható elemek legalább 24×24 CSS-pixelesek legyenek, vagy legyen körülöttük elég hely. Tipikus hiba az apró mennyiségváltó vagy a színválasztó pötty.
• 3.2.6 Következetes segítség, A: ha az oldalon van segítség (telefonszám, e-mail, csevegő, GYIK), minden oldalon ugyanott legyen.
• 3.3.7 Felesleges ismételt adatbevitel, A: ugyanabban a folyamatban ne kérje újra, amit a vásárló már megadott; a számlázási cím például legyen átvehető a szállítási címből.
• 3.3.8 Akadálymentes hitelesítés (minimum), AA: a belépéshez ne kelljen fejtörőt megoldani vagy bármit fejben tartani alternatíva nélkül. A jelszómezőbe lehessen beilleszteni, és működjön a jelszókezelő.

A 4.1.1 Elemzés kritérium kikerült, mert a mai böngészők és segítő technológiák mellett elavult. A WCAG 2.1 hibajegyzéke szerint HTML-tartalomnál ez mindig teljesül, így a WCAG 2.2 AA szerinti megfelelés a 2.1 AA-t is lefedi.

Melyikhez igazodjon

• Fejlesztésnél és javításnál: a WCAG 2.2 AA-hoz. Lefedi a 2.1 AA-t, és nem kell újra hozzányúlni, amikor a V4.1.1 lesz az irányadó.
• A nyilatkozatban: a WCAG 2.1 AA-t (EN 301 549 V3.2.1), és ha már a 2.2-höz is igazodik, azt is. Részletek: mit kell tartalmaznia az akadálymentességi nyilatkozatnak.
• AAA szintet nem kell célul kitűzni, de egyes kritériumai (például a nagyobb kontraszt) olcsón teljesíthetők, és sok felhasználónak segítenek.

Mit talál meg az automatikus vizsgálat

Nem mindent. Az automatikus eszköz megtalálja a hiányzó alt-szöveget, a gyenge kontrasztot vagy a címke nélküli mezőt, de azt nem tudja megítélni, hogy az alt-szöveg jól írja-e le a képet, vagy hogy a hibaüzenet érthető-e. A Deque mérése szerint a hibák nagyjából 57%-át lehet automatikusan megtalálni; a többihez kézi ellenőrzés kell: akadálymentességi audit és kézi ellenőrzés.

Az EqualVia automatikus vizsgálata a WCAG 2.2 A és AA szintű szabályait futtatja, és minden találatnál megadja a WCAG-kritériumot és az EN 301 549 pontot. Fiókkal 16 irányított kézi ellenőrzést is végigvihet.