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
 21 Órák

Résztvevők száma


Ár résztvevőnként

Vélemények (5)

Közelgő kurzusok

Rokon kategóriák