Akadálymentes frontend a szabványtól a kész auditig
WCAG-alapelvek, ARIA, szemantikus kód és tesztelési módszerek egy helyen.
A felhasználók nagy része máshogy érzékel, máshogy kezel egy felületet, és 2025-től már a törvény is megköveteli, hogy számoljunk velük! Ezen a workshopon megtanulod, hogyan tedd a saját szoftvered akadálymentessé úgy, hogy az tényleg működjön, ne csak egy pipa legyen egy checklistán.
Mit nyújt a képzés?
- Megérted, mit jelent pontosan az akadálymentesítés a gyakorlatban: hogyan használja egy látássérült, hallássérült, mozgásszervi vagy kognitív korláttal élő felhasználó a webes és mobilos felületeket, és hol akad el a megszokott fejlesztői megoldásokban.
- Megismered az akadálymentesítés jogi és technológiai hátterét, köztük az Európai Akadálymentesítési Törvényt és a mögötte álló szabványcsaládot, így tudni fogod, mire kell megfelelnie egy piaci terméknek.
- Megtanulod a négy alapelv (érzékelhetőség, értelmezhetőség, vezérelhetőség, robusztusság) konkrét kódolási leképezését szemantikus HTML, ARIA-szerepkörök, fókuszkezelés és billentyűzet-navigáció szintjén.
- Elsajátítod a vizuális és információs alapelveket: kontraszt, tipográfia, fókusz-jelölés és olyan információs architektúra, amit a felhasználó valóban értelmezni tud.
- Begyakorolod a felmérési és tesztelési módszereket: hogyan auditálsz egy meglévő felületet manuálisan és eszközökkel, képernyőolvasóval, billentyűzettel, és hogyan állítasz fel ezekből priorizált javítási tervet.
- A workshop végére elkészíted egy valós (akár saját) szoftver akadálymentességi felmérését és a hozzá tartozó javítási ütemtervet, vagyis egy azonnal használható kimenettel mész haza.
- Megérted, miért nem oldja meg ezt helyetted egy AI-ágens: hol tud segíteni a generált kód, és hol kell a rendszer egészét ismerő mérnöki döntés ahhoz, hogy a felület tényleg megfeleljen.
Miért érdemes belevágnod?
Az akadálymentesség 2025-től nem csak ajánlás, hanem jogi kötelezettség: az Európai Akadálymentesítési Törvényt (Directive (EU) 2019/882) a tagállamoknak 2025. június 28-tól alkalmazniuk kell a piacra kerülő digitális termékekre és szolgáltatásokra.
Az uniós megfelelés technikai mércéje az EN 301 549 harmonizált szabvány, amely a WCAG sikerkritériumaira épül, így a fejlesztőcsapatoknak konkrét, kódszintű követelményeknek kell megfelelniük. Aki most érti meg ezt a területet, az nem utólag, drágán toldozza majd a kész terméket, hanem már a tervezésnél jól csinálja, és pontosan tudja, mit kérnek számon rajta egy auditon.
- Munka mellett végezheted, heti 8-12 óra saját időbeosztás szerint
- Személyes fejlődésedet az oktató végigkíséri
- LinkedIn profilodba beágyazható tanúsítvány
Kinek ajánlott?
- Webes és mobilos frontend-fejlesztőknek, akik a felület kódját írják, és szeretnék már a fejlesztés közben jól megoldani az akadálymentességet ahelyett, hogy utólag javítgatnák.
- Tech leadeknek és fejlesztési vezetőknek, akik a csapat munkáját szervezik és ellenőrzik, és felelnek azért, hogy a leszállított termék megfeleljen a szabályozásnak.
- Terméktulajdonosoknak és projektvezetőknek, akiknek tudniuk kell, mit jelent a megfelelés a határidőkre, a hatókörre és a tesztelésre nézve.
- Tesztmérnököknek és minőségbiztosítással foglalkozóknak, akik szeretnék az akadálymentességi ellenőrzést beépíteni a saját tesztelési folyamatukba.
- Olyan UX-szemléletű fejlesztőknek, akiket nemcsak a szabálykövetés érdekel, hanem az is, hogy a felület tényleg használható legyen mindenki számára.
Ki lesz az oktatód és mentorod?
Kiss Lőrinc
Kognitív mérnök, neucorti
Kognitív mérnök vagyok, a neucorti szakembere. Mérnökinformatikusi és kognitív kutatói végzettséggel több mint 8 éve dolgozom nagyvállalati környezetben kutatói és User Experience tervezői feladatokon, energiaipari, egészségügyi és logisztikai területen.
Egyetemi oktatóként tanítok a Budapesti Műszaki Egyetemen és a Metropolitan Egyetemen, óraadóként pedig a Debreceni Egyetemen és a Szegedi Tudományegyetemen. A kognitív mérnöki háttér miatt nemcsak a szabványt tanítom, hanem azt is, hogyan érzékeli és értelmezi a felületet a valós felhasználó.
Mik a képzés előkövetelményei?
A webes és mobil frontend technológiák alapszintű ismerete elég, valamint az, hogy lásd át nagy vonalakban az agilis fejlesztést és a szoftver életciklusát. Haladó tudás nem kell, a workshop a meglévő fejlesztői alapokra épít.
Mit fogsz tanulni?
6 hét alatt a felhasználói szempontoktól és a jogi kerettől a szemantikus kódig, a képernyőolvasós tesztelésig és a kész akadálymentességi auditig jutsz el.
1 Alapok: miért, mi és mi alapján Cél: megérteni, mit jelent az akadálymentesség a gyakorlatban, kiknek dolgozunk, és milyen szabályrendszer áll mögötte.
- Felhasználói csoportok: kinek szól az akadálymentesítés
- Jogi háttér: az EAA és a 2025-ös kötelező alkalmazás
- WCAG és EN 301 549: a négy alapelv és a megfelelési szintek
- Gyakorlati feladat: akadályok keresése egy választott felületen
- Konzultáció: a projekt-felület és a hatókör kijelölése
2 Érzékelhetőség és vizuális alapelvek Cél: hogy a tartalom mindenki számára érzékelhető legyen, függetlenül attól, hogyan veszi azt fel.
- Szín és kontraszt: kontrasztarányok és ellenőrzésük
- Tipográfia és elrendezés: méretezés, nagyíthatóság
- Alternatív szöveg: dekoratív és tartalmi képek
- Időalapú média: feliratozás, hangleírás, átirat
- Gyakorlati feladat: a vizuális réteg átvizsgálása
- Konzultáció: gyakori vizuális hibák és gyors javítások
3 Értelmezhetőség Cél: hogy a felület ne csak látszódjon, hanem érthető és kiszámítható is legyen.
- Információs architektúra: címsorok és olvasási sorrend
- Érthető tartalom: nyelvi jelölés és egyszerű fogalmazás
- Kiszámítható viselkedés: konzisztens navigáció
- Űrlapok: címkék, segítő szövegek, hibaüzenetek
- Gyakorlati feladat: egy kulcsfolyamat értelmezhetősége
- Konzultáció: rendszerszintű gondolkodás a felmérésben
4 Vezérelhetőség és kódolási technikák Cél: a legtechnikaibb hét, ahol a kódra fordítjuk az alapelveket.
- Szemantikus HTML: natív elemek a saját megoldások helyett
- Billentyűzet-kezelhetőség: fókuszsorrend és látható fókusz
- Fókuszkezelés: modálisok, legördülők, élő tartalom
- ARIA helyesen: szerepkörök, állapotok, mikor árt
- Mobil sajátosságok: érintési célméretek és gesztusok
- Gyakorlati feladat: egy interaktív komponens javítása
- Konzultáció: kódszintű review a beadott komponensekről
5 Felmérési és tesztelési módszerek Cél: a saját audit eszköztárának összeállítása, és a záróprojekt felmérési fázisának elindítása.
- Manuális audit: billentyűzet-bejárás és ellenőrzőlista
- Automatizált eszközök: mit fognak meg és mit nem
- Képernyőolvasós tesztelés: asztali és mobil alapok
- A felmérés dokumentálása: súlyozás és priorizálás
- Gyakorlati feladat: a felület strukturált felmérése
- Konzultáció: módszertan és a hibák súlyozása
6 Záróprojekt: felmérés és javítási ütemterv Cél: a kész kimenet összeállítása, ami egy valós, bemutatható audit és cselekvési terv.
- A felmérés véglegesítése: hibák és WCAG-kritériumok
- Javítási ütemterv: priorizálás és becsült ráfordítás
- Beépítés a folyamatba: fenntartás a következő release-ekben
- Záró kimenet: audit és ütemterv oktatói visszajelzéssel
- Konzultáció: a projektek bemutatása és értékelése
Minőségbiztosított képzések
Képzéseink szakmai minőségbiztosítását az iparági vezető technológiai vállalatok és a Budapesti Műszaki és Gazdaságtudományi Egyetem végzi.
- Tanúsítványt kapsz, amelyet önéletrajzodhoz és LinkedIn profilodhoz csatolhatsz
- Bizonyítja, hogy elsajátítottad az adott ismereteket
- Segíti a szakmai előmeneteledet és karriered fejlődését
Jó társaságban leszel!
Már több mint 150 hazai és nemzetközi cég munkatársa képezte magát tovább nálunk.
Tudtad?
A munkáltatók 83%-a finanszírozza a munkatársak képzését, ne felejtsd el megkérdezni a tiédet!
Következő indulási dátum
2026.10.20.
Mentorált alkalmak kedd esténként
225 000 Ft
Jelentkezési határidő: 2026.10.20.
JelentkezemMás időpont érdekel?
Add meg az e-mail címed, és szólunk, ha új időpontot hirdetünk meg.
Fizetési lehetőségek
Többféle fizetési lehetőséget biztosítunk, hogy a legmegfelelőbb opciót válaszd.
Online fizetés bankkártyával
Az OTP SimplePay az egyik legelterjedtebb online fizetési megoldás — gyors és biztonságos fizetési folyamatáról ismert.
Kamatmentes részletfizetés
Nem szeretnénk, ha a fizetési nehézségek akadályoznák a szakmai fejlődésedet, ezért a részvételi díjat több részletben, teljesen kamatmentesen is kifizetheted.
Fizetés banki átutalással, egy összegben
Ha online kártyás fizetés helyett banki átutalással szeretnél fizetni, az sem probléma — írj nekünk, és ebben is segítünk.
Készen állsz a jelentkezésre?
Jelentkezz most, és kezdd el a fejlődést!
Könnyítendő magánszemélyként résztvevő hallgatóink helyzetét, a feltüntetett ár számukra a ténylegesen fizetendő végösszeg.
Céges megrendelés esetén az adott összeg tekintendő a nettó árnak.