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
 21 timer

Antall deltakere


Price per participant

Testimonials (5)

Upcoming Courses

Related Categories