Köszönjük, hogy elküldte érdeklődését! Csapatunk egyik tagja hamarosan felveszi Önnel a kapcsolatot.
Köszönjük, hogy elküldte foglalását! Csapatunk egyik tagja hamarosan felveszi Önnel a kapcsolatot.
Időtartalma 21 órák
Kurzusleírás
Jogi kontextus és hozzáférhetőségi alapfogalmak
1. modul: Bevezetés a Hozzáférhetőségi Törvénybe és fontosságába
- Az új Hozzáférhetőségi Törvény áttekintése (28. júniusi hatálybalépéssel)
- Jogi követelmények és határidők
- Hatás a közszférára, a magáncégre és a fejlesztőkre
- Miért fontos a hozzáférhetőség: társadalmi, etikai és üzleti szempontok
- A nem megfelelő betartásért járó szankciók
- A hozzáférhetőségi szabványok áttekintése (WCAG 2.1/2.2, ARIA)
- A fogyatékossági kategóriák
2. modul: Hozzáférhetőségi elvek és irányelvek
- POUR elvek (Érlethető, Kezelhető, Megérthető, Szilárd)
- Bevezetés a WCAG irányelvekbe
- ARIA szerepek, állapotok és tulajdonságok
- Semantikusan HTML és szerepe a hozzáférhetőségben
3. modul: Hozzáférhető fejlesztői környezet beállítása
- Eszközök: böngésző fejlesztői eszközök, szövegolvasók (NVDA, VoiceOver), hozzáférhetőségi bővítmények
- Linterek és automatizált hozzáférhetőségi tesztelési eszközök beállítása
- A gyakori hozzáférhetőségi tesztelési eszközök áttekintése
- Hozzáférhetőségi tesztelés beállítása mobil szimulátorokon és valódi eszközöken (VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector használata).
4. modul: Gyakorlati kódolás – Semantikusan HTML és billentyűzetes navigáció
- Hozzáférhető semantikusan kódolás írása
- Teljes billentyűzetes navigálhatóság biztosítása
- Fókuszkezelési technikák
- Űrlapok és interaktív elemek hozzáférhető kezelése
Hozzáférhetőség natív mobilalkalmazásokban (Opcionális extra modul 1,5 órával)
- Kulcsfontosságú platformirányelvek (Google Material, Apple Human Interface)
- Navigáció, gombok, űrlapok hozzáférhetővé tétele mobilon
- Gyakori mobil hozzáférhetőségi problémák és megoldásaik
- Gyakorlati tesztelés VoiceOverrel és TalkBackkel
Haladó kódolás és segédműszerek
5. modul: Hozzáférhető CSS és vizuális tervezés
- Színszárnyalék és szövegméret legjobb gyakorlatok
- Fókuszstílusok és látható fókuszjelzők
- Reszponzív tervezési szempontok a hozzáférhetőséghez
- Hozzáférhetőségi csapdák elkerülése animációkban és átmenetekben
- Színszárnyalék és méretezési irányelvek mobilképernyőkhöz.
6. modul: ARIA dinamikus tartalomhoz és gazdag internetes alkalmazásokhoz
- Mikor és hogyan kell használni az ARIA attribútumokat
- Élő régiók kezelése szövegolvasóknak
- Hozzáférhető widgetek és egyedi komponensek létrehozása
- Az ARIA szerepe SPA-kban (Egyszempontos alkalmazások)
- Mobilon a natív platformokon (pl. contentDescription Androidon, accessibilityLabel iOS-en) a hozzáférhetőségi szerepek és címkék.
7. modul: Gyakorlati kódolási labor: Hozzáférhető komponensek építése
- Hozzáférhető gombok, modális ablakok, lenyíló menük, fülek létrehozása
- Hozzáférhető űrlap-validálás és hiba kezelés implementálása
- ARIA és semantikusan HTML használata valós világ UI komponenseihez
Tesztelés, megfelelés és folyamatos hozzáférhetőség
8. modul: Hozzáférhetőségi tesztelés és auditálás
- Manuális tesztelési technikák szövegolvasókkal és kizárólag billentyűzettel
- Automatizált tesztelés axe, Lighthouse, pa11y olyan eszközökkel
- Hozzáférhetőségi tesztesetek írása QA csapatoknak
- Hozzáférhetőségi tesztelés integrálása CI/CD pipeline-ekba
- Hogyan futtasson hozzáférhetőségi auditokat natív mobilalkalmazásokon (manuális tesztek, automatizált eszközök, mint az Accessibility Scanner, Espresso Androidon, XCTest iOS-en)
9. modul: Javítások és folyamatos hozzáférhetőség
- Gyakori hozzáférhetőségi problémák és azok megoldása
- Hozzáférhetőség kezelése legacy kódalapokon
- Hozzáférhetőség megőrzése funkciófrissítések és refaktorálás során
- Hozzáférhetőség többplatformos alkalmazásokban (mobil, asztali, web)
10. modul: Záró gyakorlati feladat és összefoglalás
- Egy kis alkalmazás/modul építése vagy átépítése a hozzáférhetőségi szabványoknak való megfelelés érdekében
- Csoportos megbeszélés és párbeszéd
- Kérdés-válasz és visszajelzési műszak
- Erőforrások a folyamatos tanulásra és a megfelelési frissítésekhez
Követelmények
- Alap- vagy középhaladó szintű ismeretek az HTML, CSS, JavaScript nyelvekről
- Alap- vagy középhaladó szintű ismeretek a mobilalkalmazás-technológiákról (Android, iOS)
- Előny a frontend frameworkök (React, Angular, Vue stb.) ismerete
- Előny a mobilalkalmazás-fejlesztés ismerete
- Alapvető megértés a webes/mobilfejlesztési életciklusról
- Laptop, amelyen be van állítva a fejlesztői környezet (kódszerkesztő, böngésző fejlesztői eszközök)
Előkelők
- Frontend/Backend/Mobil fejlesztők
- Kódolási ismeretekkel rendelkező UI/UX tervezők
- A hozzáférhetőségi tesztelésre fókuszáló QA mérnökök
- Terméktulajdonosok és projektmenedzserek, akik a hozzáférhetőségi megfelelésben vesznek részt
Vélemények (3)
Szem előtt tartva, mit kell figyelembe venni a folyamatábrák tervezése során, hogy a felhasználói élmény előnyös legyen, vagy könnyen megvalósíthatóvá váljon.
Lineo Nchaba - Revenue Services Lesotho
Kurzus - User Experience (UX) Design
Gépi fordítás
Eszközök kísérletezése
Nuwan Gunaratne - AZQORE
Kurzus - User Experience Design with Figma
Gépi fordítás
Yashank, képzőink, rendkívül tudatos volt. A tananyagot úgy módosította, hogy pontosan azokra a területekre koncentráljunk, amelyeket valójában meg kellett tanulnunk, és egy nagyszerű tanulási élményt élhetnénk át velük. A témakörben lévő ismeretei lenyegesek voltak; a valós tapasztalatokból származó összehasonlíthatásokat megosztotta velünk, és segített abban, hogy azokat a problémákat oldjuk meg, amelyekkel a munkánk során találkoztunk.
Ahmed Nazeem - Maldives Pension Administration Office
Kurzus - Multimodal AI for Enhanced User Experience
Gépi fordítás
