Kurzusleírás
Joghatósági kontextus & Hozzáférhetőség alapjai
Modul 1: Az új Hozzáférhetőség Törvény és annak jelentősége bemutatása
- Az új Hozzáférhetőség Törvény áttekintése (hatályos június 28-án)
- Jogkövetelmények és határidők
- Hatások a nyilvános szektorra, privát cégekre és fejlesztőkre
- Miért fontos a hozzáférhetőség: társadalmi, etikai és üzleti perspektíva
- Nem megfelelés esetében kényszerített büntetések
- Hozzáférhetőség szabványainak áttekintése (WCAG 2.1/2.2, ARIA)
- Fogyatékosság kategóriák
Modul 2: Hozzáférhetőség elvei & iránymutatások
- POUR elvek (Megfigyelhető, Működhető, Értelmezhető, Robust)
- WCAG iránymutatások bemutatása
- ARIA szerepkörök, állapotok és tulajdonságok
- Semantikus HTML és annak szerepe a hozzáférhetőségben
Modul 3: Hozzáférhető fejlesztési környezet beállítása
- Eszközök: böngésző fejlesztői eszköztár, képernyőolvasók (NVDA, VoiceOver), hozzáférhetőség kiterjesztések
- Linterek és automatikus hozzáférhetőség tesztelési eszközök beállítása
- Gyakori hozzáférhetőség tesztelési eszköztár áttekintése
- Hozzáférhetőség tesztelés beállítása mobil szimulátorokon és valós eszközökön (VoiceOver/TalkBack használata, Android Accessibility Scanner, Xcode Accessibility Inspector).
Modul 4: Gyakorlati kódolás – Semantikus HTML & billentyűzeti navigáció
- Hozzáférhetőség érdekében semantikus mark-up írása
- Teljes billentyűzeti navigálhatóság biztosítása
- Fókuszkezelés technikák
- Formok és interaktív elemek hozzáférhető kezelése
Hozzáférhetőség natív mobil alkalmazásokban (Opcionális további modul 1,5 óráig)
- Fontos platform iránymutatások (Google Material, Apple Human Interface)
- Mobil eszközökön navigáció, gombok, formok hozzáférhető készítése
- Gyakori mobil hozzáférhetőség problémák és megoldások
- Kézi tesztelés VoiceOver és TalkBack segítségével
Haladó kódolás & segítő technológiák
Modul 5: Hozzáférhető CSS és vizuális tervezés
- Színkontraszt és betűméret legjobb gyakorlatok
- Fókuszstílusok és látható fókuszmegjelenítés
- Hozzáférhetőség szempontjai a responsív tervezésben
- Animációk és átmenetek hozzáférhetőségi kockázatainak kerülése
- Színkontraszt és méret iránymutatások mobil képernyőkhöz.
Modul 6: ARIA dinamikus tartalom & bőséges internetes alkalmazások számára
- Mikor és hogyan használjuk az ARIA attribútumokat
- Élő régiók kezelése a képernyőolvasók számára
- Hozzáférhető widgetek és egyéni összetevők létrehozása
- ARIA szerepe az SPA-k (Egyoldalas alkalmazások) esetében
- Mobil platformokon hozzáférhetőség szerepköreit és címkéit ismertetjük (pl. contentDescription Androidban, accessibilityLabel iOS-on).
Modul 7: Kézi kódolási labor: Hozzáférhető összetevők létrehozása
- Hozzáférhető gombok, modális ablakok, legördülő listák, fülekből álló felületek létrehozása
- Hozzáférhető form érvényesítés és hibakezelés implementálása
- ARIA és semantikus HTML használata a valós világ UI komponenseihez
Tesztelés, megfelelőség és folyamatos hozzáférhetőség
Modul 8: Hozzáférhetőség tesztelése & vizsgálatok
- Kézi tesztelési technikák képernyőolvasókkal és billentyűzetkel használatával
- Automatikus tesztelés eszközökkel, mint például axe, Lighthouse, pa11y
- Hozzáférhetőség tesztesetek írása QA csapatok számára
- Hozzáférhetőség tesztelés integrálása CI/CD folyamatokba
- Hogyan futtathatunk hozzáférhetőségi vizsgálatokat natív mobil alkalmazásokon (kézi tesztelések, automatikus eszközök, például Accessibility Scanner, Espresso Androidra, XCTest iOS-ra)
Modul 9: Javítás & folyamatos hozzáférhetőség
- Gyakori hozzáférhetőség problémák és a megoldásaik
- Hozzáférhetőség kezelése örökölt kódalapokban
- Hozzáférhetőség karbantartása funkciófrissítések és átújítás során
- Hozzáférhetőség többplatformos alkalmazásokban (mobil, asztali, web)
Modul 10: Végső gyakorlati feladat és összefoglaló
- Készítsen vagy átformáljon egy kis alkalmazást/modult, hogy megfeleljen a hozzáférhetőségi szabványoknak
- Társak által történő felülvizsgálás és csoportvita
- Kérdések és válaszok, visszajelzés munkamenet
- Erőforrások folyamatos tanuláshoz és megfelelőség frissítéseire
Követelmények
- Alapvető és középhaladó ismeretek HTML, CSS, JavaScript nyelvekről
- Alapvető és középhaladó ismeretek mobil alkalmazás fejlesztési technikáiról (Android, IOS)
- Frontend keretrendszerekkel való ismerkedet (React, Angular, Vue stb.) előnyös
- Mobil alkalmazás fejlesztésével való ismerkedet előnyös
- Alapvető megértés a web/mobil fejlesztési folyamatrol
- Fejlesztési környezet beállítva laptopon (kód szerkesztő, böngésző fejlesztői eszköztár)
Célcsoport
- Frontend/Backend/Mobil Fejlesztők
- UI/UX Tervezők, akik kódolási ismeretekkel rendelkeznek
- QA Mérnökök, akik fókuszálnak a hozzáférhetőség tesztelésén
- Termék Tulajdonosok és Projektmenedzserek, akik részt vesznek a hozzáférhetőségi megfelelőségben
Vélemények (5)
„Nagyon értékelem a képző tanár valós idejű megközelítését, amely segítségével bemutatta, hogyan alkalmazhatja az emberközpondu design (HCD) elveit a csapatunk projekthez. Szintén nagyszerű volt, hogy a képző tanár időt szánt arra, hogy magas szinten megértsék a projektünket, ami segített abban, hogy világos és gyakorlati utmutatást adjon arra vonatkozóan, hogyan tudunk hatékábban megközelíteni mind a UX-, mind a UI-tervezést.”
Nichole Bryant Joven - Grundfos
Kurzus - Human-Centered Design (HCD)
Gépi fordítás
A gyakorlati példák az anyaggal együtt voltak.
Smita Hanuman - Standard Bank of SA Ltd
Kurzus - Basel III – Certified Basel Professional
Gépi fordítás
Hatássebesség és kommunikáció
Bader Bin rubayan - Lean Business Services
Kurzus - ISO/IEC 27001 Lead Implementer
Gépi fordítás
A tanári tudásában biztonságosan megbíztam Figma.
January Oliva - Eko Health
Kurzus - User Experience Design with Figma
Gépi fordítás
- gyakorlatok gyakorlatiak - a tréner segít a kérdéseinkre válaszolni
Germaine Choi - The Hong Kong Jockey Club
Kurzus - User Experience (UX) Design
Gépi fordítás