Kontaktirajte nas
 Trajanje 21 sati

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

Broj učesnika


Cena po učesniku

Iskustva korisnika (3)

Predstojeći kursevi

Povezane kategorije