Kursplan
Lägesrapport & Tillgänglighetsgrundläggande
Modul 1: Introduktion till Tillgänglighetslagen och dess betydelse
- Översikt över den nya Tillgänglighetslagen (tillämpning från den 28 juni)
- Rättsliga krav och tidsfrister
- Påverkan på offentlig sektor, privata företag och utvecklare
- Varför tillgänglighet är viktigt: sociala, etiska och affärsaspekter
- Straffar för icke-kompatibilitet
- Översikt över tillgänglighetsstandarder (WCAG 2.1/2.2, ARIA)
- Kategorier av funktionsnedsättningar
Modul 2: Tillgänglighetsprinciper & Riktlinjer
- POUR-principerna (Perceivable, Operable, Understandable, Robust)
- Introduktion till WCAG-riktlinjer
- ARIA-rollerna, tillstånd och egenskaper
- Semantic HTML och dess roll i tillgänglighet
Modul 3: Konfigurera en tillgänglig utvecklingsmiljö
- Verktyg: browserutvecklarverktyg, skärmuppläsare (NVDA, VoiceOver), tillgänglighetsutvidgningar
- Konfigurera linter och automatiserade tillgänglighetstestverktyg
- Översikt över vanliga tillgänglighetstestverktyg
- Konfigurera tillgänglighetstester på mobilsimulatorer och verkliga enheter (med VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Modul 4: Praktisk kodning – Semantic HTML & Tangentbordsnavigering
- Skriva semantisk markering för tillgänglighet
- Säkerställa full tangentbordsnavigering
- Fokustekniker
- Hantera formulär och interaktiva element på ett tillgängligt sätt
Tillgänglighet i inbyggda mobilappar (Valfri modul för 1,5 timme)
- Nyckelplattformsriktlinjer (Google Material, Apple Human Interface)
- Gör navigering, knappar och formulär tillgängliga i mobil
- Vanliga mobilrelaterade tillgänglighetsproblem och lösningar
- Praktiskt test med VoiceOver och TalkBack
Avancerad kodning & Assistiv teknik
Modul 5: Tillgängligt CSS och visuell design
- Färgkontrast och textstorleksbästa praxis
- Fokustilar och synliga fokusindikatorer
- Responsiv design med hänsyn till tillgänglighet
- Undvik felsteg i animeringar och övergångseffekter för tillgänglighet
- Färgkontrast- och storleksriktlinjer för mobilskärmar.
Modul 6: ARIA för dynamiskt innehåll & rika internetapplikationer
- När och hur man använder ARIA-attribut
- Hantera live-regioner för skärmuppläsare
- Skapa tillgängliga widgetar och anpassade komponenter
- ARIAs roll i SPA (Single Page Applications)
- För mobil, diskutera tillgänglighetsroller och etiketter på inbyggda plattformar (t.ex. contentDescription i Android, accessibilityLabel i iOS).
Modul 7: Praktisk kodningslabb: Skapa tillgängliga komponenter
- Skapa tillgängliga knappar, modaler, rullgardinsmenyer, flikar
- Implementera tillgänglig formvalidering och felhantering
- Använd ARIA och semantisk HTML för reala UI-komponenter
Testning, kompatibilitet och kontinuerlig tillgänglighet
Modul 8: Tillgänglighetstest & granskning
- Manuella testtekniker med skärmuppläsare och tangentbord endast
- Automatiserade tester med verktyg som axe, Lighthouse, pa11y
- Skriv tillgänglighetstestfall för QA-team
- Integrera tillgänglighetstester i CI/CD-pipeliner
- Hur man kör tillgänglighetsgranskningar på inbyggda mobilappar (manuella tester, automatiserade verktyg som Accessibility Scanner, Espresso för Android, XCTest för iOS)
Modul 9: Korrigering & kontinuerlig tillgänglighet
- Vanliga tillgänglighetsproblem och hur man löser dem
- Hantera tillgänglighet i äldre kodbaser
- Upprätthålla tillgänglighet under funktionsuppdateringar och refaktorering
- Tillgänglighet i flerplattformsuppdrag (mobil, desktop, webb)
Modul 10: Slutlig praktisk övning och avslutande
- Bygg eller refaktorera en liten app/modul för att uppfylla tillgänglighetsstandarder
- Peer-granskning och gruppdiskussion
- Q&A- och feedback-session
- Resurser för fortsatt lärande och kompatibilitetsuppdateringar
Krav
- Grundläggande till mellanliggande kunskaper i HTML, CSS och JavaScript
- Grundläggande till mellanliggande kunskaper om mobilappstekniker (Android, iOS)
- Kännedom om frontendramverk (React, Angular, Vue etc.) är en fördel
- Kännedom om mobilapputveckling är en fördel
- Grundläggande förståelse av webb/mobilutvecklingslifecycle
- Laptop med uppsettrad utvecklingsmiljö (kodredigerare, browserutvecklarverktyg)
Målgrupp
- Frontend/Backend/Mobilutvecklare
- UI/UX-designer med kodningskunskaper
- QA-ingetörer som fokuserar på tillgänglighetstestning
- Produktoägare och projektledare inblandade i tillgänglighetskompatibilitet
Vittnesmål (5)
“Jag uppskattade verkligen den live-metod som utbildningsledaren använde för att visa hur vårt team kan tillämpa människocentrerat design (MCD) på vår projekt. Det var också bra att utbildningsledaren tog sig tid att förstå vårt projekt i stort, vilket hjälpte till att ge tydliga och praktiska riktlinjer om hur vi bättre kan tillvägagå oss både med UX och UI.”
Nichole Bryant Joven - Grundfos
Kurs - Human-Centered Design (HCD)
Maskintolkat
The fact that there were practical examples with the content
Smita Hanuman - Standard Bank of SA Ltd
Kurs - Basel III – Certified Basel Professional
I did like how the instructor seemed very knowledgeable with Figma.
January Oliva - Eko Health
Kurs - User Experience Design with Figma
- exercises are practical - trainer is helpful in answering our specific questions
Germaine Choi - The Hong Kong Jockey Club
Kurs - User Experience (UX) Design
Atmosphere, approach to the exercises and comments about the tasks. It was so nice and relaxed way of relay the knowledge