Sadržaj kursa
Pravni kontekst i osnove pristupačnosti
Modul 1: Uvod u Zakon o pristupačnosti i njegov značaj
- Pregled novog Zakona o pristupačnosti (stupa na snagu 28. juna)
- Pravni zahtevi i rokovi
- Utjecaj na javni sektor, privatne kompanije i programere
- Zašto je pristupačnost važna: društvena, etička i poslovna perspektiva
- Kazne za neusklađenost
- Pregled standarda pristupačnosti (WCAG 2.1/2.2, ARIA)
- Kategorije invaliditeta
Modul 2: Principi i smernice za pristupačnost
- POUR principi (Perceivable, Operable, Understandable, Robust)
- Uvod u smernice WCAG-a
- ARIA uloge, stanja i svojstva
- Semantički HTML i njegov uticaj na pristupačnost
Modul 3: Podesavanje pristupačnog razvojnog okruženja
- Alati: razvojni alati pregledača, čitači ekrana (NVDA, VoiceOver), dodaci za pristupačnost
- Podesavanje lintera i alata za automatsko testiranje pristupačnosti
- Pregled alata za uobičajeno testiranje pristupačnosti
- Podesavanje testiranja pristupačnosti na mobilnim simulatorima i stvarnim uređajima (koristeći VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Modul 4: Praktično kodiranje – Semantički HTML i navigacija tastaturom
- Pisanje semantičkog markovanja za pristupačnost
- Osiguranje pune navigacije tastaturom
- Tehnike upravljanja fokusom
- Pristupačno rukovanje obrascima i interaktivnim elementima
Pristupačnost u nativnim mobilnim aplikacijama (Opcioni dodatni modul od 1.5 sati)
- Ključne smernice platforme (Google Material, Apple Human Interface)
- Prilagođavanje navigacije, dugmića i obrazaca za mobilne uređaje
- Uobičajeni problemi i rešenja za pristupačnost na mobilnim uređajima
- Praktično testiranje uz pomoć VoiceOver-a i TalkBack-a
Napredno kodiranje i assistivne tehnologije
Modul 5: Pristupačni CSS i vizuelni dizajn
- Najbolje prakse za kontrast boja i veličinu teksta
- Stilovi fokusa i vidljivi pokazivači fokusa
- Razmatranja responzivnog dizajna za pristupačnost
- Izbegavanje zamki u pristupačnosti animacija i prelaza
- Smernice za kontrast boja i veličinu za ekrane mobilnih uređaja.
Modul 6: ARIA za dinamičan sadržaj i bogate internet aplikacije
- Kada i kako koristiti ARIA atribute
- Upravljanje live regionima za čitače ekrana
- Kreiranje pristupačnih vidžeta i prilagođenih komponenti
- Uloga ARIA u SPA (Single Page Applications)
- Za mobilne platforme, diskusija o ulogama i labelama za pristupačnost u nativnim sistemima (npr. contentDescription u Androidu, accessibilityLabel u iOS-u).
Modul 7: Praktični kodirajući laboratorijum: Izgradnja pristupačnih komponenti
- Kreiranje pristupačnih dugmića, modala, padajućih izbornika i tabova
- Implementacija pristupačne validacije obrasca i obrade grešaka
- Korišćenje ARIA i semantičkog HTML-a za stvarne UI komponente
Testiranje, usklađenost i kontinuirana pristupačnost
Modul 8: Testiranje i revizija pristupačnosti
- Tehnike ručnog testiranja pomoću čitača ekrana i samo tastature
- Automatsko testiranje alatima poput axe, Lighthouse, pa11y
- Pisanje testnih slučajeva za pristupačnost za QA timove
- Integracija testiranja pristupačnosti u CI/CD tokove
- Kako izvesti reviziju pristupačnosti na nativnim mobilnim aplikacijama (ručni testovi, automatski alati poput Accessibility Scanner, Espresso za Android, XCTest za iOS)
Modul 9: Ispravljanje i kontinuirana pristupačnost
- Uobičajeni problemi sa pristupačnošću i način njihovog rešavanja
- Upravljanje pristupačnošću u nasleđenim kodnim bazama
- Održavanje pristupačnosti tokom ažuriranja funkcionalnosti i refaktorizacije
- Pristupačnost u višeplatformskim aplikacijama (mobilni, desktop, web)
Modul 10: Konačno praktično vežbanje i zaključak
- Izgradnja ili refaktorizacija male aplikacije/modula kako bi zadovoljila standarde pristupačnosti
- Kolegijalni pregled i grupna diskusija
- Sesija pitanja i odgovora i povratnih informacija
- Resursi za kontinuirano učenje i praćenje promena u usklađenosti
Uslovi
- Osobni do srednji nivo znanja HTML-a, CSS-a i JavaScript-a
- Osobni do srednji nivo znanja tehnika za mobilne aplikacije (Android, iOS)
- Znanje front-end okvira (React, Angular, Vue, itd.) predstavlja prednost
- Znanje razvoja mobilnih aplikacija predstavlja prednost
- Osobno razumevanje životnog ciklusa web/mobilnog razvoja
- Laptop sa podešenim razvojnim okruženjem (editor koda, razvojni alati pregledača)
Ciljna grupa
- Front-end/Back-end/Mobilni programeri
- UI/UX dizajneri sa znanjem programiranja
- QA inženjeri fokusirani na testiranje pristupačnosti
- Product Owners i menadžeri projekata uključeni u usklađivanje sa zahtevima za pristupačnost
Iskustva korisnika (3)
Uzimajući u obzir šta treba uzeti u obzir pri dizajniranju tokova procesa, kako bi se obezbedilo da korisničko iskustvo bude korisno ili lako implementirano.
Lineo Nchaba - Revenue Services Lesotho
Kurs - User Experience (UX) Design
Mašinski prevedeno
Eksperimentisanje sa alatima
Nuwan Gunaratne - AZQORE
Kurs - User Experience Design with Figma
Mašinski prevedeno
Naš trener, Jašank, posedovao je izuzetno široko znanje. Prilagodio je nastavni plan onome što nam je zaista bilo potrebno za učenje, čime nam je omogućio izuzetno kvalitetno iskustvo učenja. Njegovo razumevanje oblasti koja je predmet nastave bilo je impresivno; podelio je uvide iz svog praktičnog iskustva i pomogao nam da rešimo stvarne probleme sa kojima smo se susretali u svakodnevnom radu.
Ahmed Nazeem - Maldives Pension Administration Office
Kurs - Multimodal AI for Enhanced User Experience
Mašinski prevedeno