Kursplan
Lovlig kontekst & Tilgjengelighetsgrunnleggende
Modul 1: Introduksjon til Tilgjengelighetsloven og dens betydning
- Oversikt over den nye Tilgjengelighetsloven (i kraft fra 28. juni)
- Juridiske krav og frister
- Innvirkning på offentlig sektor, private selskaper og utviklere
- Hvorfor tilgjengelighet er viktig: sosiale, etiske og forrettslige perspektiver
- Straffer for ikkeoverholdelse
- Oversikt over tilgjengelighetsstandarder (WCAG 2.1/2.2, ARIA)
- Kategorier av funksjonshemninger
Modul 2: Tilgjengelighetprinsipper & Retningslinjer
- POUR-prinsippene (Persevable, Operable, Understandable, Robust)
- Introduksjon til WCAG-retningslinjer
- ARIA-roller, -tilstander og -egenskaper
- Semantisk HTML og dens rolle i tilgjengelighet
Modul 3: Oppsett av et tilgjengelig utviklingsmiljø
- Verktøy: nettleserutviklingverktøy, skjermlæsere (NVDA, VoiceOver), tilgjengelighetsutvidelser
- Oppsett av linter og automatiserte tilgjengelighetstestverktøy
- Oversikt over vanlige tilgjengelighetstestverktøy
- Oppsett av tilgjengelighetstesting på mobil simulatorer og virkelige enheter (ved hjelp av VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).
Modul 4: Praktisk koding – Semantisk HTML & Tastaturnavigasjon
- Skrive semantisk mark-up for tilgjengelighet
- Sikre full tastaturnavigasjon
- Fokusteknikker
- Behandle skjemaer og interaktive elementer tilgjengelig
Tilgjengelighet i nativ mobile app (Valgfritt ekstra modul på 1,5 time)
- Viktigste plattformretningslinjer (Google Material, Apple Human Interface)
- Gjøre navigasjon, knapper og skjemaer tilgjengelige på mobil
- Vanlige mobile tilgjengelighetsproblemer og løsninger
- Håndshånds testing med VoiceOver og TalkBack
Avansert koding & Assistive teknologier
Modul 5: Tilgjengelig CSS og visuell design
- Best praksis for fargekontrast og tekststørrelse
- Fokuspunkter og synlige fokuselementer
- Responsiv designbetraktninger for tilgjengelighet
- Unngå tilgjengelighetsfeller i animasjoner og overganger
- Fargekontrast og størrelsesretningslinjer for mobilskjermer.
Modul 6: ARIA for dynamisk innhold & Rike internettapplikasjoner
- Når og hvordan man bruker ARIA-attributter
- Hantere live-regioner for skjermlæsere
- Opprette tilgjengelige widgeter og egendefinerte komponenter
- ARIA-rolle i SPA (Single Page Applications)
- For mobil, diskutere tilgjengelighetsroller og -etiketter på nativ plattform (f.eks. contentDescription i Android, accessibilityLabel i iOS).
Modul 7: Praktisk kodingslab: Bygge tilgjengelige komponenter
- Opprette tilgjengelige knapper, modaler, rullegardinmeny, faneer
- Implementere tilgjengelig skjemavalidering og feilhåndtering
- Bruke ARIA og semantisk HTML for virkelige UI-komponenter
Testing, overholdelse og kontinuerlig tilgjengelighet
Modul 8: Tilgjengelighetstesting & Auditing
- Manuelle testteknikker med skjermlæsere og kun tastatur
- Automatisert testing med verktøy som axe, Lighthouse, pa11y
- Skrive tilgjengelighetstestfall for kvalitetsassuranse-teams
- Integrere tilgjengelighetstesting i CI/CD-pipelines
- Hvordan kjøre tilgjengelighetsaudits på nativ mobile app (manuelle tester, automatiserte verktøy som Accessibility Scanner, Espresso for Android, XCTest for iOS)
Modul 9: Remedia & Kontinuerlig tilgjengelighet
- Vanlige tilgjengelighetsproblemer og hvordan man fikser dem
- Administrere tilgjengelighet i legatkodebasen
- Vedlikeholde tilgjengelighet under funksjonoppdateringer og refactoring
- Tilgjengelighet i multiplattformapplikasjoner (mobil, skrivebord, web)
Modul 10: Endelig praktisk øvelse og avslutning
- Bygge eller refaktorere en liten app/modul for å møte tilgjengelighetsstandarder
- Peer review og gruppediskusjon
- Q&A og tilbakemeldingssesjon
- Resurser for vedvarende læring og overholdelsesoppdateringer
Krav
- Grunnleggende til mellomnivå kunnskap om HTML, CSS, JavaScript
- Grunnleggende til mellomnivå kunnskap om mobilapp-teknikker (Android, IOS)
- Familiaritet med frontend-rammeverk (React, Angular, Vue etc.) er et pluss
- Familiaritet med mobilapputvikling er et pluss
- Grunnleggende forståelse av web/mobil-utviklingsløp
- Laptop med oppsatt utviklingsmiljø (kodeeditor, nettleserutviklingverktøy)
Målgruppe
- Frontend/Backend/Mobilutviklere
- UI/UX-designere med kodingskunnskap
- QA-ingeniører fokuserende på tilgjengelighetstesting
- Produktledere og prosjektledere involvert i tilgjengelighetskomplians
Referanser (5)
«Jeg verdsette virkelig den sanntidsmetoden treneren brukte for å vise hvordan vårt team kan anvende menneskesentret design (HCD) i prosjektet vårt. Det var også bra at treneren tok seg tid til å forstå prosjektet vårt på et overordnet nivå, noe som hjalp med å gi tydelig og praktisk veiledning om hvordan vi kan bedre tilnærme oss både UX og UI.»
Nichole Bryant Joven - Grundfos
Kurs - Human-Centered Design (HCD)
Maskinoversatt
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