Kursplan

Lägesrapport & Tillgänglighetsgrundläggande

Modul 1: Introduktion till Tillgänglighetslagen och dess betydelse

  • Översikt över den nya Tillgänglighetslagen (tillämpning från den 28 juni)
  • Rättsliga krav och tidsfrister
  • Påverkan på offentlig sektor, privata företag och utvecklare
  • Varför tillgänglighet är viktigt: sociala, etiska och affärsaspekter
  • Straffar för icke-kompatibilitet
  • Översikt över tillgänglighetsstandarder (WCAG 2.1/2.2, ARIA)
  • Kategorier av funktionsnedsättningar

Modul 2: Tillgänglighetsprinciper & Riktlinjer

  • POUR-principerna (Perceivable, Operable, Understandable, Robust)
  • Introduktion till WCAG-riktlinjer
  • ARIA-rollerna, tillstånd och egenskaper
  • Semantic HTML och dess roll i tillgänglighet

Modul 3: Konfigurera en tillgänglig utvecklingsmiljö

  • Verktyg: browserutvecklarverktyg, skärmuppläsare (NVDA, VoiceOver), tillgänglighetsutvidgningar
  • Konfigurera linter och automatiserade tillgänglighetstestverktyg
  • Översikt över vanliga tillgänglighetstestverktyg
  • Konfigurera tillgänglighetstester på mobilsimulatorer och verkliga enheter (med VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).

Modul 4: Praktisk kodning – Semantic HTML & Tangentbordsnavigering

  • Skriva semantisk markering för tillgänglighet
  • Säkerställa full tangentbordsnavigering
  • Fokustekniker
  • Hantera formulär och interaktiva element på ett tillgängligt sätt

Tillgänglighet i inbyggda mobilappar (Valfri modul för 1,5 timme)

  • Nyckelplattformsriktlinjer (Google Material, Apple Human Interface)
  • Gör navigering, knappar och formulär tillgängliga i mobil
  • Vanliga mobilrelaterade tillgänglighetsproblem och lösningar
  • Praktiskt test med VoiceOver och TalkBack

Avancerad kodning & Assistiv teknik

Modul 5: Tillgängligt CSS och visuell design

  • Färgkontrast och textstorleksbästa praxis
  • Fokustilar och synliga fokusindikatorer
  • Responsiv design med hänsyn till tillgänglighet
  • Undvik felsteg i animeringar och övergångseffekter för tillgänglighet
  • Färgkontrast- och storleksriktlinjer för mobilskärmar.

Modul 6: ARIA för dynamiskt innehåll & rika internetapplikationer

  • När och hur man använder ARIA-attribut
  • Hantera live-regioner för skärmuppläsare
  • Skapa tillgängliga widgetar och anpassade komponenter
  • ARIAs roll i SPA (Single Page Applications)
  • För mobil, diskutera tillgänglighetsroller och etiketter på inbyggda plattformar (t.ex. contentDescription i Android, accessibilityLabel i iOS).

Modul 7: Praktisk kodningslabb: Skapa tillgängliga komponenter

  • Skapa tillgängliga knappar, modaler, rullgardinsmenyer, flikar
  • Implementera tillgänglig formvalidering och felhantering
  • Använd ARIA och semantisk HTML för reala UI-komponenter

Testning, kompatibilitet och kontinuerlig tillgänglighet

Modul 8: Tillgänglighetstest & granskning

  • Manuella testtekniker med skärmuppläsare och tangentbord endast
  • Automatiserade tester med verktyg som axe, Lighthouse, pa11y
  • Skriv tillgänglighetstestfall för QA-team
  • Integrera tillgänglighetstester i CI/CD-pipeliner
  • Hur man kör tillgänglighetsgranskningar på inbyggda mobilappar (manuella tester, automatiserade verktyg som Accessibility Scanner, Espresso för Android, XCTest för iOS)

Modul 9: Korrigering & kontinuerlig tillgänglighet

  • Vanliga tillgänglighetsproblem och hur man löser dem
  • Hantera tillgänglighet i äldre kodbaser
  • Upprätthålla tillgänglighet under funktionsuppdateringar och refaktorering
  • Tillgänglighet i flerplattformsuppdrag (mobil, desktop, webb)

Modul 10: Slutlig praktisk övning och avslutande

  • Bygg eller refaktorera en liten app/modul för att uppfylla tillgänglighetsstandarder
  • Peer-granskning och gruppdiskussion
  • Q&A- och feedback-session
  • Resurser för fortsatt lärande och kompatibilitetsuppdateringar

Krav

  • Grundläggande till mellanliggande kunskaper i HTML, CSS och JavaScript
  • Grundläggande till mellanliggande kunskaper om mobilappstekniker (Android, iOS)
  • Kännedom om frontendramverk (React, Angular, Vue etc.) är en fördel
  • Kännedom om mobilapputveckling är en fördel
  • Grundläggande förståelse av webb/mobilutvecklingslifecycle
  • Laptop med uppsettrad utvecklingsmiljö (kodredigerare, browserutvecklarverktyg)

Målgrupp

  • Frontend/Backend/Mobilutvecklare
  • UI/UX-designer med kodningskunskaper
  • QA-ingetörer som fokuserar på tillgänglighetstestning
  • Produktoägare och projektledare inblandade i tillgänglighetskompatibilitet
 21 timmar

Antal deltagare


Pris per deltagare

Vittnesmål (5)

Kommande Kurser

Relaterade Kategorier