Kursplan
Dag 1: Juridisk Kontext & Tillgänglighetsgrundläggande
Modul 1: Introduktion till Tillgänglighetslagen och dess betydelse
- Översikt över den nya Tillgänglighetslagen (gäller från och med 28 juni)
- Juridiska krav och deadlines
- Påverkan på offentlig sektor, privata företag och utvecklare
- Varför tillgänglighet är viktigt: sociala, etiska och affärsmässiga perspektiv
- Straff för icke-överensstämmelse
- Översikt över tillgänglighetsstandarder (WCAG 2.1/2.2, ARIA)
- Kategorier av funktionshinder
Modul 2: Tillgänglighetsprinciper & Riktlinjer
- POUR-principer (Uppmärksammat, Operabelt, Förståeligt, Robust)
- Introduktion till WCAG-riktlinjer
- ARIA-roller, tillstånd och egenskaper
- Semantisk HTML och dess roll för tillgänglighet
Modul 3: Att Konfigurera en Tillgänglig Utvecklingsmiljö
- Verktyg: webbläsarutvecklingsverktyg, skärmläsare (NVDA, VoiceOver), tillgänglighetstillägg
- Konfigurering av linters och automatiserade tillgänglighetstestverktyg
- Översikt över vanliga tillgänglighetstestverktyg
- Konfigurering av tillgänglighetstestning på mobila simulatorer och verkliga enheter (med VoiceOver/TalkBack, Android Tillgänglighetskontroll, Xcode Tillgänglighetsinspektör)
Modul 4: Praktisk kodning – Semantisk HTML & Tangentbordsnavigation
- Skrivning av semantisk markup för tillgänglighet
- Säkerställande av full tangentbordsnävigbarhet
- Fokushanteringsmetoder
- Hantering av formulär och interaktiva element på tillgängligt sätt
Tillgänglighet i Inbyggda Mobila Appar (Valfri extra modul på 1,5 timme)
- Nyckelplattformsriktlinjer (Google Material, Apple Human Interface)
- Gör navigering, knappar och formulär tillgängliga på mobila enheter
- Vanliga mobila tillgänglighetsproblem och lösningar
- Hands-on-testning med VoiceOver och TalkBack
Dag 2: Avancerad kodning & Assisterande teknologier
Modul 5: Tillgänglig CSS och Visuell design
- Bästa praxis för färgkontrast och textstorlek
- Fokusstilar och synliga fokusindikatorer
- Responsiva designöverväganden för tillgänglighet
- Undvikande av tillgänglighetsfällor i animationer och övergångar
- Färgkontrast- och storleksriktlinjer för mobila skärmar
Modul 6: ARIA för Dynamiskt Innehåll & Rika Internetapplikationer
- När och hur man använder ARIA-attribut
- Hantering av levande regioner för skärmläsare
- Skapande av tillgängliga widgetar och anpassade komponenter
- ARIA:s roll i SPA (Single Page Applications)
- För mobila enheter, diskussion om tillgänglighetsroller och etiketter i inbyggda plattformar (t.ex. contentDescription i Android, accessibilityLabel i iOS)
Modul 7: Hands-on Coding Lab: Byggande av Tillgängliga Komponenter
- Skapa tillgängliga knappar, modaler, rullgardinsmenyer och flikar
- Implementera tillgänglig formvalidering och felhantering
- Använd ARIA och semantisk HTML för verkliga UI-komponenter
Dag 3: Testning, Överensstämmelse och Kontinuerlig Tillgänglighet
Modul 8: Tillgänglighetstestning & Revision
- Manuella testmetoder med skärmläsare och tangentbord endast
- Automatiserad testning med verktyg som axe, Lighthouse, pa11y
- Skrivning av tillgänglighetstestfall för QA-team
- Integrering av tillgänglighetstestning i CI/CD-pipelines
- Hur man utför tillgänglighetsrevisioner på inbyggda mobila appar (manuella tester, automatiserade verktyg som Tillgänglighetskontroll, Espresso för Android, XCTest för iOS)
Modul 9: Åtgärd & Kontinuerlig Tillgänglighet
- Vanliga tillgänglighetsproblem och hur man löser dem
- Hantering av tillgänglighet i legacy-kodbaser
- Behållande av tillgänglighet under funktionsuppdateringar och omskrivning
- Tillgänglighet i multiplattformappar (mobil, desktop, web)
Modul 10: Avslutande Praktiskt Övning och Sammanfattning
- Bygga eller omskriva en liten app/modul för att uppfylla tillgänglighetsstandarder
- Kamratgranskning och gruppdiskussion
- Fråge- och svarssession och feedback
- Resurser för fortsatt lärande och överensstämmelseuppdateringar
Krav
- Grundläggande till mellanavancerad kunskap om HTML, CSS, JavaScript
- Grundläggande till mellanavancerad kunskap om mobila app-tekniker (Android, IOS)
- Kännedom om frontend-ramverk (React, Angular, Vue, etc.) är en fördel
- Kännedom om mobila apputveckling är en fördel
- Grundläggande förståelse för webb/mobilutvecklingslivscykel
- Bärbar dator med utvecklingsmiljö inställd (kodeeditor, webbläsardevverktyg)
Målgrupp - Frontend/Backend/Mobilutvecklare
- UI/UX-designers med kodkunskap
- QA-ingenjörer som fokuserar på tillgänglighetstestning
- Produktegare och projektledare som är inblandade i tillgänglighetsöverensstämmelse
Vittnesmål (5)
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
Elzbieta Moc-Kilanska - EY GDS
Kurs - User Experience UX Design Fundamentals
The trainer was extremely clear and concise. Very easy to understand and absorb the information.