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

Antal deltagare


Price per participant

Vittnesmål (5)

Upcoming Courses

Relaterade Kategorier