Akadálymentes az a weboldal, amelyet fogyatékkal élő emberek is teljes értékűen tudnak használni: a tartalom, a funkciók és az űrlapok mindenki számára elérhetők. 2025 júniusától ez sok cégnek már nem csak jó gyakorlat, hanem jogszabályi kötelezettség is.
Mit jelent az akadálymentes weboldal a gyakorlatban?
- Szöveges alternatíva: a képeknek és egyéb nem szöveges tartalmaknak leírása van, így a képernyőolvasót használó vak és gyengénlátó felhasználók is megértik.
- Kontraszt: a szöveg és a fontos elemek elég kontrasztosak a háttérhez képest.
- Navigáció és szerkezet: logikus címsorrend, beszédes linkek, látható fókusz, teljes billentyűzetes kezelhetőség.
- Videó és hang: felirat és átirat a siket és nagyothalló felhasználóknak.
- Űrlapok: minden mezőnek van címkéje, világos utasítása és érthető hibaüzenete.
Mi a WCAG?
A WCAG (Web Content Accessibility Guidelines) a digitális akadálymentesség nemzetközileg elfogadott irányelve. Az európai szabvány (EN 301 549) a WCAG 2.1 AA szintjére épül, ezért ez a gyakorlati mérce. Az újabb, 2.2-es változat néhány további szempontot hoz, új fejlesztésnél érdemes már ehhez igazodni.
Kit kötelez az akadálymentesítés?
A közszféra honlapjaira és mobilalkalmazásaira már korábban is vonatkoztak akadálymentesítési szabályok. Az uniós akadálymentesítési irányelvet (EAA) átültető 2022. évi XVII. törvény 2025. június 28-án lépett hatályba, és a vállalkozások egyes termékeire és szolgáltatásaira is kiterjeszti a követelményeket. A weboldalak szempontjából a legfontosabb az e-kereskedelmi szolgáltatás: ha a weboldaladon vagy alkalmazásodon keresztül fogyasztók szerződést köthetnek, például vásárolhatnak, foglalhatnak vagy előfizethetnek, a törvény rád is vonatkozik. Érintett a lakossági bankszolgáltatás, az elektronikus hírközlés, egyes közlekedési szolgáltatások és az e-könyvek is.
A szolgáltatást nyújtó mikrovállalkozások mentesülnek: a törvény szerint ilyen a 10 főnél kevesebbet foglalkoztató cég, amelynek éves nettó árbevétele vagy mérlegfőösszege legfeljebb 2 millió eurónak megfelelő forint. Ha bizonytalan vagy, kérj jogi véleményt: ez a cikk tájékoztató, nem jogi tanács.
Hogyan ellenőrizheted a meglévő weboldaladat?
- Automatikus eszközök: a WebAIM WAVE, az axe (böngészőbővítményként is) és a Google Lighthouse ingyenesen jelzi a tipikus hibákat.
- Kontrasztellenőrzés: például a WebAIM Contrast Checkerrel.
- Kézi teszt: próbáld végig az oldalt egér nélkül, csak billentyűzettel, és nézd meg egy képernyőolvasóval is (macOS-en VoiceOver, Windowson NVDA).
- Tartalom: van-e alt szöveg, felirat, érthető címke az űrlapokon?
Az automatikus eszközök a hibák egy részét találják meg; a teljes képhez szakértői átvilágítás kell.
Megoldja egy akadálymentesítő plugin?
Nem. Az egy sor kóddal beépíthető „akadálymentesítő sávok” (overlay-ek) felületi kiegészítők: a képernyőolvasót használó felhasználók szerint gyakran inkább akadályoznak, és nem biztosítják a WCAG-megfelelést. A tartós megoldás az, ha az akadálymentesség a tervezésbe és a kódba épül: szemantikus HTML, megfelelő kontraszt, billentyűzetes kezelés, alt szövegek. Egy meglévő oldal egy átvilágítás után lépésenként javítható.
Hogyan készül akadálymentes új weboldal?
A tervezésnél a színrendszert kontrasztra ellenőrizzük, a komponenseket úgy tervezzük, hogy fókuszban, hibás állapotban és nagyítva is működjenek. A fejlesztésnél szemantikus HTML-t és billentyűzetes kezelést használunk, és átadás előtt automatikus és kézi tesztet futtatunk.
Frissítve: 2026. november 4.
