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

Résztvevők száma


Ár per résztvevő

Vélemények (5)

Közelgő kurzusok

Rokon kategóriák