---
title: "Akadálymentesítés"
articleId: "accessibility"
lastEdited: "2025-08-18 13:30 UTC"
canonical: https://tamogatas.shoptet.hu/akadalymentesites/
breadcrumb: "Shoptet Támogatás / Kezdő lépések / Jogi tudnivalók"
language: hu
sections:
  - { title: "Az akadálymentesítés alapelvei", level: 2, url: "https://tamogatas.shoptet.hu/akadalymentesites/#az-akadalymentesites-alapelvei" }
  - { title: "Törvények, irányelvek és szabványok", level: 2, url: "https://tamogatas.shoptet.hu/akadalymentesites/#torvenyek-iranyelvek-es-szabvanyok" }
  - { title: "A Shoptet által kezelt akadálymentesítési alapelvek", level: 2, url: "https://tamogatas.shoptet.hu/akadalymentesites/#a-shoptet-altal-kezelt-akadalymentesitesi-alapelvek" }
  - { title: "Akadálymentesítési irányelvek e-kereskedelmi webhelyekhez", level: 2, url: "https://tamogatas.shoptet.hu/akadalymentesites/#akadalymentesitesi-iranyelvek-e-kereskedelmi-webhelyekhez" }
  - { title: "Üzleti feltételek (ÁSZF)", level: 3, url: "https://tamogatas.shoptet.hu/akadalymentesites/#uzleti-feltetelek-aszf" }
  - { title: "Partner sablonok és egyéni sablonmódosítások", level: 3, url: "https://tamogatas.shoptet.hu/akadalymentesites/#partner-sablonok-es-egyeni-sablonmodositasok" }
  - { title: "Szín és kontraszt", level: 3, url: "https://tamogatas.shoptet.hu/akadalymentesites/#szin-es-kontraszt" }
  - { title: "Hogyan mérik a kontrasztot", level: 4, url: "https://tamogatas.shoptet.hu/akadalymentesites/#hogyan-merik-a-kontrasztot" }
  - { title: "Hogyan ellenőrizhető a kontraszt", level: 4, url: "https://tamogatas.shoptet.hu/akadalymentesites/#hogyan-ellenorizheto-a-kontraszt" }
  - { title: "Felhasználói tartalom", level: 3, url: "https://tamogatas.shoptet.hu/akadalymentesites/#felhasznaloi-tartalom" }
---

# 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](https://tamogatas.shoptet.hu/akadalymentesites/#torvenyek-iranyelvek-es-szabvanyok) 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](https://tamogatas.shoptet.hu/akadalymentesites/#az-akadalymentesites-alapelvei), mikor köteles betartani ezeket a [feltételeket](https://tamogatas.shoptet.hu/akadalymentesites/#torvenyek-iranyelvek-es-szabvanyok), és hogyan kell betartani az [akadálymentesítési irányelveket](https://tamogatas.shoptet.hu/akadalymentesites/#akadalymentesitesi-iranyelvek-e-kereskedelmi-webhelyekhez).

Még ha a törvény [nem is írja elő az Ön esetében](https://tamogatas.shoptet.hu/akadalymentesites/#torvenyek-iranyelvek-es-szabvanyok), 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](https://tamogatas.shoptet.hu/alap-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](https://njt.hu/jogszabaly/2022-605-20-22) az egyes termékek és szolgáltatások akadálymentesítési követelményeiről, amelyet a [605/2022. (XII.28.) Korm. rendelet](https://njt.hu/jogszabaly/2022-605-K3-22) 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](https://eur-lex.europa.eu/legal-content/HU/TXT/HTML/?uri=CELEX:32019L0882) alapul, ezért ugyanazok (vagy nagyon hasonló) feltételek vonatkoznak rá az összes többi uniós országban.

> **Figyelmeztetés**
>
> **A jogi akadálymentesítési feltételek nem csak az online áruházakra és az online környezetekre vonatkoznak, hanem a szolgáltatások és termékek széles skálájára is. Annak megállapításához, hogy vállalkozásának meg kell-e felelnie az akadálymentesítési feltételeknek, és ha igen, milyen mértékben, javasoljuk, hogy mindig konzultáljon jogi tanácsadójával.**

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](https://eur-lex.europa.eu/legal-content/HU/TXT/HTML/?uri=CELEX:32019L0882)
- [Magyar jog 2022 évi XVII. törvény](https://njt.hu/jogszabaly/2022-605-20-22) bizonyos termékekre és szolgáltatásokra vonatkozó akadálymentességi követelményekről
- [605/2022. (XII. 28.) Korm. rendelet](https://njt.hu/jogszabaly/2022-605-K3-22)
- [Web Content Accessibility Guidelines (WCAG) 2.1](https://www.w3.org/TR/WCAG21/) – 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](https://www.w3.org/TR/WCAG21/). Aktívan kommunikálunk a [Shoptet Partnerekkel](https://partnerek.shoptet.hu/) is annak érdekében, hogy mind az általuk fejlesztett [alkalmazások](https://alkalmazasok.shoptet.hu/), mind az egyedi [HTML kódsablonok](https://tamogatas.shoptet.hu/html-kodok/) 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](https://tamogatas.shoptet.hu/akadalymentesites/#akadalymentesitesi-iranyelvek-e-kereskedelmi-webhelyekhez)**.

> **Veszély**
>
> **Nem adunk hozzá akadálymentesítési szabványokat a már nem támogatott [webáruház sablonokhoz](https://tamogatas.shoptet.hu/webaruhaz-sablon/#nem-tamogatott-sablonok) (Echo, Soul, Rock és Pop sablonok). Ha ezen sablonok egyikét használja a webáruházában, javasoljuk, hogy váltson a Shoptet újabb [támogatott sablonjainak](https://tamogatas.shoptet.hu/webaruhaz-sablon/#sablonok) egyikére, vagy a [partnereink](https://alkalmazasok.shoptet.hu/category/sablonok) sablonjaira.**

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](https://developers.shoptet.com/) oldalon. A nagyobb változásokat az [Elhalasztott sablonfrissítések](https://tamogatas.shoptet.hu/elhalasztott-sablonfrissitesek/) 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](https://tamogatas.shoptet.hu/akadalymentesites/#a-shoptet-altal-kezelt-akadalymentesitesi-alapelvek) 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](https://tamogatas.shoptet.hu/akadalymentesites/#felhasznaloi-tartalom), valamint bizonyos beállításokat, például a kiválasztott elemek [színeinek](https://tamogatas.shoptet.hu/akadalymentesites/#szin-es-kontraszt) kiválasztását.

Különböző automatizált eszközökkel, például a [WAVE](https://wave.webaim.org/) 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**

> **Tipp**
>
> **Javasoljuk, hogy mindig konzultáljon jogi tanácsadójával a Felhasználási feltételek formátumával és a megadott információk pontosságával kapcsolatban (nem csak az akadálymentesítéssel kapcsolatban).**

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

Ha webáruházában a [Shoptet Partnerek sablonjainak](https://alkalmazasok.shoptet.hu/category/sablonok) 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](https://tamogatas.shoptet.hu/webaruhaz-sablon/#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](https://tamogatas.shoptet.hu/html-kodok/) 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)](https://www.w3.org/TR/WCAG21/) 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](https://webaim.org/resources/contrastchecker/). 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ő](https://tamogatas.shoptet.hu/sablontervezo/) szín- és színsémák beállításait, a [termék elérhetőségi színeit](https://tamogatas.shoptet.hu/elerhetosegek/), a [termékcímke színeit](https://tamogatas.shoptet.hu/cimkek/), valamint a [tömeges kedvezmények](https://tamogatas.shoptet.hu/kedvezmeny-darabszam-alapjan/) és az [X+Y kedvezmények](https://tamogatas.shoptet.hu/xy-kedvezmenyek/) 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](https://tamogatas.shoptet.hu/akadalymentesites/#a-shoptet-altal-kezelt-akadalymentesitesi-alapelvek).

### 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](https://tamogatas.shoptet.hu/termekek-alapok/) leírásait, a [cikkek](https://tamogatas.shoptet.hu/cikkek-es-rovatok/) és oldalak tartalmát, a különböző típusú [bannereket](https://tamogatas.shoptet.hu/bannerek/), vagy bármilyen tartalmat, amelyet a [WYSIWYG szövegszerkesztővel](https://tamogatas.shoptet.hu/html-szerkeszto-wysiwyg/) 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](https://tamogatas.shoptet.hu/alap-seo/) is.
- **Szöveg a grafikákban**: A [bannerek](https://tamogatas.shoptet.hu/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.