Om du har hamnat på den här guiden är det troligtvis för att du har stött på knappen ”Tillgänglighetsguide för skärmläsare, feedback och felrapportering” på en webbplats. Den här guiden är avsedd för personer som är blinda eller har nedsatt syn och fokuserar på användningen av Selma Widget, ett av Selmas verktyg för webbtillgänglighet. Guiden är inte tänkt att lära dig hur du använder din skärmläsare, eftersom de flesta som använder skärmläsare dagligen redan behärskar detta. Här är vad du kan förvänta dig av guiden:
- Praktiska tips och rekommendationer för att besöka webbplatser med Selma Widget.
- Instruktioner för hur du aktiverar eller inaktiverar Selma Widget när som helst.
- En förklaring av vad som händer på webbplatser när Selma Widget är aktivt och hur det påverkar din skärmläsare.
- Hur du rapporterar problem, lämnar feedback eller får hjälp.
Aktivera/inaktivera och använda Selmas Widget
När du går in på en webbplats där Selma Widget är installerat kommer din skärmläsare att läsa upp ett meddelande, till exempel: ”Tryck Alt+1 (Windows) / Option+1 (MacOS) för skärmläsarläge, Alt+0 (Windows) / Option+0 (MacOS) för att avbryta” eller ”För skärmläsarläge, tryck på webbplatsens första knapp.” Meddelandet varierar beroende på storleken på ditt webbläsarfönster och vilken typ av enhet du använder (dator, mobil eller surfplatta). Här är vad dessa meddelanden betyder:
Alt+1 (Windows) / Option+1 (MacOS) – Ett ljud hörs en eller två sekunder efter att du tryckt tangentkombinationen, vilket indikerar att du nu är i skärmläsarläge.
Första-knappen-meddelandet – ”Webbplatsens första knapp” är en knapp märkt ”Använd webbplatsen i skärmläsarläge” och ska vara tillgänglig allra först på webbsidan. Detta är en växlingsknapp som du när som helst kan använda för att slå på eller av skärmläsarläget.
Båda dessa åtgärder (Alt/Option+1 eller att använda första knappen) aktiverar ”Skärmläsarläge”. Innan vi förklarar vad detta innebär kommer här några tangentkombinationer du kan använda för att slå på eller av läget när som helst:
- Alt+1 (Windows) / Option+1 (MacOS) – Aktiverar skärmläsarläge.
- Alt+8 (Windows) / Option+8 (MacOS) – Inaktiverar skärmläsarläge. Observera att sidan uppdateras och att webbplatsen fortfarande kommer läsa upp varningsmeddelandet och erbjuda knappen för skärmläsarläge.
- Alt+0 (Windows) / Option+0 (MacOS) – Stänger av skärmläsarläge och stoppar uppläsningen av dess tillgänglighet. Detta uppdaterar också sidan. För att återställa funktionen och göra skärmläsarläget tillgängligt igen använder du samma tangentkombination.
- Alt+9 (Windows) / Option+9 (MacOS) – Öppnar en tillgänglighetswidget som erbjuder olika anpassningsalternativ för användare med olika funktionsnedsättningar. Det kan till exempel handla om att förstora text, stoppa animationer, ändra färgkontraster med mera. Använd Escape-tangenten (eller stängknappen) för att stänga widgeten.
Vad händer när ”Skärmläsarläge” aktiveras?
Först och främst: när du aktiverar ”Skärmläsarläge” kommer du INTE att spåras och din integritet kommer inte att äventyras. Vi spårar inga användare, samlar inte in någon personlig information om dig och delar inte någon personlig information med tredje part. Den enda information som samlas in är hur många gånger funktionerna i Selma Widget aktiveras; denna information är inte kopplad till någon användare, IP-adress eller annan identifierande information.
Dessutom använder Selma Widget inte cookies, vilket innebär att andra vanliga spårningsverktyg på webbplatser, såsom Facebook eller Google Analytics, inte heller kan koppla dig till aktiveringen av skärmläsarläget. För att spara ditt val till framtida besök används lokal lagring istället för cookies. Teknisk information som lagras lokalt kan inte läsas från någon server, vare sig vår eller tredje parts.
Det sista som är viktigt att förstå är att varningsmeddelandet du hör INTE är en upptäckt av din skärmläsare. Det är ett hörbart meddelande som alla besökare på webbplatsen får, oavsett om de använder skärmläsare eller inte. Användare utan skärmläsare hör helt enkelt inte meddelandet. Vi upptäcker alltså inte skärmläsare.
När Skärmläsarläge aktiveras kommer du märka många förändringar på webbplatsen som inte fanns innan läget aktiverades. Dessa förändringar sker eftersom webbplatsens kod modifieras för att bli mer tillgänglig för din skärmläsare. Detta görs genom att följa WCAG-riktlinjer och genom olika användbarhetsanpassningar för att förbättra stödet för hjälpmedelsteknik. Processen med övervakning och förbättring sker löpande och dagligen, vilket gör att även framtida förändringar på webbplatsen snabbt kan bli tillgängliga.
Det är viktigt att förstå att dessa ändringar inte skapar en separat version av webbplatsen. Du använder exakt samma webbplats, men med kodförändringar som gör den mer tillgänglig.
Förändringar du kan märka i Skärmläsarläge
Hopplänkar
Flera hopplänkar blir tillgängliga som knappar allra högst upp på varje sida. Dessa låter dig snabbt hoppa till exempelvis huvudinnehåll, meny eller sidfot. Du kan även komma åt dessa genom att trycka Alt+2 på tangentbordet.
Rullgardinsmenyer och undermenyer
Dessa ska nu kunna upptäckas av din skärmläsare. Undermenyer som tidigare varit svåra att identifiera bör nu fungera bättre med skärmläsare.
Alternativtext för bilder
Bilder som tidigare saknade alternativtext ska nu ha sådan tillagd. Alternativtexten skapas utifrån objekt i bilden, situationen som avbildas samt eventuell text i bilden. Ett exempel kan vara: ”20 % RABATT, KÖP NU, Toyota Camry kör på vägen i dagsljus.”
Om webbplatsens skapare redan har lagt till alternativtext respekteras den och ersätts inte, om den inte uppenbart är felaktig.
Automatiska karuseller
Automatiska bildkaruseller ska nu pausas och ge skärmläsaren tillgång till kontrollknappar. De märks också upp som ”Karusellregioner”.
Ikonbeskrivningar
Ikoner som tidigare saknat beskrivningar ska nu få textbeskrivningar som fungerar med skärmläsare. Detta gäller exempelvis kundvagn, sök, inloggning, stäng, nästa/föregående, önskelista och sociala medier.
Identifiering av regioner
Sidan delas nu upp i tydliga regioner för att underlätta navigering, såsom huvudinnehåll, navigeringsområden, sidfot och sidhuvud.
Skillnad mellan länkar och knappar
Skärmläsaren ska nu bättre kunna skilja mellan länkar och knappar. Element som tidigare varit felkodade ska nu identifieras korrekt.
Tydligare beskrivningar av otydliga länkar
Länkar som ”Läs mer”, ”Lär dig mer” eller ”Shoppa nu” får nu utökade beskrivningar som ger mer sammanhang.
Beskrivande etiketter för formulärfält
Formulärfält som tidigare saknat etiketter ska nu läsas upp med beskrivningar som ”e-postadress”, ”fullständigt namn” osv. Skärmläsaren kommer även meddela om ett fält är obligatoriskt eller innehåller felaktig data.
Ordning på rubriker
Rubriker organiseras efter viktighetsgrad, från rubriknivå 1 till 6. Du kan även märka att fler rubriker identifieras än tidigare, eftersom visuella rubriker som inte varit korrekt kodade nu kan upptäckas av skärmläsaren.
Popups och modalfönster
Popups och modalfönster ska nu vara tillgängliga utan att störa navigeringen. När en popup öppnas flyttas fokus automatiskt till den så att du kan interagera med den via tangentbordet.
Övriga förändringar
Ytterligare förbättringar kan förekomma i tabeller, iframes, textdekorationer, betygssystem och många andra funktioner. Om du har frågor eller behöver mer information är du välkommen att kontakta oss.
Begränsningar i Skärmläsarläge
Det finns vissa begränsningar som Skärmläsarläge inte alltid kan hantera:
- Vissa iframes – Inbäddade tredjepartswebbplatser vars kod inte kan ändras direkt.
- PDF-filer – Dessa förbättras inte automatiskt eftersom de inte är en del av webbplatsens källkod.
- Tredjepartsintegrationer och tjänster – Det är inte alltid möjligt att modifiera dessa.
- Manuellt implementerad tillgänglighet – Om en webbplats redan har gjort manuella tillgänglighetsanpassningar respekteras dessa och skrivs inte över.
- Bildkontext – AI-genererad alternativtext kan ibland vara generell och sakna den exakta kontext som webbplatsägaren avsett.
När sådana problem upptäcks försöker vi så snabbt som möjligt uppmärksamma webbplatsägaren och hitta andra lösningar.
Rapportera problem eller ge feedback
Om du stöter på problem på en webbplats som använder Skärmläsarläge, eller om någon funktion inte fungerar som beskrivet, uppskattar vi om du kontaktar oss så att vi kan åtgärda problemet.
Du kan mejla oss direkt på viktor@selma.se.
Observera att det kan ta viss tid att behandla meddelanden och genomföra tekniska granskningar, men detta är en aktiv inkorg och dina frågor kommer inte lämnas obesvarade.
Vanliga frågor om stöd för skärmläsare på webbplatser
F1. Vad är en skärmläsare och vem använder den?
En skärmläsare är ett hjälpmedelsprogram som omvandlar text, länkar och bilder på skärmen till tal eller punktskrift för personer som är blinda eller har nedsatt syn.
F2. Varför är stöd för skärmläsare viktigt på webbplatser?
Eftersom många användare navigerar helt via skärmläsare och tangentbord innebär bristande kompatibilitet att de inte kan använda webbplatsen. Stöd för skärmläsare förbättrar tillgänglighet, inkludering och hjälper till att uppfylla etablerade standarder.
F3. Vad händer när man aktiverar skärmläsarläge på en webbplats med Selma Widget?
När skärmläsarläge aktiveras (till exempel via Alt+1 på Windows eller Option+1 på Mac) justeras webbplatsens kod för att bättre stödja skärmläsare – exempelvis genom förbättrade landmärken, fokusordning och uppläsningar – samtidigt som användarens integritet skyddas.
F4. Hur bör företag testa kompatibilitet med skärmläsare?
De bör genomföra manuella tester med populära skärmläsare såsom NVDA eller VoiceOver, säkerställa att alla interaktiva element kan nås via tangentbord, verifiera alternativtext och semantisk HTML samt dokumentera resultaten.
F5. Räcker stöd för skärmläsare för att uppfylla krav på webbtillgänglighet?
Nej. Även om stöd för skärmläsare är viktigt omfattar tillgänglighet även tangentbordsnavigering, kontraster, undertexter/transkriberingar och generell efterlevnad av WCAG 2.1 nivå AA eller högre.
F6. Hur gynnar förbättrat stöd för skärmläsare mitt varumärke?
Det gör webbplatsen användbar för fler människor, stärker ert engagemang för inkludering, minskar risker kopplade till tillgänglighet och förbättrar användarupplevelsen – särskilt för användare som är beroende av hjälpmedelsteknik.