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

Divat- és ruházati webshopok akadálymentesítése

A megfelelő méret és szín kiválasztása ne csak egérrel vagy a képek alapján legyen lehetséges.

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

Méret és fazon szerinti szűrés
Szín és méret kiválasztása
Mérettáblázat és termékképek
Kosár és rendelés

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.

Szín- és méretválasztók

A színminta önmagában nem mondja el a szín nevét vagy a kiválasztott állapotot. A vásárlónak azt is tudnia kell, mely méretek érhetők el az adott változatban.

Szemléltető helyzet: Egy zöld színpötty és egy M méretgomb után egyértelműen megjelenik: „Erdőzöld, M méret”. Ez szemléltető elvárás, nem egy adott webshop hibája.

Fejlesztői javítási irány

Használjon címkézett natív select vagy rádiógomb vezérlőt. Egyedi megoldásnál a név, szerep és kiválasztott állapot programozottan is elérhető legyen; a billentyűzetes működés kövesse a vezérlő típusát. A készlethiányt ne csak halvány szín jelezze.

Így ellenőrizze

Egér nélkül válasszon másik színt és méretet; képernyőolvasóval ellenőrizze a neveket, a választást és a készletállapotot.

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

Mérettáblázat, amelyből valóban lehet választani

A mell-, derék- vagy talphosszadatoknak olvasható szövegként, egyértelmű mértékegységgel kell rendelkezésre állniuk. Egy képbe írt táblázatot nem mindenki tud használni.

Szemléltető helyzet: A „38-as méret – 24 cm talphossz” kapcsolat szövegesen is megismerhető, nem csak a táblázat vizuális elrendezéséből.

Fejlesztői javítási irány

Adjon caption elemet és megfelelő th/scope fejlécet a valódi adattáblázathoz. Ha a táblázat párbeszédablakban nyílik meg, biztosítsa a kezdőfókuszt, bezárást és a fókusz visszatérését. Ne tiltson le minden nagyítást.

Így ellenőrizze

Nyissa meg, olvassa el és zárja be a mérettáblázatot billentyűzettel; ellenőrizze nagyítva és képernyőolvasóval is.

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

Összetett szűrés és változó találatok

A méret, szabás és szín szerinti szűrő csak akkor segít, ha a választások törölhetők, a találatok változása érzékelhető, és a fókusz nem vész el.

Szemléltető helyzet: A „42-es cipőméret” szűrő bekapcsolása után a vásárló értesül a találatok számáról, és külön is eltávolíthatja ezt a feltételt.

Fejlesztői javítási irány

A szűrőmezőknek legyen látható címkéjük. A dinamikus találatszám megfelelő állapotüzenetként legyen elérhető, indokolatlan fókuszváltás nélkül. Az eltávolítógomb neve tartalmazza a törlendő feltételt.

Így ellenőrizze

Kapcsoljon be két szűrőt, törölje az egyiket, majd nyisson meg egy találatot. Figyelje a fókuszt és a visszajelzéseket.

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

Termékgaléria és részletek

A képek mutathatnak olyan különbséget, amely lényeges a döntéshez: záródás, fazon vagy anyagmintázat. A galéria kezelése és a szükséges képleírás két külön vizsgálati feladat.

Szemléltető helyzet: A hátulnézet leírása kitérhet a cipzár elhelyezkedésére, ha az fontos; a pusztán dekoratív kép nem igényel ilyen magyarázatot.

Fejlesztői javítási irány

A releváns képek kapjanak a rendeltetésüknek megfelelő alternatív szöveget. A galéria nyilai valódi, névvel ellátott gombok legyenek, látható fókusszal; a nagyított nézetből lehessen visszatérni.

Így ellenőrizze

Váltson képet, nyissa meg a nagyított nézetet és térjen vissza billentyűzettel. Nézze meg, milyen információ marad a képek nélkül.

Kapcsolódó WCAG 2.1 kritériumok: 1.1.1 · 2.1.1 · 2.4.7. 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.

Színt és méretet választottam egér nélkül, és a kiválasztott állapot egyértelmű volt.Elolvastam és bezártam a mérettáblázatot billentyűzettel.Bekapcsoltam, majd eltávolítottam egy méretszűrőt, fókuszvesztés nélkül.Kezeltem a galériát, és a fontos termékrészletek szövegesen is elérhetők voltak.A választott szín és méret a kosárban is ellenőrizhető volt.

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

Minden termékfotót részletesen le kell írni?

Nem. A kép rendeltetése és az adott környezetben közölt információ számít. A már szövegben szereplő részleteket nem kell mechanikusan megismételni; a dekoratív képekhez üres alternatív szöveg lehet megfelelő.

Megoldás a mérettáblázat letölthető PDF-ben?

A PDF önmagában nem garancia a használhatóságra. A vásárláshoz szükséges méretadatokat érdemes közvetlenül, akadálymentes HTML-ben elérhetővé tenni; a dokumentumot külön is vizsgálni kell.

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.