Skärmläsare: så handlar en blind kund på nätet
En skärmläsare är ett program som läser upp det som finns på skärmen med syntetiskt tal, eller visar det på en punktskriftsdisplay. Den används av personer som är blinda eller har nedsatt syn, och den styrs med tangentbordet eller med gester på en pekskärm. För en webbutik betyder det att allt kunden behöver för att handla måste finnas i koden, inte bara synas på skärmen.
Senast uppdaterad: 2026-10-20. Guiden är allmän information och inte juridisk rådgivning.
Vad är en skärmläsare?
Skärmläsaren går igenom sidans kod och läser upp rubriker, länkar, knappar, formulärfält och text. Den berättar också vad varje sak är, till exempel ”knapp”, ”länk” eller ”rubrik nivå 2”, och vilket läge den har, som ”vald” eller ”utfälld”.
En punktskriftsdisplay är en separat enhet som visar texten i punktskrift med små stift som höjs och sänks. Den används tillsammans med en skärmläsare.
Vilka skärmläsare finns?
De vanligaste skärmläsarna är:
- VoiceOver: inbyggd i Mac, iPhone och iPad.
- TalkBack: inbyggd i Android.
- NVDA: gratis skärmläsare för Windows som laddas ner separat.
- JAWS: kommersiell skärmläsare för Windows.
- Skärmläsaren (Narrator): inbyggd i Windows.
Skärmläsare beter sig lite olika, och samma sida kan låta olika beroende på skärmläsare och webbläsare. Kod som följer standarderna fungerar oftast bäst i alla.
Hur handlar en blind kund på nätet?
De flesta skärmläsaranvändare läser inte en sida från början till slut. De hoppar mellan delar av sidan för att hitta det de söker, ungefär som en seende kund skummar sidan med blicken:
- Rubriker: kunden hoppar mellan rubrikerna för att få en överblick och hitta produktnamnet, beskrivningen och recensionerna.
- Landmärken: delar som sidhuvud, navigering, huvudinnehåll och sidfot gör att kunden kan hoppa direkt till rätt del av sidan.
- Länkar och knappar: kunden kan ta fram en lista över alla länkar eller knappar på sidan, så de behöver namn som går att förstå utan sammanhang.
- Formulär: i kassan går kunden mellan fälten, och skärmläsaren läser upp fältets etikett, om det är obligatoriskt och eventuella felmeddelanden.
Därför spelar det roll att rubriker är riktiga rubriker i koden, att knappar har namn och att varje fält har en etikett. Det som bara syns, som en färg eller en ikon, kommer inte fram.
Hur provar du din produktsida med en skärmläsare?
Det tar en stund att vänja sig vid en skärmläsare, men ett första prov går att göra direkt. Så här gör du med VoiceOver på Mac eller NVDA på Windows:
- Starta skärmläsaren: VoiceOver med Cmd + F5, eller NVDA efter att du har laddat ner och installerat det.
- Öppna en produktsida och lyssna på vad som läses upp när sidan laddas.
- Hoppa mellan rubrikerna: i NVDA trycker du H, i VoiceOver öppnar du rotorn med Ctrl + Option + U och väljer rubriker.
- Gå med Tab till storleks- eller färgväljaren och välj en variant. Hör du vad som är valt?
- Gå till knappen för att lägga i varukorgen och tryck på den. Hör du att varan har lagts till?
- Stäng av skärmläsaren: Cmd + F5 för VoiceOver, eller Insert + Q för NVDA.
Det här är ett snabbt prov, inte en fullständig granskning. Fler enkla tester finns i artikeln om att testa tillgängligheten i din webbutik själv.
Vilka hinder möter skärmläsaranvändare oftast i webbutiker?
- Knappar utan namn: ikonknappar för varukorg, sök, meny och stäng läses bara upp som ”knapp”.
- Variantväljare: storlek och färg är byggda så att skärmläsaren inte kan läsa upp alternativen eller vilket som är valt.
- Bilder utan alt-text: produktbilder läses upp som ett filnamn, eller inte alls, så att kunden inte vet hur produkten ser ut.
- Varukorg som uppdateras tyst: när en vara läggs i varukorgen ändras sidan, men skärmläsaren säger ingenting och kunden vet inte om det fungerade.
- Formulär utan etiketter: fält i kassan där skärmläsaren inte berättar vad som ska fyllas i.
De flesta av hindren sitter i temat och upprepas på varje produktsida. Hur de åtgärdas beskrivs i artikeln om vanliga tillgänglighetshinder i webbutiker.