WCAG 2.2 közérthetően: mi változott?

A WCAG (Web Content Accessibility Guidelines) a webes akadálymentesség nemzetközi irányelve, amelyet a W3C ad ki. A 2.2-es változat 2023 októberében jelent meg, és a 2.1-re épül: mindent megtart belőle, és kiegészíti új követelményekkel.

Melyiknek kell megfelelni: 2.1 vagy 2.2?

Európában a jogszabályok a EN 301 549 szabványra hivatkoznak, amely jelenleg a WCAG 2.1 AA szintet veszi át. A jogi minimum tehát ma a 2.1 AA.

Ennek ellenére érdemes már most a 2.2-t is figyelembe venni:

• a 2.2 visszafelé kompatibilis – ami megfelel neki, az a 2.1-nek is;
• az új kritériumok valódi, gyakori problémákra adnak választ;
• a szabványok frissítése várhatóan a 2.2 felé mozdul, és egy most készülő oldalnak évekig kell kitartania.

A kilenc új kritérium – hat, ami az AA szinthez tartozik

A WCAG három szintet ismer: A (alap), AA (a jogszabályok által elvárt) és AAA (legmagasabb). Az új kritériumok közül ezek számítanak az AA szintbe.

2.4.11 – A fókuszált elem ne legyen eltakarva

Aki billentyűzettel navigál, a Tab lenyomására mindig látja, hol jár (ez a fókusz). Ha egy ragadós fejléc, sütisáv vagy csevegőablak teljesen eltakarja a fókuszált elemet, a felhasználó elveszik.

Gyakorlatban: a lebegő elemek ne takarják ki a tartalmat, amikor a fókusz odaér.

2.5.7 – Húzás helyett legyen más mód is

Amit csak húzással lehet elvégezni (csúszka, sorrend átrendezése, térkép mozgatása), azt olyasvalaki nem tudja megtenni, akinek remeg a keze, vagy fejpálcával, szemmozgással irányít.

Gyakorlatban: a húzás mellett legyen egy egyszerű kattintásos alternatíva – például „feljebb/lejjebb” gomb, vagy a csúszka mellett beírható érték.

2.5.8 – Elég nagy kattintási terület

A kattintható elemek legyenek legalább 24×24 CSS-pixelesek, vagy legyen körülöttük annyi hely, hogy ne lehessen mellényúlni. (Vannak kivételek, például a folyó szövegben lévő linkek.)

Gyakorlatban: különösen mobilon fontos – az apró „×” bezárógombok, a szorosan egymás mellé zsúfolt ikonok a leggyakoribb hibák.

3.2.6 – A segítség mindig ugyanott legyen

Ha az oldalon van segítség – telefonszám, csevegés, GYIK-link, kapcsolati űrlap –, az minden oldalon ugyanott legyen.

Gyakorlatban: a láblécben vagy a fejlécben, mindig azonos sorrendben.

3.3.7 – Ne kelljen kétszer beírni ugyanazt

Egy folyamaton belül (például megrendelésnél) a már megadott adatot ne kérje újra az oldal – vagy töltse ki előre, vagy lehessen kiválasztani.

Gyakorlatban: a „szállítási cím megegyezik a számlázási címmel” jelölőnégyzet klasszikus példa.

3.3.8 – Akadálymentes bejelentkezés

A bejelentkezéshez ne kelljen fejben megoldani valamit – megjegyezni, kiszámolni, átmásolni –, hacsak nincs alternatíva.

Gyakorlatban: engedje a jelszó beillesztését és a jelszókezelők használatát; ha van ellenőrző feladvány, legyen olyan változata, amely nem kíván fejszámolást vagy torzított szöveg kibetűzését.

A három AAA-szintű újdonság

• 2.4.12 – a fókuszált elem egyáltalán ne legyen takarva (a 2.4.11 szigorúbb változata);
• 2.4.13 – a fókuszjelzés legyen jól látható (méret és kontraszt);
• 3.3.9 – a 3.3.8 szigorúbb változata.

Ezek nem kötelezőek, de a 2.4.13 megfogadása egyszerű és sokat javít: egy vastag, kontrasztos fókuszkeret mindenkinek segít.

Ami kikerült

A 2.2-ből kikerült a 4.1.1 (elemzés) kritérium, mert a mai böngészők és segítő technológiák már nem függnek tőle. Ez egyszerűsítés, nem lazítás.

Mit tegyen most?

Ha új oldal készül: kérje a WCAG 2.1 AA megfelelést, a 2.2 AA új kritériumaival kiegészítve. A többletmunka elhanyagolható, ha az elejétől így tervezik.

Ha meglévő oldala van: az átvizsgálásnál kérje, hogy a jelentés a 2.2-es kritériumokat is jelezze – akkor is, ha jogilag még a 2.1 a mérce.

Az akadálymentesség alapjairól ebben az írásban beszéltünk, a jogi háttérről pedig itt. Ha szeretné tudni, hol tart az oldala, kérjen átvizsgálást – a weboldal-akadálymentesítés menetéről itt olvashat.