Digital tillgänglighetAktiviteter & undervisningsstrategier
Genom att arbeta aktivt och laborativt får eleverna uppleva hinder i digitala miljöer på ett konkret sätt. Att testa och känna frustrationen av att inte kunna genomföra en uppgift skapar djupare förståelse än teoretiska genomgångar. Denna känslomässiga koppling gör att eleverna minns viktiga principer bättre och vill bidra till en mer inkluderande digital värld.
Lärandemål
- 1Identifiera minst tre hinder som personer med funktionsvariationer kan möta vid användning av digitala verktyg.
- 2Jämföra minst två olika designlösningar som förbättrar digital tillgänglighet för specifika användargrupper.
- 3Förklara grundläggande principer för digital tillgänglighet, såsom kontrast och alternativ text.
- 4Designa ett enkelt digitalt element (t.ex. en knapp eller en textruta) med hänsyn till tillgänglighetsprinciper.
Vill du en komplett lektionsplan med dessa mål? Skapa ett uppdrag →
Empati-stationer: Simulera hinder
Sätt upp stationer med ögonbindlar för synsimulering, handskar för motorik och hörlurar för ljudstörning. Elever testar enkla webbplatser eller appar vid varje station och antecknar hinder. Grupper diskuterar sedan förbättringsförslag.
Förberedelse & detaljer
Hur kan vi designa digitala verktyg som är enkla att använda för alla?
Handledningstips: Under Empati-stationer: Simulera hinder, uppmuntra eleverna att beskriva sina upplevelser högt för att synliggöra känslan av frustration och insikt.
Setup: Grupper vid bord med tillgång till källmaterial
Materials: Samling med källmaterial, Arbetsblad för undersökningscykeln, Metod för att formulera frågor, Mall för redovisning av resultat
Designa tillgänglig meny: Prototyp
Elever ritar en meny för en app som fungerar för alla, med stora ikoner, hög kontrast och tydliga etiketter. De testar varandras prototyper med simuleringar. Presentera bästa lösningar för klassen.
Förberedelse & detaljer
Vilka hinder kan personer med funktionsvariationer möta online?
Handledningstips: När eleverna Designar tillgänglig meny: Prototyp, cirkulera bland grupperna och ställ frågor som får dem att reflektera över varför de valde specifika lösningar.
Setup: Grupper vid bord med tillgång till källmaterial
Materials: Samling med källmaterial, Arbetsblad för undersökningscykeln, Metod för att formulera frågor, Mall för redovisning av resultat
Jämför-webbplatser: Bedömning
Visa tre webbplatser på projektor, elever bedömer tillgänglighet med en checklista (kontrast, navigation, alt-text). Räkna poäng i par och motivera valet av bästa sidan. Diskutera klassförslag.
Förberedelse & detaljer
Jämför olika lösningar för att förbättra digital tillgänglighet.
Handledningstips: Under Jämför-webbplatser: Bedömning, be eleverna att motivera sina bedömningar med konkreta exempel från webbplatserna de undersöker.
Setup: Grupper vid bord med tillgång till källmaterial
Materials: Samling med källmaterial, Arbetsblad för undersökningscykeln, Metod för att formulera frågor, Mall för redovisning av resultat
Talstöd-test: Skapa innehåll
Elever skapar en kort text med bild och lägger till alt-text. Testa med gratis skärmläsare. Jämför hur det låter före och efter, och justera baserat på feedback.
Förberedelse & detaljer
Hur kan vi designa digitala verktyg som är enkla att använda för alla?
Handledningstips: Under Talstöd-test: Skapa innehåll, uppmana eleverna att testa sin skapelse med en klasskamrat för att verkligen se om innehållet fungerar som avsett.
Setup: Grupper vid bord med tillgång till källmaterial
Materials: Samling med källmaterial, Arbetsblad för undersökningscykeln, Metod för att formulera frågor, Mall för redovisning av resultat
Att undervisa detta ämne
Låt eleverna arbeta i konkreta situationer där de själva ställs inför hinder, eftersom det skapar en starkare inlärning än att bara lyssna på en genomgång. Undvik att förenkla för mycket – låt eleverna upptäcka problematiken själva genom tester och diskussioner. Forskning visar att eleverna bättre förstår vikten av tillgänglighet när de får uppleva hur det känns att inte kunna delta fullt ut i en digital miljö.
Vad du kan förvänta dig
När eleverna har deltagit i aktiviteterna kommer de att kunna identifiera vanliga tillgänglighetsproblem och föreslå lösningar som följer WCAG:s grundläggande principer. De kommer också att kunna argumentera för varför digital tillgänglighet gynnar alla användare, inte bara de med funktionsvariationer. Lyckad inlärning syns när eleverna använder sina erfarenheter från aktiviteterna för att utvärdera och förbättra digitala gränssnitt.
De här aktiviteterna är en startpunkt. Det fullständiga uppdraget är upplevelsen.
- Komplett handledningsmanuskript med lärardialoger
- Utskriftsklart elevmaterial, redo för klassrummet
- Differentieringsstrategier för varje typ av elev
Se upp för dessa missuppfattningar
Vanlig missuppfattningUnder Empati-stationer: Simulera hinder, tro att tillgänglighet bara behövs för personer med funktionsnedsättning.
Vad man ska lära ut istället
Använd elevernas egna upplevelser från stationerna för att diskutera hur alla gynnas av stora knappar, tydlig text och enkel navigering. Be dem jämföra hur det kändes att utföra uppgiften med och utan hindren.
Vanlig missuppfattningUnder Designa tillgänglig meny: Prototyp, tro att digital tillgänglighet kräver specialkunskaper och är för svårt att lära sig.
Vad man ska lära ut istället
Låt eleverna testa sina prototyper med klasskamrater och be dem förklara hur de löste problem som kontrast, textstorlek och navigering. Visa sedan hur dessa principer är grundläggande och lätta att tillämpa.
Vanlig missuppfattningUnder Jämför-webbplatser: Bedömning, tro att alla webbplatser redan är tillgängliga.
Vad man ska lära ut istället
Använd elevernas checklista för att visa exempel på vanliga brister, som saknade alt-texter eller dålig kontrast. Diskutera tillsammans varför dessa problem uppstår och hur de kan förebyggas.
Bedömningsidéer
Efter Empati-stationer: Simulera hinder, be eleverna skriva ner två saker de lärt sig om digitala hinder och en idé på hur en vanlig app skulle kunna göras mer tillgänglig.
Under Designa tillgänglig meny: Prototyp, visa en bild av en enkel webbsida och ställ frågorna: 'Vad kan vara svårt här för någon med synnedsättning?' och 'Hur skulle ni förbättra texten eller knapparna?'.
Efter Jämför-webbplatser: Bedömning, starta en diskussion där eleverna får dela med sig av sina reflektioner om varför digital tillgänglighet är viktigt för inkludering och digitalt medborgarskap.
Fördjupning & stöd
- Utmana eleverna att skapa en helt ny webbsida eller app som följer WCAG:s riktlinjer från grunden, med tydliga instruktioner för hur de uppfyller varje princip.
- För elever som kämpar, ge dem ett färdigt exempel på en webbsida med uppenbara tillgänglighetsproblem och be dem rätta till det med hjälp av en checklista.
- Ge elever som har tid över i uppgift att undersöka hur olika skärmläsare fungerar och hur man anpassar innehåll för att de ska fungera optimalt.
Nyckelbegrepp
| Digital tillgänglighet | Att designa digitala tjänster och verktyg så att de kan användas av alla människor, oavsett funktionsförmåga. |
| Funktionsvariation | En skillnad i hur en persons kropp eller sinne fungerar, vilket kan påverka hur de interagerar med sin omgivning, inklusive digitala verktyg. |
| Alternativ text (alt-text) | En beskrivande text som läses upp av skärmläsare för att förklara innehållet i en bild för personer med synnedsättning. |
| Kontrast | Skillnaden i ljusstyrka mellan text och bakgrund, vilket är viktigt för att text ska vara lättläst, särskilt för personer med synnedsättning. |
| Skärmläsare | Ett hjälpmedel som omvandlar text på en datorskärm till tal eller punktskrift, vilket används av personer med synnedsättning. |
Föreslagen metodik
Planeringsmallar för Digitala Skapare och Systemtänkare
Mer i Digitala medborgare och samhälle
Redo att undervisa Digital tillgänglighet?
Skapa ett komplett uppdrag med allt du behöver
Skapa ett uppdrag