Bildbeskrivning: En livfull illustration av element från online-shopping, inklusive en kundvagn med paket, färgglada artiklar som skor, väskor och hörlurar, samt ikoner för tillgänglighet, sökning, uppspelning och ljud. En framträdande "Köp nu"-knapp och olika UI-element lyfter fram e-handelsupplevelsen.
Förstå skärmläsare
Läsningstid: 8 minuter
För dem som inte är bekanta med testning av skärmläsare kan det vara en upplysande upplevelse att anta ett annat perspektiv som avslöjar hur användare med synnedsättning navigerar i digitalt innehåll. Skärmläsare är programvaror som gör det möjligt för personer med synnedsättning att använda en dator genom att läsa upp innehållet på skärmen eller genom att skriva ut det i punktskrift.
Skärmläsare för webbtillgänglighet
| Skärmläsare | Beskrivning |
|---|---|
| JAWS | Job Access With Speech (JAWS) är en mycket använd skärmläsare för Windows. Den är nödvändig för att testa webbinnehåll och fungerar med webbläsare som Chrome och Firefox. För att kunna använda JAWS effektivt måste man lära sig dess kortkommandon, eftersom de flesta användare inte använder mus. Dess läskommandon och navigeringsgenvägar, såsom att trycka på "H" för att hoppa till nästa rubrik eller "T" för att flytta till nästa tabell, är en integrerad del av webbnavigeringen. |
| NVDA | NonVisual Desktop Access (NVDA) är en gratis skärmläsare som är kompatibel med Windows. Den är känd för sin användarvänlighet och ett brett utbud av tangentbordskommandon som liknar JAWS, till exempel navigering genom länkar, rubriker och formulärkontroller med hjälp av kortkommandon med en enda tangent. Justeringar kan göras i inställningarna, till exempel röst och hastighet, direkt från menyn. |
| VoiceOver | Apples VoiceOver är inbyggt i Mac- och iOS-enheter och erbjuder robust stöd för navigering genom webbinnehåll i Safari. Det introducerar unika funktioner som Rotor, som låter dig välja vilken typ av webbsideselement du vill navigera genom med enkla gester. Det är viktigt att bekanta sig med VoiceOver-kommandona för effektiv testning. |
| TalkBack | TalkBack är en skärmläsare för Android-enheter. Den har en rad olika gester och inställningar som gör det möjligt att utforska och interagera med webbinnehåll med hjälp av Chrome. Det lokala snabbmenyn är ett viktigt verktyg i TalkBack som gör det möjligt för användare att välja navigeringsinställningar som rubriker eller länkar med enkla fingerrörelser. |
| Berättare | Narrator är den inbyggda skärmläsaren för Windows som har blivit populär tillsammans med webbläsare som Edge. Med en rad kommandon underlättar Narrator webbnavigering och läsning av innehåll. Dess "skanningsläge" är särskilt användbart för att bläddra bland innehåll och stängs automatiskt av när du behöver interagera med element som textrutor. |
| Dolphin skärmläsare | Dolphin ScreenReader för Windows är populärt i Storbritannien och Europa och erbjuder en annan uppsättning snabbtangenter samt funktioner som är anpassade för både stationära och bärbara dators tangentbordslayouter. Det stöder Chrome, Firefox och Edge och har ett alternativ för ljuduppläsning av webbinnehåll, vilket gör navigeringen intuitiv. |
| Orca | Orca är en omfattande skärmläsare för Linux-system, inklusive distributioner som Ubuntu och Fedora. Den erbjuder robust stöd för navigering i webbinnehåll och applikationer via webbläsare som Firefox och Chromium. Orca erbjuder en rad tangentbordskommandon för att läsa och interagera med webbelement och möjliggör omfattande anpassning av talutmatning och inställningar. |
Skärmläsartestning avslöjar hur olika verktyg tolkar rubriker, länkar och interaktiva element, vilket gör det viktigt för att säkerställa tillgänglighetskrav. Till exempel, medan seende användare kan skumma igenom innehållet visuellt, förlitar sig skärmläsaranvändare på en linjär, textbaserad upplevelse. Därför är det avgörande att förstå strukturen och semantiken i webbinnehåll.
Det är kanske inte praktiskt att lära sig alla skärmläsare, men att bekanta sig med deras grundläggande funktioner kan förbättra webbtillgängligheten avsevärt. Det rekommenderas att testa innehållet med flera skärmläsare för att täcka hela spektrumet av användarinteraktioner och preferenser.
Bekanta dig med grundläggande kommandon och tillgänglighetsfunktioneri skärmläsare.
Varje skärmläsare har en uppsättning unika kommandon. Innan du börjar testa bör du bekanta dig med grundläggande navigering, såsom att flytta mellan rubriker, länkar och kontroller. Detta innebär ofta att man måste lära sig tangentkombinationer. Med JAWS kan du till exempel trycka på "Insert" + "F7" för att visa en lista med länkar, medan NVDA använder "NVDA"-tangenten + "F7" för en liknande funktion.
| Testuppgift | Navigeringsmetoder |
|---|---|
| Utforska tillgänglighetsfunktionerna i ditt operativsystem |
|
| Utför grundläggande navigeringstester |
Öppna en webbsida och använd skärmläsaren för att navigera genom innehållet:
|
| Justera inställningarna för testning |
För att simulera upplevelsen mer exakt, justera inställningarna för skärmläsaren:
|
| Använd utvecklings- och testverktyg | Utnyttja inbyggda utvecklingsverktyg eller tillägg som WAVE och webbläsarens utvecklarkonsol för att förstå hur skärmläsare tolkar koden bakom ditt webbinnehåll. Detta kan hjälpa dig att identifiera eventuella strukturella problem som kanske inte är omedelbart uppenbara genom enbart ljudåterkoppling. |
Testning med skärmläsare kräver tålamod. Öva med skärmläsaren så att du kan navigera lika skickligt som en vanlig användare. Kom ihåg att skärmläsare är komplexa verktyg och att det tar tid att lära sig använda dem effektivt. När du har testat innehållet kan du överväga att be om feedback från faktiska användare av skärmläsare. Genom att integrera testning med skärmläsare i dina QA-arbetsflöden kan du identifiera problem som automatiska skanningar inte kan upptäcka.
För att säkerställa att dina skärmläsartester är effektiva och omfattande är det viktigt att ta hänsyn till flera faktorer som kan påverka användarupplevelsen för personer som är beroende av denna teknik. Här är en detaljerad guide som hjälper dig att förstå dessa överväganden och införliva dem i dina testprocedurer.
Viktiga överväganden vid testning av skärmläsare
- Förstå användarupplevelsen
- Innan du börjar testa är det viktigt att förstå hur en skärmläsare tolkar och presenterar webbinnehåll. Till skillnad från seende användare som snabbt kan överblicka en hel webbsida, får användare av skärmläsare informationen i en sekventiell, linjär ordning. Det innebär att den logiska ordningen på ditt innehåll och hur det är kodat är av avgörande betydelse.
- Testning på olika plattformar
- Windows: JAWS och NVDA är välkända, men glöm inte Narrator, särskilt eftersom det fortsätter att förbättras.
- MacOS: VoiceOver är djupt integrerat och erbjuder unika navigeringsfunktioner, såsom rotorn.
- Linux: Orca erbjuder en stabil skärmläsningsupplevelse på Linux och integreras med webbläsare och GNOME-skrivbordsmiljön.
- Mobil: Glöm inte att testa VoiceOver på iOS och TalkBack på Android-enheter, eftersom mobil tillgänglighet är avgörande.
- Interaktiva element
- Se till att alla interaktiva element som formulär, knappar och länkar är tydligt märkta och kan navigeras med hjälp av standardgenvägar för skärmläsare. Testning bör bekräfta att dessa element inte bara är tillgängliga utan också ger feedback när de interageras med, till exempel genom att bekräfta när ett formulär har skickats in.
- Dynamiskt innehåll
- Testningen måste även omfatta dynamiskt innehåll såsom modala dialogrutor, liveuppdateringar och AJAX-drivna gränssnitt. Se till att ändringar i innehållet meddelas av skärmläsaren utan att sidan behöver uppdateras.
- Visuellt beroende
- Utvärdera om din webbplats funktionalitet eller innehåll är alltför beroende av visuella signaler. Se till att all information som förmedlas med färg eller layout också finns tillgänglig i textform.
- Användning av ARIA (tillgängliga rich internet-applikationer)
- ARIA-roller och -egenskaper bidrar till att förbättra tillgängligheten till webbinnehåll, särskilt dynamiskt innehåll och avancerade användargränssnittskontroller som utvecklats med Ajax, HTML, JavaScript och relaterade tekniker. Se till att ARIA-etiketter och -roller används på rätt sätt där det är tillämpligt.
- Feedback och iterativ testning
- Inkorporera feedback från faktiska användare av skärmläsare. Deras insikter kan ge värdefulla perspektiv som automatiserade verktyg och simuleringar kanske missar. Iterativ testning, som innebär regelbundna granskningar och uppdateringar, kan hjälpa till att hantera tillgänglighetsproblem på ett mer effektivt sätt.
- Dokumentation och utbildning
- Försök att hålla en bra dokumentation av dina tillgänglighetsprotokoll och testprocesser för skärmläsare. Investera också i att utbilda utvecklare och innehållsskapare i bästa praxis för tillgänglighet, så att tillgänglighet beaktas i varje steg av webbutvecklingen.
- Laglig efterlevnad och bästa praxis
- Slutligen, se till att din webbplats uppfyller lagstadgade standarder som EAA (European Accessibility Act), ADA (Americans with Disabilities Act), Section 508 of the Rehabilitation Act och WCAG (Web Content Accessibility Guidelines). Att följa dessa riktlinjer bidrar inte bara till att göra din webbplats tillgänglig, utan förbättrar också den övergripande användarupplevelsen för alla.
Slutsats
Effektiv testning av skärmläsare innebär att man provar flera enheter, plattformar och webbläsare för att ta hänsyn till verkliga användningsfall. Genom att förstå och implementera noggranna testprotokoll kan vem som helst säkerställa att deras webbplatser är tillgängliga, och därmed nå en bredare publik och erbjuda en bättre användarupplevelse. Detta engagemang för tillgänglighet kan avsevärt förbättra ryktet och effektiviteten för din digitala närvaro.
Läs mer om våra tjänster inom ramen för den europeiska tillgänglighetsakten.
EAA har varit i kraft sedanden 28 juni 2025.
