Akadálymentes weboldal: mi kötelező mostantól, és hogyan jutunk el odáig
2025 júniusa óta az EU-ban akadálymentességi kötelezettség vonatkozik a digitálisan kínált termékek és szolgáltatások nagy részére. A legtöbb céges weboldal esetében ez kevesebb munkát jelent a vártnál – tíz intézkedés lefedi a nagyobbik részt.
A lényeg röviden
- A kötelezettség az EU-ban mindenekelőtt azokat a szolgáltatókat érinti, akik digitálisan fogyasztóknak értékesítenek – a tisztán céges ügyfeleknek szóló ajánlatok és a mikrovállalkozások részben kivételt élveznek.
- A mérce a WCAG AA szintje. Soknak hangzik, de egy szokásos céges oldalnál néhány nap alatt elérhető.
- Tíz intézkedés lefedi a nagyobbik részt – a legtöbbjük amúgy is jó gyakorlat.
- Az automatikus ellenőrzőeszközök a problémáknak csak egy részét találják meg. A többihez billentyűzetes és felolvasóprogramos ellenőrzés kell.
Kit érint
2025. június 28-a óta az EU-ban érvényes az European Accessibility Act, nemzeti jogba átültetve – Németországban akadálymentesítést erősítő törvényként. Az érintettek a fogyasztóknak digitálisan kínált termékek és szolgáltatások.
| Eset | Érintett? |
|---|---|
| Fogyasztóknak szóló webáruház | igen |
| Fogyasztóknak szóló foglalási vagy időpontfoglaló folyamat | igen |
| Tisztán céges ügyfeleknek szóló szolgáltatás | rendszerint nem |
| Tisztán tájékoztató oldal értékesítés nélkül | rendszerint nem |
| Mikrovállalkozás szolgáltatások esetén | részben kivétel |
| Közfeladatot ellátó szervek | igen, már korábban is |
Svájcban a fogyatékossággal élők esélyegyenlőségéről szóló törvény érvényes, és mindenekelőtt a közfeladatot ellátó szerveket kötelezi. Aki azonban az EU-ban élő fogyasztókat szolgál ki, az ezzel az ajánlattal az EU-s szabályozás alá esik – a kérdés tehát az EU-s üzlettel rendelkező svájci cégeknél is felmerül.
A tíz intézkedés
Ráfordításonkénti hatás szerint rendezve. Az első öt tapasztalat szerint a kifogások nagyobbik részét lefedi.
1. Alternatív szövegek a képekhez
Írja le, mit jelent a kép az adott összefüggésben – ne azt, mi látható rajta. A tisztán díszítő képek üres attribútumot kapnak, hogy át lehessen ugrani őket.
2. A kontraszt ellenőrzése
Legalább 4,5:1 a normál szövegnél, 3:1 a nagynál. Különösen a szürke segédszövegeket és a színes felületeken lévő világos feliratokat érinti.
3. Minden elérhető billentyűzettel
Minden funkciónak egér nélkül is kezelhetőnek kell lennie, értelmes sorrendben, olyan pont nélkül, ahol az ember elakad. Elsősorban a menüket, a rátéteket és az űrlapokat érinti.
4. Látható fókusz
Hol áll épp a billentyűzetfókusz? Egy jól látható keret. A leggyakoribb hiba egy outline: none a stíluslapon, amelyet sosem pótoltak.
5. Feliratozott űrlapmezők
Minden mezőnek kell egy hozzákapcsolt label. A helykitöltő szöveg nem elég – gépeléskor eltűnik, és nem mindenhol olvassák fel.
6. Címsorok sorrendben
Egy H1, alatta H2, alatta H3 – ugrások nélkül. A felolvasóprogramok ezen keresztül navigálnak; egy szerkezet nélküli oldal így nem futható át.
7. A nyelv jelölése
<html lang> változatonként, az idegen nyelvű szakaszok külön megjelölve. Ezen adat nélkül hibás kiejtéssel olvassák fel a szöveget.
8. Beszédes linkszövegek
A „Tudj meg többet” ötször egy oldalon használhatatlan, ha a linkeket külön olvassák fel. A linkszövegnek önmagában érthetőnek kell lennie.
9. Nagyítás 200 százalékig
Nagyításkor semminek sem szabad levágódnia vagy eltűnnie. Elsősorban a rögzített magasságokat és a rátéteket érinti.
10. Hibaüzenetek szövegként
Egy pirosan keretezett mező nem elég – a hibának szövegként mellette kell állnia, és meg kell mondania, mi a teendő. A szín önmagában sosem lehet az egyetlen információ.
Tudtad?
A tíz intézkedésből kilenc egyúttal a megtalálhatóságot is javítja. A címsorhierarchia, az alternatív szövegek, a beszédes linkszövegek és a jelölt nyelv ugyanazok a dolgok, amelyekre a kereső- és a válaszgépeknek is szükségük van.
Ez nem véletlen: a felolvasóprogram és a keresőrobot ugyanazzal a problémával áll szemben – nem látják az oldalt, hanem a szerkezetét olvassák. Aki az egyikre épít, az a másikat is jórészt elintézte.
Ellenőrzés – és amit az eszközök nem találnak meg
Az automatikus ellenőrzőeszközök az elterjedt megítélés szerint a tényleges problémáknak csak egy részét találják meg. Amit megbízhatóan megtalálnak: a hiányzó alternatív szövegeket, a túl kicsi kontrasztokat, a hiányzó mezőfeliratokat, a nyelvjelölést.
Amit nem tudnak megtalálni:
- Hogy értelmes-e egy alternatív szöveg. A „kep1.jpg” átmegy az ellenőrzésen.
- Hogy logikus-e a billentyűzetsorrend. Létezik igen, értelmes nem.
- Hogy egy rátét bezárja-e a fókuszt. Csak tesztben vehető észre.
- Hogy a felolvasási sorrend megfelel-e az értelemnek. Valódi felolvasóprogram kell hozzá.
A leggyorsabb beszédes teszt tíz percig tart, és nem kell hozzá eszköz: tegyétek félre az egeret, és kezeljétek az oldalt csak tabulátorral, enterrel és nyílbillentyűkkel. Nyissátok meg a kezdőlapot, navigáljatok a kapcsolatfelvételi űrlaphoz, töltsétek ki, küldjétek el.
Két dolog szinte mindig feltűnik közben: a fókusz több helyen láthatatlan, és egy menübe vagy rátétbe be lehet lépni, de kilépni már nem. Mindkettő súlyos hiba, egyiket sem jelzik az automatikus ellenőrzések, és mindkettő egy óra alatt orvosolható.
Az akadálymentességi nyilatkozat
Az érintett szolgáltatóknak be kell mutatniuk, hogyan felel meg az ajánlatuk a követelményeknek. Ebbe tartozik:
- A megvalósítás állása – a nyíltan megnevezett hézagokkal együtt.
- Egy kapcsolatfelvételi lehetőség az akadályokkal kapcsolatos visszajelzésekhez.
- Az utolsó felülvizsgálat dátuma.
Egy őszinte, megnevezett hézagokkal és ütemtervvel készült nyilatkozat jobb annál, amely olyan teljes megfelelést állít, amelyet egy vizsgálat nem erősítene meg.
Segíts felmérni, mi a teendő a weboldalunkkal akadálymentesség ügyében. A helyzetünk: - Amit kínálunk: [ajánlat] - Értékesítünk digitálisan fogyasztóknak? [igen / nem / részben] - Piacok: [országok] - Munkatársak és éves árbevétel: [adat] - Interaktív elemek az oldalon: [űrlapok, foglalás, webáruház, konfigurátor, bejelentkezés] - Amit már megvalósítottunk: [pontok] Feladatok: 1. Sorold be, hogy vonatkozhat-e ránk az EU-s kötelezettség, és ha igen, az ajánlatunk mely részeire. Nevezd meg azokat a pontokat, amelyeket kötelezően szakembernek kell megítélnie. 2. Nevezd meg a tíz alapintézkedés közül azokat, amelyek a mi interaktív elemeinknél a legfontosabbak, és indokold meg. 3. Fogalmazz ellenőrzőlistát az oldalunk billentyűzetes teszteléséhez: milyen útvonalakat járunk végig, és mire figyeljünk. 4. Nevezd meg, mit nem találnának meg nálunk várhatóan az automatikus ellenőrzőeszközök. 5. Vázold fel egy akadálymentességi nyilatkozat szerkezetét, helykitöltőkkel a mi állásunkhoz. Ne találj ki jogszabályi cikkeket, határidőket és bírságösszegeket.
Összegzés
Egy szokásos céges weboldalnál az AA szintű akadálymentesség nem nagyprojekt: tíz intézkedés, amelyek többsége amúgy is jó gyakorlat, lefedi a nagyobbik részt – néhány napos nagyságrendű ráfordítással.
A leghatásosabb lépés semmibe sem kerül: tegyétek félre az egeret, és kezeljétek egyszer a saját oldalatokat billentyűzettel. Amit ilyenkor észrevesztek, azt egyetlen automatikus eszköz sem találja meg – és rendszerint ezek a legsúlyosabb hibák.
Gyakori kérdések
Kire vonatkozik az akadálymentességi kötelezettség?
Az EU-ban 2025. június 28-a óta mindenekelőtt azokra a szolgáltatókra, akik digitálisan fogyasztóknak értékesítenek – webáruházak, foglalási és időpontfoglaló folyamatok. A tisztán céges ügyfeleknek szóló ajánlatok és a tisztán tájékoztató oldalak rendszerint nem érintettek, a mikrovállalkozások szolgáltatások esetén részben kivételt élveznek. A közfeladatot ellátó szervek már korábban is kötelezettek voltak.
Vonatkozik ez a svájci cégekre is?
Svájcban a fogyatékossággal élők esélyegyenlőségéről szóló törvény mindenekelőtt a közfeladatot ellátó szerveket kötelezi. Aki azonban az EU-ban élő fogyasztókat szolgál ki, az ezzel az ajánlattal az EU-s szabályozás alá esik – a kérdés tehát az EU-s üzlettel rendelkező svájci cégeknél is felmerül.
Mely intézkedések hozzák a legtöbbet?
Öt fedi le a kifogások nagyobbik részét: értelmes alternatív szövegek a képekhez, elegendő kontraszt (4,5:1 a normál szövegnél), teljes billentyűzetes kezelhetőség, látható fókuszkeret, és feliratozott űrlapmezők hozzákapcsolt labellel a puszta helykitöltő szöveg helyett.
Elegendők az automatikus ellenőrzőeszközök?
Nem, a problémáknak csak egy részét találják meg. Megbízhatóan felismerik a hiányzó alternatív szövegeket, a gyenge kontrasztokat és a hiányzó mezőfeliratokat. Nem tudják felismerni, hogy értelmes-e egy alternatív szöveg, hogy logikusan halad-e a billentyűzetsorrend, vagy hogy egy rátét bezárja-e a fókuszt.
Segít az akadálymentesség a láthatóságnak is?
Igen, a tíz alapintézkedésből kilenc közvetlenül a megtalálhatóságra fizet be. A címsorhierarchia, az alternatív szövegek, a beszédes linkszövegek és a jelölt nyelv ugyanazok a dolgok, amelyekre a kereső- és a válaszgépeknek szükségük van – a felolvasóprogram és a keresőrobot egyaránt a szerkezetet olvassa a kép helyett.
Marketing, amely magát állítja be
A Studio Engine bétája nyitva áll. Foglalj helyet, és alakítsd az elejétől fogva.
Csatlakozom a bétához →