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

Résztvevők száma


Ár résztvevőnként

Vélemények (5)

Közelgő kurzusok

Rokon kategóriák