Kurzusleírás
Jogi kontextus és akadálymentesség alapjai
1. modul: Bevezetés az Akadálymentességről szóló törvénybe és annak fontosságába
- Az új Akadálymentességről szóló törvény áttekintése (hatályba lépés: június 28.)
- Jogi követelmények és határidők
- Hatás a közszférára, magánvállalatokra és fejlesztőkre
- Miért fontos az akadálymentesség: társadalmi, etikai és üzleti szempontok
- Következmények a meg nem felelés esetén
- Az akadálymentességi szabványok áttekintése (WCAG 2.1/2.2, ARIA)
- Fogyatékossági kategóriák
2. modul: Akadálymentesség elvek és irányelvek
- POUR elvek (Érzékelhető, Kezelhető, Érthető, Robusztus)
- Bevezetés a WCAG irányelvekbe
- ARIA szerepek, állapotok és tulajdonságok
- Szemantikus HTML és szerepe az akadálymentességben
3. modul: Akadálymentes fejlesztői környezet beállítása
- Eszközök: böngésző fejlesztői eszközök, képernyőolvasók (NVDA, VoiceOver), akadálymentesség kiterjesztések
- Linterek és automatizált akadálymentességi tesztelő eszközök beállítása
- Gyakori akadálymentességi tesztelő eszközök áttekintése
- Akadálymentességi tesztelés beállítása mobil szimulátorokon és valódi eszközökön (VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector használatával).
4. modul: Gyakorlati kódolás – Szemantikus HTML és billentyűzetes navigáció
- Szemantikus HTML írása az akadálymentesség érdekében
- Teljes billentyűzetes navigáció biztosítása
- Fókuszkezelési technikák
- Űrlapok és interaktív elemek akadálymentes kezelése
Akadálymentesség natív mobilalkalmazásokban (Opcionális további modul 1,5 órára)
- Kulcsfontosságú platformirányelvek (Google Material, Apple Human Interface)
- Navigáció, gombok, űrlapok akadálymentessé tétele mobilon
- Gyakori mobil akadálymentességi problémák és megoldások
- Gyakorlati tesztelés VoiceOver és TalkBack segítségével
Haladó kódolás és segédtechnológiák
5. modul: Akadálymentes CSS és vizuális tervezés
- Színkontraszt és szövegméret ajánlott gyakorlatai
- Fókuszstílusok és látható fókuszjelzők
- Reszponzív tervezési szempontok az akadálymentesség érdekében
- Akadálymentességi buktatók elkerülése animációkban és átmenetekben
- Színkontraszt és méretezési irányelvek mobilképernyőkön.
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 képernyőolvasók számára
- Akadálymentes widgetek és egyéni komponensek létrehozása
- ARIA szerepe SPA (Single Page Applications) alkalmazásokban
- Mobilon, beszéljünk az akadálymentesség szerepeiről és címkéiről a natív platformokon (pl. contentDescription Androidon, accessibilityLabel iOS-en).
7. modul: Gyakorlati kódolás labor: Akadálymentes komponensek készítése
- Akadálymentes gombok, modális ablakok, lenyíló menük, lapok létrehozása
- Akadálymentes űrlapérvényesítés és hibakezelés implementálása
- ARIA és szemantikus HTML használata valós felhasználói felületi komponensekhez
Tesztelés, megfelelőség és folyamatos akadálymentesség
8. modul: Akadálymentességi tesztelés és auditálás
- Kézi tesztelési technikák képernyőolvasókkal és csak billentyűzettel
- Automatizált tesztelés eszközökkel, mint például axe, Lighthouse, pa11y
- Akadálymentességi tesztesetek írása QA csapatok számára
- Akadálymentességi tesztelés integrálása CI/CD folyamatokba
- Akadálymentességi auditok futtatása natív mobilalkalmazásokon (kézi tesztek, automatizált eszközök, mint az Accessibility Scanner, Espresso Androidhoz, XCTest iOS-hez)
9. modul: Javítás és folyamatos akadálymentesség
- Gyakori akadálymentességi problémák és azok javítása
- Akadálymentesség kezelése örökölt kódbázisokban
- Akadálymentesség fenntartása funkciófrissítések és átalakítások során
- Akadálymentesség többplatformos alkalmazásokban (mobil, asztali, web)
10. modul: Végső gyakorlati feladat és összefoglaló
- Készítsen vagy alakítson át egy kis alkalmazást/modult, hogy megfeleljen az akadálymentességi szabványoknak
- Társértékelés és csoportos megbeszélés
- Kérdések és válaszok, visszajelzési fázis
- Források a folyamatos tanuláshoz és megfelelőségi frissítésekhez
Követelmények
- Alap- és középszintű ismeretek HTML, CSS, JavaScript terén
- Alap- és középszintű ismeretek mobilalkalmazás-technikák terén (Android, iOS)
- Ismeret a frontend keretrendszerekkel (React, Angular, Vue stb.) előny
- Ismeret a mobilalkalmazás-fejlesztéssel előny
- Alapvető ismeret a web/mobil fejlesztési életciklusról
- Laptop fejlesztői környezettel (kódszerkesztő, böngésző fejlesztői eszközök)
Közönség
- Frontend/Backend/Mobil Fejlesztők
- UI/UX tervezők kódolási ismerettel
- QA mérnökök, akik az akadálymentesség tesztelésére fókuszálnak
- Terméktulajdonosok és projektmenedzserek, akik részt vesznek az akadálymentesség megfelelőségében
Vélemények (5)
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
„Nagyszerékeny szívvel értékeltük a képző valós idejű megközelítését, amelynek segítségével bemutatta, hogyan alkalmazhatja a csapatunk az Emberi Középpontú Tervezést (HCD) a projektünkre. Örömöt okozott, hogy a képző időt szánt arra, hogy magas szinten megértsék a projektünket, ami segített abban, hogy világos és gyakorlati útmutatást adjon arra vonatkozóan, hogyan tudunk jobban megközelíteni mind az UX-t, mind az UI-t.”
Nichole Bryant Joven - Grundfos
Kurzus - Human-Centered Design (HCD)
Gépi fordítás
A tény, hogy a tartalomhoz valós példák is tartoztak
Smita Hanuman - Standard Bank of SA Ltd
Kurzus - Basel III – Certified Basel Professional
Gépi fordítás
A reagálási sebesség és a kommunikáció
Bader Bin rubayan - Lean Business Services
Kurzus - ISO/IEC 27001 Lead Implementer
Gépi fordítás
Nagyon tetszett, hogy az oktató nagyon tudatosan és megbízhatóan viselkedett a Figma-sel.
January Oliva - Eko Health
Kurzus - User Experience Design with Figma
Gépi fordítás