Iparági EAA- és WCAG-útmutató

Élelmiszer- és drogériawebshopok akadálymentesítése

Az összetevők megismerése és az ismétlődő bevásárlás ne váljon akadállyá a vásárló számára.

Akadálytalan · Frissítve: 2026. október 29. · Saját szakmai útmutató

Ingyenes gyorsauditot kérek Auditcsomagok és árak

Illusztráció a termékkörről; nem ügyfélwebshop vagy auditált felület.

Nem az iparág dönti el az EAA-kötelezettséget

A fogyasztóknak nyújtott e-kereskedelmi szolgáltatás és a szolgáltató helyzete számít. A szolgáltatást nyújtó mikrovállalkozások mentesülhetnek: 10 fő alatti létszám és legfeljebb 2 millió eurós éves árbevétel vagy mérlegfőösszeg. Az egyedi körülmények és az alkalmazandó szabályok vizsgálata szükséges.

Kinek kötelező? Döntési segédlet

Ezt a vásárlási utat érdemes végigpróbálni

Összetevők és kiszerelés
Mennyiség és egységár
Kosár és helyettesítő termék
Szállítási idősáv

Az alábbi helyzetek lehetséges ellenőrzési pontok, nem állítások egy platform, sablon vagy teljes iparág hibáiról. A hibát az adott webshopban kell reprodukálni.

Összetevők és allergéninformáció

A csomagolás fényképe mellett olvasható szövegben is legyen elérhető a döntéshez szükséges információ. Az allergének jelölése ne kizárólag a szöveg színén alapuljon.

Szemléltető helyzet: Egy termék összetevőlistája külön címsor alatt, nagyítható szövegként szerepel. Az allergének kiemelése megmarad a képek kikapcsolásakor is.

Fejlesztői javítási irány

Ne képként vagy CSS által beszúrt tartalomként tegye elérhetővé az egyetlen összetevőlistát. Használjon szemantikus címsorokat és szöveget, megfelelő kontraszttal. A termékinformáció pontossága és az élelmiszerjogi előírások teljesítése külön feladat, nem WCAG-eredmény.

Így ellenőrizze

Olvassa el a termék összetevőit képernyőolvasóval és nagyítva. Ellenőrizze, hogy nem hiányzik-e információ a csomagolás képe nélkül.

Kapcsolódó WCAG 2.1 kritériumok: 1.1.1 · 1.3.1 · 1.4.1 · 1.4.3. A felsorolás támpont, nem teljes ellenőrzési hatókör.

Kiszerelés, egységár és mennyiség

A mennyiségválasztónál egyértelműnek kell lennie, hogy darabról, csomagról vagy tömegről van szó. A termék ára és egységára ne mosódjon össze.

Szemléltető helyzet: A „Mennyiség: 2 csomag” világos visszajelzés; a növelőgomb neve az adott termékre is utalhat a sok ismétlődő vezérlő között.

Fejlesztői javítási irány

Kapcsoljon látható címkét a mennyiségmezőhöz. A plusz és mínusz gomboknak legyen értelmes hozzáférhető neve. A kiszerelés és mértékegység szövegesen is szerepeljen, ne kizárólag vizuális elhelyezésből derüljön ki.

Így ellenőrizze

Módosítsa a mennyiséget egér nélkül, majd ellenőrizze, hogy az érték és a mértékegység képernyőolvasóval is megismerhető.

Kapcsolódó WCAG 2.1 kritériumok: 1.3.1 · 2.1.1 · 3.3.2 · 4.1.2. A felsorolás támpont, nem teljes ellenőrzési hatókör.

Gyors kosárba helyezés és helyettesítés

A kategóriaoldali kosárgomb megkönnyítheti az ismétlődő vásárlást, de a sikeres hozzáadásról és a helyettesítő termék kiválasztásáról is világos visszajelzés szükséges.

Szemléltető helyzet: Hozzáadáskor a felhasználó értesül a termék nevéről és mennyiségéről anélkül, hogy a fókusz elugrana az éppen használt listából.

Fejlesztői javítási irány

A kosárfrissítést megfelelő élő állapotüzenettel tegye érzékelhetővé. A helyettesítés választása legyen címkézett vezérlő, egyértelmű alapállapottal. A visszajelzés ne legyen túl gyakori vagy a képernyőolvasó használatát megszakító.

Így ellenőrizze

Adjon hozzá egymás után két terméket, módosítsa az egyiket, majd ellenőrizze a kosár tartalmát és a helyettesítési választást.

Kapcsolódó WCAG 2.1 kritériumok: 2.1.1 · 4.1.2 · 4.1.3. A felsorolás támpont, nem teljes ellenőrzési hatókör.

Szállítási idősáv és készletváltozás

Az elérhető és foglalt idősáv ne csak zöld vagy szürke hátterével különbözzön. A kiválasztott napot, időszakot és az esetleges foglalási időkorlátot is meg kell érteni.

Szemléltető helyzet: A „Péntek, 16–18 óra, elérhető” választás szöveges állapotot is kap. Ha van lejáró foglalás, a felhasználó értesül róla.

Fejlesztői javítási irány

Használjon címkézett választómezőket vagy megfelelően megvalósított naptárvezérlőt. A WCAG 2.2.1 szerint vizsgálja az időkorlát kikapcsolásának, állításának vagy meghosszabbításának lehetőségét és a vonatkozó kivételeket; ne tekintsen minden idősávfoglalást automatikus kivételnek.

Így ellenőrizze

Válasszon napot és idősávot billentyűzettel. Vizsgálja meg az elfogyott készletre és az esetleges lejáratra adott visszajelzést is.

Kapcsolódó WCAG 2.1 kritériumok: 1.4.1 · 2.1.1 · 2.2.1 · 3.3.1. A felsorolás támpont, nem teljes ellenőrzési hatókör.

Gyakorlati önellenőrző lista

Csak azt jelölje be, amit valóban kipróbált és a leírt módon működött. Ha valamelyik funkció nincs a webshopjában, hagyja üresen. A jelölések csak ezen az oldalon, az aktuális megnyitás alatt maradnak meg.

Az összetevő- és allergéninformáció olvasható szövegként is elérhető volt.A mennyiséget egér nélkül állítottam, egyértelmű mértékegységgel.A gyors kosárba helyezés visszajelzését fókuszváltás nélkül érzékeltem.A helyettesítő termékre vonatkozó választást megértettem és módosítottam.Szállítási idősávot választottam billentyűzettel, és megértettem az állapotát.

0 / 5 pont kipróbálva

Ez feladatkövetés, nem akadálymentességi pontszám. Az összes jelölés sem bizonyít WCAG- vagy EAA-megfelelést; további gépi és kézi vizsgálatok szükségesek.

Az önellenőrzéstől a dokumentált javításig

1. Kiinduló felmérés
Az ingyenes gyorsaudit segít elindulni. Nem helyettesíti a teljes vásárlási folyamat és minden követelmény vizsgálatát.
2. Részletes audit és javítási terv
A csomag hatóköre szerint gépi és szükséges kézi ellenőrzések készülnek. A jelentés az érintett oldalakat, reprodukciót, súlyosságot és javítási irányokat dokumentálja; kiküldés előtt jóváhagyjuk.
3. Javítás és retest
A fejlesztő a feladatterv alapján dolgozhat. Az írásos támogatás és célzott utóellenőrzés a változtatások ellenőrzését segíti; a nyilatkozat a ténylegesen vizsgált állapotra épül, nem hatósági tanúsítvány.

Ingyenes gyorsauditot kérek Auditcsomagok és árak

Javítási támogatás és retest részletesen

Kérdések ebben az iparágban

Az allergéninformáció akadálymentessége élelmiszerjogi megfelelést is jelent?

Nem. A hozzáférhetőség és a termékinformáció jogi, szakmai helyessége külön kérdés. Ez az útmutató a tartalom érzékelhetőségét és a vásárlási felület kezelését tárgyalja, nem ad egészségügyi tanácsot.

A drogériatermékek színválasztóját is tesztelni kell?

Ha van például árnyalatválasztó, annak nevét, kiválasztott állapotát és billentyűzetes működését is vizsgálni kell. A színminta látványa nem helyettesíti a szöveges azonosítást.

Hivatalos források és az útmutató korlátai

A példák és magyarázatok saját tartalmak. A WCAG 2.1 A és AA kritériumai gyakorlati vizsgálati keretet adnak, de teljesítésük önmagában nem igazolja az EAA összes követelményét. A konkrét szolgáltatás hatókörét és az alkalmazandó jogi kötelezettségeket külön kell tisztázni.

Tájékoztató tartalom; nem egyedi jogi tanácsadás, valódi ügyfélreferencia vagy megfelelőségi igazolás.