Kurzusleírás
1. nap: Jogi keretek és Accessiség alapok
Modul 1: Bevezetés a Accessiség törvényekbe és azok fontosságába
- A új Accessiség törvény áttekintése (hatályba lépett június 28-tól)
- Jogi követelmények és határidők
- Hatása a közszféra, magánvállalatok és fejlesztők számára
- Micsoda az Accessiség fontossága: társadalmi, etikai és üzleti szempontok
- Büntetések a nem megfelelő végrehajtásért
- Accessiség szabványok áttekintése (WCAG 2.1/2.2, ARIA)
- Korlátozások kategóriái
Modul 2: Accessiség elvei és irányelvek
- POUR elvek (Érzékelhető, Működőképes, Értelmes, Biztos)
- Bevezetés a WCAG irányelveibe
- ARIA szerepek, állapotok és tulajdonságok
- SzemanHTML és szerepe az Accessiségben
Modul 3: Accesses 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), Accessiség kiegészítők
- Linterek és automatizált Accessiség tesztelő eszközök beállítása
- Gyakori Accessiség tesztelő eszközök áttekintése
- Accessiség tesztelés beállítása mobil szimulátorokon és valós eszközöknél (VoiceOver/TalkBack, Android Accessesség Szkenner, Xcode Accessesség Ellenőrző használatával)
Modul 4: Gyakorlati kódolás – SzemanHTML és billentyűzet navigáció
- Accessiségre szánt szemanikus jelölést írunk
- Teljes billentyűzet navigálhatóság biztosítása
- Fókuszkezelési technikák
- Formok és interaktív elemek hozzáférhető kezelése
Accessiség a Native Mobile Apps-ben (opcionális további modul 1,5 órára)
- Fő platform irányelvek (Google Material, Apple Human Interface)
- Navigáció, gombok, formok hozzáférhetővé tételének mobilon
- Gyakori mobil Accessiség problémák és megoldások
- Kezdőkézre tesztelés VoiceOver és TalkBack segítségével
2. nap: Haladó kódolás és segédtechnikák
Modul 5: Accesses CSS és vizuális tervezés
- Színkontraszt és betűméret legjobb gyakorlatok
- Fókusz stílusok és látható fókusz jelzők
- Accessiség szempontok a responszív tervezésben
- Accessesség csapdák kerülése az animációk és átmenetekben
- Színkontraszt és méreti irányelvek mobil képernyőknek
Modul 6: ARIA dinamikus tartalomhoz és Rich Internet Applicationshoz
- Mikor és hogyan használjuk az ARIA attribútumokat
- Élő régiók kezelése képernyőolvasókhoz
- Hozzáférhető widgetek és egyedi komponensek létrehozása
- ARIA szerepe az SPA (Single Page Applications) alkalmazásokban
- A mobil eszközöknek a hozzáférhető szerepek és címkék megviteltét (például contentDescription Androidben, accessibilityLabel iOSben)
Modul 7: Kéziratban kódolási laboratórium: Accesses komponensek építése
- Accesses gombok, modálok, legördülő menük, lapok létrehozása
- Accesses formvalidáció és hibakezelés megvalósítása
- ARIA és szemanHTML használata valós UI komponensekhez
3. nap: Tesztelés, egyeztetés és folyamatos Accessiség
Modul 8: Accessesség tesztelés és auditing
- Manuális tesztelési technikák képernyőolvasók és billentyűzet használatával
- Automatizált tesztelés axe, Lighthouse, pa11y eszközökkel
- Accessesség teszt esetek írása a QA csapatok számára
- Accessesség tesztelési integráció CI/CD folyamatokba
- A native mobil alkalmazások Accessesség auditjainak végrehajtása (manuális tesztek, automatizált eszközök, mint a Accessesség Szkenner, Espresso Androidhez, XCTest iOShez)
Modul 9: Javítás és folyamatos Accessiség
- Gyakori Accessesség problémák és megoldásuk
- Accessiség kezelése régi kódbázisokban
- Accessesség megőrzése funkciófrissítések és átalakítások során
- Accessiség a többplatformos alkalmazásokban (mobil, asztali, web)
Modul 10: Záró gyakorlati feladat és összegzés
- Accessesség szabványoknak megfelelő kicsi app/module építése vagy átalakítása
- Társbírálat és csoportbeszélgetés
- Kérdés-válasz és visszajelzési kör
- További tanuláshoz és egyeztetési frissítésekhez szükséges források
Követelmények
- Alap- és középfokú ismeretek HTML, CSS, JavaScript terén
- Alap- és középfokú ismeretek mobilalkalmazás technikákban (Android, IOS)
- Ismeret frontend keretrendszerekről (React, Angular, Vue, stb.) plusz
- Ismeret mobilalkalmazás-fejlesztésről plusz
- Alapvető ismeret web/mobil fejlesztési életciklusról
- Laptop fejlesztői környezettel (kódszerkesztő, böngészőfejlesztői eszközök)
Célközönség - Frontend/Backend/Mobil Fejlesztők
- UI/UX tervezők kódozási ismerettel
- QA mérnökök, akik a hozzáférhetőségi tesztelésre koncentrálnak
- Termékfelelősök és projektmenedzserek, akik a hozzáférhetőségi megfelelőséggel foglalkoznak
Vélemények (5)
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
Az atmoszféra, a feladatokhoz való hozzáállás és az erről szóló megjegyzések. Nagyon kellemes és nyugalmas módon adták át a tudást.
Elzbieta Moc-Kilanska - EY GDS
Kurzus - User Experience UX Design Fundamentals
Gépi fordítás