Az európai akadálymentesítési irányelvnek már foga van: mire van szüksége a webhelyének

Az európai akadálymentesítési irányelv 2025. június 28-tól alkalmazandó. Az első évben a legtöbb cég figyelte, hogy valóban kikényszeríti-e valaki. Erre a kérdésre megvan a válasz.

Egy francia bíróság napi 500 eurós bírság terhe mellett kötelezte a Carrefourt a teljes megfelelés elérésére. A tagállami piacfelügyeleti hatóságok 2026 folyamán az információkérésektől a célzott auditokig jutottak. Panasztételi mechanizmus minden tagállamban létezik, és a fogyatékossággal élők szervezetei használják is.

Ha az EU-ban fogyasztóknak értékesít, és a webhelye nem akadálymentes, ez már nem hírnévkérdés. Ez felügyelt kérdés.

Mit fed le valójában az irányelv

A 2019/882 irányelv meghatározott termék- és szolgáltatáslistára vonatkozik, nem az egész webre. A hatály alá tartozó szolgáltatások közé tartozik:

• Az e-kereskedelem, tágan meghatározva minden olyan szolgáltatásként, amely lehetővé teszi a fogyasztónak távollévők közötti szerződéskötést. Ha valaki böngészhet, választhat és vásárolhat a webhelyén, a hatály alá tartozik.
• A fogyasztói banki szolgáltatások, beleértve az online bankolást és a fizetési felületeket.
• A személyszállítási szolgáltatások, beleértve a webhelyeket, alkalmazásokat és jegyértékesítést.
• Az elektronikus hírközlési szolgáltatások.
• Az audiovizuális médiaszolgáltatásokhoz való hozzáférés.
• Az e-könyvek és a hozzájuk tartozó szoftver.

A hatály alá tartozó termékek között van az önkiszolgáló terminál, a fizetési terminál, az e-könyvolvasó és a fogyasztói számítástechnikai hardver.

Két határ számít a gyakorlatban. Először, az irányelv a fogyasztóknak nyújtott szolgáltatásokra vonatkozik. A tisztán vállalatközi platformok, a belső eszközök és a nem nyilvánosan kínált szolgáltatások kívül maradnak. Másodszor, van mikrovállalkozási mentesség a szolgáltatásokra: tíznél kevesebb alkalmazott és legfeljebb kétmillió eurós éves árbevétel vagy mérlegfőösszeg. Ez a mentesség csak szolgáltatásokra vonatkozik, termékekre nem, és nem kell kérni: vagy a küszöb alatt van, vagy nem.

A mentesség szűkebb, mint sokan remélik. Egy tizenkét fős webáruház a hatály alá tartozik. Egy nyolcfős cég is, amely a termékmellékletben szereplő fizikai terméket árul.

A műszaki szabvány

Az irányelv funkcionális követelményeket állít. A műszaki mérce a harmonizált európai szabvány, az EN 301 549, amelyben a valóban tesztelhető kritériumok találhatók.

A jelenleg közzétett, 2021. márciusi V3.2.1 verzió a WCAG 2.1 AA szintet építi be. Várható a WCAG 2.2-höz igazodó felülvizsgálat, amely néhány kritériumot ad a fókusz megjelenéséről, a húzómozdulatokról, a célméretről, a következetes segítségről és a redundáns bevitelről. Semmi drámai, de ha most javít, a WCAG 2.2 célzása a 2.1 helyett megspórolja a munka kétszeri elvégzését.

A harmonizált szabványnak való megfelelés megfelelőségi vélelmet ad az irányelvhez. Ez a gyakorlati cél: WCAG 2.1 AA ma, WCAG 2.2 AA, ha tartalékot szeretne.

Mit jelent ez a kódban

Az akadálymentesítési útmutatók általában elvi szinten íródnak. Így néz ki munkaként, azon az alapon, amit szinte minden auditban találunk.

Szemantika és szerkezet

Az akadálymentesítési hibák többsége szerkezeti. Az egymásba ágyazott divekből kattintáskezelőkkel épített oldal semmit nem ad a képernyőolvasónak.

• Használjon valódi elemeket. A gomb <button>, nem onClick eseménnyel ellátott div. A navigáló hivatkozás <a href>. Ez az egyetlen változtatás egy csapásra rendbe teszi a billentyűzetes használhatóságot, a fókuszviselkedést és a felolvasást.
• Tereptárgyak: header, nav, main, footer. Oldalanként egy main.
• Címsorok sorrendben, amelyek szerkezetet írnak le, nem betűméret alapján választva.
• Listák listaként, táblázatok táblázatként, valódi fejléccellákkal és scope-pal.
• Nyelv a html elemen deklarálva, és soron belül váltva ott, ahol a tartalom nyelvet vált. Többnyelvű webhelyen ez többet számít, mint gondolnánk, mert a képernyőolvasó egyébként angol hanggal olvassa a franciát.

Űrlapok

Az űrlapoknál buknak el a tranzakciók, ezért ezeket alaposan vizsgálják.

• Minden beviteli mezőnek van programozottan társított címkéje. A helyőrző szöveg nem címke.
• A hibákat szövegesen azonosítják, a mezőhöz kötik és felolvassák. Önmagában a piros keret semmit nem közöl egy nem látó felhasználóval.
• A kötelező mezők a segítő technológiák számára is látható módon vannak jelölve.
• Autocomplete attribútumok a személyes adatokat tartalmazó mezőkön, kifejezett WCAG-kritérium, amely a konverziót is javítja.
• A csoportosított vezérlők fieldsetet és legendet használnak.

Billentyűzet és fókusz

• Minden interaktív elem elérhető és kezelhető billentyűzettel, a vizuális elrendezésnek megfelelő sorrendben.
• A fókusz mindig látható. A körvonalak eltávolítása pótlás nélkül tiszta hiba.
• Nincs billentyűzetcsapda. A modális ablakok szándékosan fogják a fókuszt, bezáráskor visszaadják, és Escape-pel bezáródnak.
• Ugróhivatkozás a fő tartalomhoz.

Vizuális megjelenés

• Szövegkontraszt legalább 4,5 az 1-hez normál szövegnél és 3 az 1-hez nagy szövegnél.
• Nem szöveges kontraszt 3 az 1-hez a felületi elemeknél és a jelentést hordozó grafikáknál, ami sok gyenge kontrasztú űrlapmező-keretet elkap.
• A tartalom 320 CSS-képpont szélességnél vízszintes görgetés nélkül átrendeződik.
• A szöveg 200 százalékra nagyítható tartalomvesztés nélkül.
• A szín soha nem hordoz önmagában jelentést.

Dinamikus tartalom

• Az élő régiók bejelentik az oldalbetöltés nélkül bekövetkező változásokat, például a kosárfrissítéseket vagy az ellenőrzési összegzéseket.
• Az egyedi komponensek helyes szerepeket, állapotokat és tulajdonságokat hordoznak. Ha kézzel épít combobox elemet, kövesse az ARIA Authoring Practices ajánlásait improvizálás helyett.
• Tartsa tiszteletben a csökkentett mozgásra vonatkozó beállítást.
• Semmi, ami automatikusan hangot játszik, és nincs önműködően továbbhaladó körhinta szüneteltetés nélkül.

Dokumentumok és média

• A hatály alá tartozó PDF-eknek címkézettnek és olvashatónak kell lenniük. A beszkennelt képként átadott számla vagy szerződési feltétel elbukik.
• A videóhoz felirat kell. Az előre rögzített hanghoz átirat kell.
• A képekhez olyan alternatív szöveg kell, amely a célt közvetíti. A dekoratív képek üres alt attribútumot kapnak.

Az akadálymentességi nyilatkozat

A szolgáltatóknak közzé kell tenniük, hogyan felel meg a szolgáltatás a követelményeknek. A hiányzó vagy hiányos akadálymentességi nyilatkozat az egyik leggyakoribb megállapítás, és furcsa ezen elbukni, mert egy délutánba kerül.

Egy használható nyilatkozat tartalmazza a megfelelőségi célt, az utolsó értékelés dátumát, az alkalmazott módszert, az ismert korlátok őszinte listáját ütemtervvel, egy visszajelzési csatornát, amelyet valódi ember figyel, és a panaszokhoz szükséges nemzeti végrehajtó szerv adatait.

Ne ígérjen túl. A teljes megfelelőség állítása ismert hiányosság mellett rosszabb, mint a részleges megfelelés kijelentése javítási tervvel, jogilag és gyakorlatilag is.

Szankciók

A szankciókat nemzeti szinten állapítják meg, és jelentősen eltérnek. Közzétett számok: Hollandiában akár 90 000 euró, Németországban 10 000 és 100 000 euró között jogsértésenként, Franciaországban 75 000 és 300 000 euró közötti sávok jogsértésenként, Írországban akár 60 000 euró. Néhány tagállam ismételt vagy súlyos esetben árbevétel-alapú számítást enged.

A pénzügyi kitettség gyakran nem a legnagyobb költség. Napi bírság mellett elrendelt javítás azt jelenti, hogy a munkát határidőnyomás alatt, auditorral kell elvégezni, ami sokkal drágább, mint nyugodtan megcsinálni.

Az overlay eszközök nem működnek

Az akadálymentesítési overlay eszközök, azok a JavaScript-widgetek, amelyek azonnali megfelelést ígérnek, nem adják meg azt. Nem javítják a hiányzó szemantikát, nem írnak értelmes alternatív szöveget, és gyakran zavarják a felhasználó által már beállított segítő technológiát. Az érdekvédelmi szervezetek ebben következetesek, más joghatóságokban zajló perek pedig többször érintettek overlay-t futtató webhelyeket.

Kezelje őket adóként, ne javításként.

Reális javítási útvonal

Ez az a sorrend, amelyet használunk, és amely a kockázat nagy részét az első két fázisban leveszi.

1. fázis: automatizált vizsgálat és kézi audit. Az automatikus eszközök a problémák nagyjából egyharmadát fogják meg, ami hasznos, de messze nem elég. Párosítsa a vizsgálatot kézi billentyűzetes és képernyőolvasós teszteléssel a kritikus utakon: főoldal, kategória, termék, kosár, pénztár, fiók, kapcsolat.

2. fázis: javítsa a tranzakciós utakat. Pénztár, regisztráció, bejelentkezés, keresés. Itt szűnik meg egy nem akadálymentes webhely kellemetlenségnek lenni és válik kirekesztéssé, és erről fog szólni egy panasz.

3. fázis: javítsa a komponenskönyvtárat. A legtöbb webhely korlátozott számú, mindenhol ismétlődő komponensből épül. A gomb, mező, modális ablak, legördülő lista, fülek és táblázat egyszeri javítása egyszerre javít több száz oldalt. Itt van az emelő.

4. fázis: tartalom és dokumentumok. Alternatív szövegek, címsorok, PDF-ek, feliratok. Lassú, de technikailag nem nehéz.

5. fázis: akadályozza meg a visszaesést. Automatizált akadálymentességi ellenőrzések a CI-ben, lintszabályok JSX-hez vagy sablonokhoz, és akadálymentességi kritériumok a kész definíciójában. Enélkül tizennyolc hónap múlva újra fizet az auditért.

A járulékos haszon

A fentiek javítják a keresési láthatóságot, a Core Web Vitals mutatókat és a konverziót is. A rendes címsorszerkezet, a szemantikus jelölés, a valódi címkék és a megfelelő kontraszt pontosan az, ami segíti a robotokat az oldal értelmezésében és a hétköznapi felhasználókat abban, hogy rossz fényviszonyok között telefonon befejezzék a vásárlást.

Átfedés van újabb kötelezettségekkel is. Az MI-rendelet átláthatósági szabályai szerint az információt világosan és megkülönböztethetően kell megadni, az alkalmazandó akadálymentességi követelményeknek megfelelően, ami azt jelenti, hogy egy nem akadálymentes elemleírásba temetett MI-tájékoztatás kétszer bukik el. Ezt az MI-átláthatóságról szóló cikkben tárgyaltuk.

Hol kezdje

Ha még nem auditálták, kezdje egy billentyűzettel. Húzza ki az egeret, és próbáljon vásárlást befejezni a saját webhelyén. A legtöbb csapat öt percen belül megtalálja az első három problémát, és ez meggyőzőbb bemutató a vezetésnek, mint bármelyik jelentés.

Akadálymentességi auditokat és javítási programokat végzünk EU-ban működő cégeknek, beleértve a komponenskönyvtáron végzett munkát és a CI-integrációt, hogy a javítás tartson. További részletek az akadálymentesítési szolgáltatási oldalunkon, a tágabb szabályozási kontextus pedig az EU digitális megfelelési térképünkben 2026.

Írjon az office@c9group.dev címre, ha őszinte képet szeretne arról, hol tart.