Kom i kontakt
 Varaktighet 21 timmar

Kursplan

Juridik & grundläggande tillgänglighet

Modul 1: Introduktion till tillgänglighetslagen och dess betydelse

  • Översikt över den nya tillgänglighetslagen (träd i kraft den 28 juni)
  • Juridiska krav och deadlines
  • Inverkan på offentlig sektor, privata företag och utvecklare
  • Varför tillgänglighet är viktigt: sociala, etiska och affärsmässiga perspektiv
  • Sanktioner för bristande efterlevnad
  • Översikt över tillgänglighetsstandarder (WCAG 2.1/2.2, ARIA)
  • Kategorier av funktionsnedsättningar

Modul 2: Principer & riktlinjer för tillgänglighet

  • POUR-principerna (Upfattbar, Hanterbar, Begriplig, Robust)
  • Introduktion till WCAG-riktlinjerna
  • ARIA-roller, tillstånd och egenskaper
  • Semantisk HTML och dess roll för tillgänglighet

Modul 3: Att ställa in en tillgänglig utvecklingsmiljö

  • Verktyg: webbläsarens utvecklarverktyg, skärmläsare (NVDA, VoiceOver), tillgänglighetsinsticksmoduler
  • Inställning av linters och automatiserade testverktyg för tillgänglighet
  • Översikt över vanliga testverktyg för tillgänglighet
  • Inställning av tillgänglighetstest på mobila simuleringsprogram och riktiga enheter (använd VoiceOver/TalkBack, Android Accessibility Scanner, Xcode Accessibility Inspector).

Modul 4: Praktisk kodning – Semantisk HTML & tangentbordsnavigering

  • Skriva semantisk markup för tillgänglighet
  • Säkerställa fullständig navigerbarhet via tangentbord
  • Metoder för fokushantering
  • Behandla formulär och interaktiva element på ett tillgängligt sätt

Tillgänglighet i nativa mobila appar (Valfri extra modul på 1,5 timme)

  • Platformspecifika riktlinjer (Google Material, Apple Human Interface)
  • Göra navigation, knappar och formulär tillgängliga på mobil
  • Vanliga tillgänglighetsproblem på mobil och lösningar
  • Praktisk testning med VoiceOver och TalkBack

Avancerad kodning & assistiv teknologi

Modul 5: Tillgänglig CSS och visuell design

  • Bästa praxis för färgkontrast och textstorlek
  • Fokus-stilar och synliga fokusmarkörer
  • Överväganden kring responsiv design för tillgänglighet
  • Undvika tillgänglighetsfallgropar i animationer och övergångar
  • Riktlinjer för färgkontrast och storlek för mobilschem.

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

  • När och hur man ska använda ARIA-attribut
  • Hantera live-regioner för skärmläsare
  • Skapar tillgängliga widgets och anpassade komponenter
  • ARIAs roll i SPA (Single Page Applications)
  • För mobil, diskutera tillgänglighetsroller och etiketter i nativa plattformar (t.ex. contentDescription i Android, accessibilityLabel i iOS).

Modul 7: Praktiskt kodlab: Bygg tillgängliga komponenter

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

Testning, efterlevnad och kontinuerlig tillgänglighet

Modul 8: Testning & granskning av tillgänglighet

  • Manuella testtekniker med skärmläsare och endast tangentbord
  • Automatiserad testning med verktyg som axe, Lighthouse, pa11y
  • Skriva testfall för tillgänglighet för QA-team
  • Integrera tillgänglighetstestning i CI/CD-pipelines
  • Hur man utför tillgänglighetsgranskningar på nativa mobila appar (manuella tester, automatiserade verktyg som Accessibility Scanner, Espresso för Android, XCTest för iOS)

Modul 9: Rättning & kontinuerlig tillgänglighet

  • Vanliga tillgänglighetsproblem och hur man åtgärdar dem
  • Hantera tillgänglighet i äldre kodbaser
  • Underhålla tillgänglighet under funktionsskapande och omstrukturering
  • Tillgänglighet i multiplattformssappar (mobil, skrivbordsdator, webb)

Modul 10: Slutlig praktisk övning och avrundning

  • Bygg eller omstrukturera en liten app/modul för att uppfylla tillgänglighetsstandarder
  • Kollegagranskning och gruppdiskussion
  • F&A-session och feedback
  • Resurser för pågående lärande och uppdateringar av efterlevnad

Krav

  • Grundläggande till medelkunskaper i HTML, CSS, JavaScript
  • Grundläggande till medelkunskaper i tekniker för mobila appar (Android, iOS)
  • Behärskning av frontendsramverk (React, Angular, Vue m.fl.) är ett plus
  • Kännedom om utveckling av mobila appar är ett plus
  • Grundläggande förståelse av utvecklingscykeln för webb/mobilappar
  • Laptop med inställd utvecklingsmiljö (kodeditor, webbläsarens utvecklarverktyg)

Publik

  • Frontend/Backend/Mobilutvecklare
  • UI/UX-designers med kunskap i kodning
  • QA-ingenjörer med fokus på testning av tillgänglighet
  • Produktägare och projektledare inblandade i tillgänglighetskrav

Antal deltagare


Pris per deltagare

Vittnesmål (3)

Kommande Kurser

Relaterade Kategorier