Kursplan
Dag 1: Lovgivende rammeverk & grunnleggende tilgjengelighetsprinsipper
Modul 1: Innføring i tilgjengelighetsloven og dens betydning
- Oversikt over den nye tilgjengelighetsloven (trådte i kraft 28. juni)
- Juridiske krav og frister
- Påvirkning på offentlig sektor, private selskaper og utviklere
- Hvorfor tilgjengelighet er viktig: sosiale, etiske og forretningsmessige perspektiver
- Straffer for ikke-etterlevelse
- Oversikt over tilgjengelighetsstandarder (WCAG 2.1/2.2, ARIA)
- Kategorier av funksjonshemminger
Modul 2: Tilgjengelighetsprinsipper & retningslinjer
- POUR-prinsipper (Perceptible, Operable, Understandable, Robust)
- Innføring i WCAG-retningslinjer
- ARIA-roller, tilstander og egenskaper
- Semantisk HTML og dens rolle i tilgjengelighet
Modul 3: Oppsett av en tilgjengelig utviklingsmiljø
- Verktøy: nettleser-utviklerverkteøy, skjermlesere (NVDA, VoiceOver), tilgjengelighetsutvidelser
- Oppsett av lintere og automatiske tilgjengelighetstestverktøy
- Oversikt over vanlige tilgjengelighetstestverktøy
- Oppsett av tilgjengelighetstesting på mobilsimulatorer og virkelige enheter (ved hjelp av VoiceOver/TalkBack, Android Tilgjengelighets-Scanner, Xcode Tilgjengelighetsinspektør).
Modul 4: Praktisk kodering – Semantisk HTML & tastaturnavigering
- Skriving av semantisk markering for tilgjengelighet
- Sikring av full tastaturnavigering
- Fokushåndteringsteknikker
- Håndtering av skjemaer og interaktive elementer tilgjengelighetsmessig
Tilgjengelighet i native mobile apps (Valgfri tilleggsmodul på 1.5 time)
- Nøkkelplattformretningslinjer (Google Material, Apple Human Interface)
- Gjøre navigering, knapper, skjemaer tilgjengelig på mobil
- Vanlige tilgjengelighetsproblemer og løsninger på mobil
- Prøv deg fram med VoiceOver og TalkBack
Dag 2: Avansert kodering & hjelpemiddelteknologi
Modul 5: Tilgjengelig CSS og visuell design
- Beste praksis for fargekontrast og tekststørrelse
- Fokusstiler og synlige fokusindikatorer
- Tilgjengelighetshensyn ved responsiv design
- Unngå tilgjengelighetsfellene ved animasjoner og overganger
- Fargekontrast- og størrelsesanbefalinger for mobilskjermer.
Modul 6: ARIA for dynamisk innhold & rike Internett-applikasjoner
- Når og hvordan man bruker ARIA-attributter
- Håndtering av levende regioner for skjermlesere
- Opprette tilgjengelige widget og brukerdefinerte komponenter
- Rollen til ARIA i SPA (Single Page Applications)
- For mobil, diskuter tilgjengelighetsroller og etiketter i native plattformer (e.g. contentDescription i Android, accessibilityLabel i iOS).
Modul 7: Hånds-on kodingslaboratorium: Bygging av tilgjengelige komponenter
- Opprette tilgjengelige knapper, modaler, nedtrekksmenyer, faner
- Implementering av tilgjengelig skjemavalidering og feilhåndtering
- Bruk ARIA og semantisk HTML for virkelige brukergrensesnittskomponenter
Dag 3: Testing, overholdelse og kontinuerlig tilgjengelighet
Modul 8: Tilgjengelighetstesting & revisjon
- Manuelle testteknikker med skjermlesere og kun tastatur
- Automatisk testing med verktøy som axe, Lighthouse, pa11y
- Skriving av tilgjengelighetstesttilfeller for QA-team
- Integriering av tilgjengelighetstesting i CI/CD-pipelines
- Hvordan kjøre tilgjengelighetsrevisjoner på native mobile apps (manuelle tester, automatiserte verktøy som Tilgjengelighets-Scanner, Espresso for Android, XCTest for iOS)
Modul 9: Retting og kontinuerlig tilgjengelighet
- Vanlige tilgjengelighetsproblemer og hvordan man løser dem
- Håndtering av tilgjengelighet i gamle kodebaser
- Opprettholde tilgjengelighet under funksjonsopdateringer og refaktorering
- Tilgjengelighet i multi-plattform-apps (mobil, skrivebord, nett)
Modul 10: Avsluttende praktisk øvelse og oppsummering
- Bygge eller refakturere en liten app/modul for å møte tilgjengelighetsstandarder
- Kollektiv gjennomgang og gruppediskusjon
- Spørsmål og svar, samt tilbakemeldingsøkt
- Ressurser for kontinuerlig læringsprosess og oppdateringer om overholdelse
Krav
- Grunnleggende til mellomnivå kunnskap om HTML, CSS, JavaScript
- Grunnleggende til mellomnivå kunnskap om mobile app-teknikker (Android, IOS)
- Kjennskap til frontend rammeverk (React, Angular, Vue, osv.) er en fordel
- Kjennskap til mobile app-utvikling er en fordel
- Grunnleggende forståelse av web/mobilutviklingslivssyklus
- Laptop med utviklingsmiljø oppsatt (kodeeditor, nettleserutviklingstverkjøy)
Målgruppe - Frontend/Bakend/Mobilutviklere
- UI/UX Designere med kodekunnskap
- QA Ingeniører som fokuserer på tilgjengelighetstesting
- Produkteiere og prosjektledere som er involvert i tilgjengelighetskompatibilitet
Testimonials (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.