Akadálymentesítés

Az akadálymentesítés azt jelenti, hogy egy weboldal minden felhasználó számára érthető és használható – beleértve a látás-, hallás-, mozgáskorlátozott vagy egyéb fogyatékkal élőket is. A európai jogszabályok szerint bizonyos feltételek teljesülése esetén jogilag kötelező biztosítani, hogy webáruháza megfeleljen az akadálymentesítési követelményeknek.

Ebben a cikkben összefoglaljuk, hogy pontosan mi az akadálymentesítés, mikor köteles betartani ezeket a feltételeket, és hogyan kell betartani az akadálymentesítési irányelveket.

Még ha a törvény nem is írja elő az Ön esetében, akkor is érdemes figyelembe venni és betartani a webáruház akadálymentesítési alapelveit. Egy akadálymentesebb webáruház minden látogató számára barátságosabb, minden típusú eszközön jobban működik, és gyakran magasabb konverziókhoz és jobb SEO-hoz vezet.

Az akadálymentesítés alapelvei

A web akadálymentesítése számos alapelven alapul: egy weboldalnak észlelhetőnek, működtethetőnek, és érthetőnek kell lennie. Mit jelentenek ezek a kifejezések? A szöveg és más fontos elemek megfelelő színkontrasztja, nagy és olvasható betűméret, világos címsor- és szövegszerkezet, valamint a teljes webhelyen való navigálás lehetősége pusztán billentyűzettel. Ez azt is jelenti, hogy minden képhez és grafikához szöveges leírás szükséges, a videókhoz feliratok vagy átiratok, valamint annak biztosítása, hogy a fontos információk ne kizárólag a színeken vagy a vizuális effekteken alapuljanak.

Mindezek az elvek segítik a különféle fogyatékkal élőket – például a vak felhasználókat, akik képernyőolvasókat használnak; a gyengénlátókat, akik felnagyítják a tartalmat vagy állítják a kontrasztot; vagy a motoros fogyatékossággal élőket, akik nem tudnak egérrel kis gombokra kattintani, és billentyűzetet kell használniuk. Az akadálymentesítés azonban javítja a használhatóságot minden felhasználó számára. Például a megfelelő kontrasztot és betűméretet minden vásárlója értékelni fogja, amikor vakító napfény éri az eszközeik képernyőjét. Hasonlóképpen, a videókhoz tartozó feliratok még a jól hallók számára is előnyösek zajos környezetben.

Ha egy webáruház akadálymentes, akkor nagyobb az esélye annak, hogy szélesebb körben vásárolnak problémamentesen. Ez a nyitottságot és a méltányosságot is mutatja a speciális igényű vásárlók felé. Ezenkívül az akadálymentesítés támogatja a SEO teljesítményét, és javítja a weboldal technikai minőségét, mivel a világos struktúra és a jól megjelölt tartalom a keresőmotorokat is segíti.

Törvények, irányelvek és szabványok

2025. június 28-tól hatályos Magyarországon a 2022. évi XVII. törvény az egyes termékek és szolgáltatások akadálymentesítési követelményeiről, amelyet a 605/2022. (XII.28.) Korm. rendelet is alátámaszt, és amely előírja az akadálymentesítési megfelelést, beleértve a webáruházak üzemeltetői számára is. Az e törvényből eredő kötelezettségek nem vonatkoznak a következőkre:

• kizárólag B2B módban működő online áruházak (azaz, ha csak üzleti vállalkozásoknak értékesít),
• úgynevezett mikrovállalkozások, amelyek legfeljebb 10 alkalmazottat foglalkoztató és legfeljebb 2 millió euró éves árbevételű szervezetek.

Az említett magyar törvény az EU a termékekre és a szolgáltatásokra vonatkozó akadálymentességi követelményekről szóló irányelvén alapul, ezért ugyanazok (vagy nagyon hasonló) feltételek vonatkoznak rá az összes többi uniós országban.

Hasznos és kapcsolódó linkek az akadálymentesítési szabályok részleteivel:

• Az Európai Parlament és a Tanács (EU) 2019/882 irányelve a termékekre és a szolgáltatásokra vonatkozó akadálymentességi követelményekről
• Magyar jog 2022 évi XVII. törvény bizonyos termékekre és szolgáltatásokra vonatkozó akadálymentességi követelményekről
• 605/2022. (XII. 28.) Korm. rendelet
• Web Content Accessibility Guidelines (WCAG) 2.1 – a W3C ajánlásai a webes akadálymentesítés megvalósításához

A Shoptet által kezelt akadálymentesítési alapelvek

A jogi követelmények teljesítésének egyszerűsítése érdekében platformunkat módosítjuk, hogy az összhangban legyen a WCAG 2.1 akadálymentesítési szabványokkal. Aktívan kommunikálunk a Shoptet Partnerekkel is annak érdekében, hogy mind az általuk fejlesztett alkalmazások, mind az egyedi HTML kódsablonok módosításai megfeleljenek az akadálymentesítési szabványoknak.

Néhány alapelv és akadálymentesítési szabály közvetlenül a webáruháza tartalmára vonatkozik – például a termékleírásokra és képekre, a cikkekben és oldalakon található szövegekre, a kiválasztott sablonszínekre vagy az általános szerződési feltételek nyelvezetére. Önnek, mint az áruház üzemeltetőjének kell biztosítania a tartalom akadálymentesítését. Ezekről az alapelvekről részletesen a következő részben olvashat: Akadálymentesítési irányelvek e-kereskedelmi webhelyekhez.

A részletes akadálymentesítési követelmények meglehetősen kiterjedtek, ezért az egyszerűség kedvéért csak azokat a területeket tüntetjük fel, ahol a platform módosításait mi magunk végezzük:

• a sablonok HTML kódszerkezete
• az alapértelmezett színsémák és azok kontrasztjainak változásai
• támogatás a webáruház billentyűzettel történő működtetéséhez
• a sablonok reszponzivitásának optimalizálása
• az űrlapok szerkezete és leírása

Az egyes módosításokat folyamatosan kiegészítjük. A részleteket a fejlesztői hírek között követheti a Shoptet Developers oldalon. A nagyobb változásokat az Elhalasztott sablonfrissítések funkción keresztül vezetjük be.

Akadálymentesítési irányelvek e-kereskedelmi webhelyekhez

Egy e-kereskedelmi weboldal akadálymentesítése nemcsak a technikai megoldásokat foglalja magában, hanem magát a tartalmat is. Sem mi, mint a Shoptet, sem a partnereink nem tudjuk garantálni a 100%-os akadálymentesítést, mivel nem mi irányítjuk az Ön által, mint üzemeltető, hozzáadott tartalmat.

Ön, mint e-kereskedelmi üzemeltető, felelős a tartalom hozzáférhetőségéért. Ez magában foglalja az összes feltöltött szöveget, képet és videót, valamint bizonyos beállításokat, például a kiválasztott elemek színeinek kiválasztását.

Különböző automatizált eszközökkel, például a WAVE segítségével ellenőrizheti, hogy e-kereskedelmi webhelye megfelel-e az akadálymentesítési irányelveknek.

Üzleti feltételek (ÁSZF)

Az akadálymentesítési követelményekről szóló törvényből eredő kötelezettségek egyike az Üzleti feltételek (ÁSZF) frissítése. Ezeknek a következőket kell tartalmazniuk:

• a szolgáltatás általános leírása – lényegében hogyan működik a vásárlás a webáruházában, és milyen szolgáltatásokat nyújt. Ez a rész minden webáruház esetében egyedi lesz.
• információ arról, hogy a webáruháza hogyan felel meg az akadálymentesítési követelményeknek

Partner sablonok és egyéni sablonmódosítások

Ha webáruházában a Shoptet Partnerek sablonjainak egyikét használja, akkor a sablonnak már korábban módosítva kellett lennie az akadálymentesítési szabályoknak való megfelelés érdekében, akárcsak a Shoptet sablonok esetében. A sablonok szerzői felelősek a partnersablonok tervezéséért és működéséért. Minden javaslatot vagy módosítási kérést nekik kell címezni.

Ha a webáruháza sablonját HTML kódok segítségével módosítja, az akadálymentesítési követelmények betartásáért Ön, mint e-kereskedelmi üzemeltető a felelős. Ezért javasoljuk, hogy alaposan konzultáljon a módosítások szerzőivel, hogy megfeleljenek az akadálymentesítési szabályoknak és irányelveknek.

Szín és kontraszt

Az akadálymentesítés magában foglalja a webáruház színsémáját is. A választott színeknek megfelelő kontraszttal kell rendelkezniük, hogy a tartalom még látássérültek, például színvakok számára is olvasható legyen. A jó kontraszt minden olyan látogató számára is előnyös, akik gyengébb minőségű vagy rosszul beállított kijelzőket használnak, vagy rossz fényviszonyok között – például erős napfénynél – dolgoznak.

Hogyan mérik a kontrasztot

A színkontraszt a szöveg színe és a szöveget megjelenítő háttér közötti különbséget jelzi. A két szín fényerősségi arányaként mérik. A legalacsonyabb kontraszt 1:1, ahol a szöveg és a háttér színe szinte azonos, így a szöveg szinte láthatatlan. A legmagasabb lehetséges kontrasztérték 21:1, például fekete szöveg fehér háttéren.

Az akadálymentesítési követelmények teljesítése érdekében a WCAG (Web Content Accessibility Guidelines) szabványai a következő kontrasztértékeket határozzák meg:

• Minimum 4.5:1 kontraszt normál szöveg esetén (a WCAG AA akadálymentesítési szint szerint),
• Minimum 3:1 kontraszt nagyméretű szöveg esetén (18 pont felett, vagy 14 pont félkövér),
• Ideális 7:1 kontraszt normál szöveghez (a legmagasabb WCAG AAA akadálymentesítési szinthez).

Ha azt szeretné, hogy webáruháza ne csak a törvényi minimumoknak feleljen meg, hanem minden felhasználó számára valóban olvasható legyen, akkor magasabb kontrasztértékekre, azaz 7:1-re vagy annál magasabbra törekedjen.

Hogyan ellenőrizhető a kontraszt

A használt színek kontrasztját számos eszközzel ellenőrizheti. Az egyik lehetőség a WebAIM Kontrasztellenőrzője. A színkontrasztot a Chrome böngésző Fejlesztői eszközeivel is ellenőrizheti.

Javasoljuk, hogy az admin felületen ellenőrizze az összes olyan színbeállítás kontrasztját, amely befolyásolja webáruháza megjelenését a vásárlók számára. Ez magában foglalja a Sablontervező szín- és színsémák beállításait, a termék elérhetőségi színeit, a termékcímke színeit, valamint a tömeges kedvezmények és az X+Y kedvezmények címkéit. A rendszer által definiált szöveg- és elemszínek esetében, amelyeket nem lehet módosítani a webáruház adminisztrációs felületén, mi figyeljük a megfelelő kontrasztot.

Felhasználói tartalom

Üzemeltetőként Ön felelős a webáruházába feltöltött tartalom hozzáférhetőségéért. Ez gyakran magában foglalja a termékek leírásait, a cikkek és oldalak tartalmát, a különböző típusú bannereket, vagy bármilyen tartalmat, amelyet a WYSIWYG szövegszerkesztővel ad hozzá a webáruház adminjában. Mire kell összpontosítania a feltöltött tartalommal kapcsolatban?

• Megfelelő szövegszerkezet: Használjon megfelelő hierarchiában lévő címsorokat (H1, H2, H3, ...), bontsa a szöveget bekezdésekre, és megfelelően használja az egyéb formázásokat, például a felsorolásjeleket, a listákat, a félkövér szöveget stb. A szövegeket mindig tényleges szövegként illessze be, ne képként.
• Képleírások (alt szövegek): Minden képhez tartozzon egy kitöltött leírás (alternatív szöveg), amely leírja a tartalmát. Ez nemcsak a képernyőolvasókat használó látássérült felhasználóknak segít, hanem a webáruháza keresőoptimalizálását is.
• Szöveg a grafikákban: A bannerek és más grafikai elemek esetében próbálja meg korlátozni a kép részét képező szöveg mennyiségét. A hosszú szövegeket inkább külön, normál szövegként kell megjeleníteni.
• Videók: Ha videókat tölt fel a webáruházba, felirattal vagy átirattal kell ellátni őket, hogy a hallássérült felhasználók számára is érthetőek legyenek.