Så genomför du ett webbtillgänglighetstest
Enligt WHO lever mer än en miljard människor världen över med någon form av funktionsnedsättning. Det innebär cirka 15 % av hela befolkningen!
Med detta i åtanke är det tydligt att vi måste se till att våra webbapplikationer inte utestänger någon från att använda dem, vilket också innebär att vi bör fokusera design- och testinsatserna på tillgänglighet.
När du tänker på funktionsnedsättning kanske du har en specifik bild i åtanke, men den kan faktiskt ta sig flera olika uttryck och kan också vara:
Continue Reading for Free
Create a free account to finish this article, plus get ongoing access to timely insights and practical resources.
Have an account? Log In
- Permanent (till exempel synnedsättning)
- Tillfällig (till exempel en öroninfektion)
- Situationsbunden (till exempel en förälder som håller i ett spädbarn)
Dessa funktionsnedsättningar kan begränsa hur människor interagerar med applikationernas funktioner. Testning av webbtillgänglighet kommer in i bilden genom att kontrollera om appen är tillgänglig för dessa olika typer av funktionsnedsättningar.
Vad är testning av webbtillgänglighet?
Tillgänglighet, ibland kallad a11y, är arbetet med att skapa verktyg, webbplatser och webbinnehåll som kan användas av alla besökare, oavsett funktionsnedsättningar, nedsättningar eller begränsningar. När det gäller testning bör du göra tillgänglighetstestning till en del av din teststrategi; lämna den inte till slutet.
Tillgänglighetstestning är en typ av användbarhetstestning. Genom att utföra tillgänglighetstestning säkerställer testare att alla användare, inklusive personer med funktionsnedsättningar som blindhet, hörselnedsättning eller andra kognitiva svårigheter, kan använda webbplatserna och webbapplikationerna. Det garanterar att innehållet är tillgängligt utan att använda typiska interaktioner som mus, tangentbord, styrplatta och så vidare.
Vilka aspekter av tillgänglighet utvärderar testning av webbtillgänglighet?
När du kontrollerar en webbplats tillgänglighet kan det vara en god idé att följa riktlinjerna för tillgänglighet till webbinnehåll (WCAG). De tre tillgänglighetsnivåerna som definieras av WCAG är
- A: för grundläggande webbtillgänglighet;
- AA: den globala tillgänglighetsstandarden – för närvarande ett lagkrav i USA och EU-länderna.
- AAA: den striktaste av nivåerna – gäller vanligtvis specifika applikationer.
Enligt WCAG finns det också fyra huvudprinciper för tillgänglighet. Du kan memorera dem med akronymen POUR, och de är
- Möjlig att uppfatta: webbplatsens användare ska kunna uppfatta innehållet och informationen. Detta görs vanligtvis visuellt, men för personer med synnedsättning kan innehållet uppfattas med hjälp av skärmläsarprogram.
- Möjlig att använda: användarna måste kunna interagera med webbsidans element och enkelt navigera genom sidorna.
- Begriplig: innehållet, oavsett om det är grafiskt eller skriftligt, ska vara lätt att förstå.
- Robust: detta innebär att webbappen ska fungera korrekt på flera enheter, inklusive med hjälpmedelsteknik.
Varför är testning av webbtillgänglighet viktigt?
Så varför är det viktigt att testa tillgängligheten?
För mig är den främsta anledningen inkludering. Genom att säkerställa tillgängligheten på en webbplats eller i en webbapp ser vi till att ingen utestängs från att komma åt innehållet och använda funktionerna. Det innebär en bättre användarupplevelse för alla potentiella kunder.
I sin tur kan detta också generera en ökning av vinsten – enligt en Click-Away Pound-undersökning skulle 82 % av användarna med tillgänglighetsbehov spendera mer pengar på en webbplats om den var mer tillgänglig.
Sist men absolut inte minst är det viktigt att testa tillgängligheten för att följa lagens standarder och regler för webbtillgänglighet.
Hur testar man webbtillgänglighet?
Nu till själva testningen. En av de bästa metoderna är att börja testa tillgängligheten tidigt i utvecklingscykeln. På så sätt blir det enklare att åtgärda eventuella tillgänglighetsproblem som upptäcks. Om man väntar till slutet kan det innebära att mycket omarbete behöver utföras. Testningen kan göras manuellt eller med hjälp av verktyg för testning av webbtillgänglighet.
Checklista för webbplatstillgänglighet
Nedan följer några viktiga saker att tänka på när du utvärderar webbtillgänglighet, vilket kan verifieras genom manuella eller automatiserade tester:
- Tangentbordstillgänglighet: kan du navigera på webbplatsen utan att använda musen? Det innebär att varje länk, knapp eller inmatningsfält måste vara åtkomligt genom att trycka på tangenterna Tab, piltangenterna, blanksteg och Enter. Tangentbordstillgängliga webbplatser kan enkelt läsas med hjälpmedel som skärmläsare, röststyrning eller brytare.
- Navigeringsstruktur: Du kan testa genom att trycka på Tab eller tangentkombinationen Skift+Tab. Navigeringen bör vara logisk, ordningen bör följa den ordning som menyerna och de interaktiva elementen visas i, och menyerna bör ligga kvar på samma plats även efter att användaren navigerat till en annan sida.
- Kompatibilitet med skärmläsare: Är webbplatsens innehåll tillgängligt med hjälp av en skärmläsare? Och om det är det, är ordningen korrekt?
- Undertexter och transkriptioner för videor och poddar: detta är nödvändigt för att personer med hörselproblem ska kunna förstå vad som sägs. De är också användbara i tillfälliga situationer, till exempel när man befinner sig i en bullrig miljö där det är svårt att följa ljudinnehåll.
- Zoom/förstoring: personer med nedsatt syn måste kunna navigera och interagera med innehållet på webbsidan. Du kan använda webbläsarens inbyggda zoomfunktion (med Ctrl+ i Windows eller Cmd+ på Mac) för att kontrollera att webbelementen fortfarande visas korrekt, är lätta att läsa och går att interagera med.
- Färgkänslighet: vissa användare kan vara känsliga för färger, så det är viktigt att kontrasten på webbsidorna inte är för hög. Samtidigt bör du tänka på att otillräcklig kontrast kan göra vissa element svåra att uppfatta för användare med nedsatt syn. WCAG innehåller specifika riktlinjer för kontrast.
- Hoppa över navigering: Kontrollera att webbplatsen har funktionen ”Hoppa till huvudinnehåll” eller ”Hoppa till innehåll”. Detta kan hjälpa tangentbordsanvändare att navigera direkt till huvudinnehållet utan att behöva tabba genom alla tillgängliga menyer, knappar och fält.
- Alt-taggar: Allt innehåll som inte är text bör ha en alternativtext så att skärmläsare kan läsa upp bilderna.
- Blinkande ljus eller blinkande ljusa element: blinkande eller flimrande element kan utlösa anfall hos användare med epilepsi eller andra tillstånd. De brukar ge webbplatser ett dåligt rykte, men om du måste använda dem bör du kontrollera att blinkningarna inte är så intensiva att de kan utlösa ett anfall.
Hur förbättrar belastningstestning tillgängligheten?
Belastningstestning är ett viktigt verktyg inom webbtillgänglighetstestning. Det gör det möjligt för utvecklare och testare att utvärdera hur en webbplats fungerar under olika nivåer av belastning eller användartrafik. Genom att simulera ett stort antal användare som samtidigt besöker webbplatsen kan belastningstestning identifiera prestandaflaskhalsar eller problem som kan hindra tillgängligheten för användare med funktionsnedsättningar.
Ett av huvudmålen med webbtillgänglighetstestning är att säkerställa att alla användare, oavsett förmåga, kan komma åt och navigera på en webbplats på ett effektivt sätt. Belastningstestning spelar en avgörande roll för att uppnå detta mål genom att bedöma hur väl en webbplats fungerar under hög belastning. Genom att generera ett stort antal samtidiga användare kan belastningstestning avslöja potentiella problem som kan uppstå när flera användare med funktionsnedsättningar besöker webbplatsen samtidigt.
Belastningstestning kan hjälpa till att identifiera prestandaproblem som kan påverka webbtillgängligheten. Om en webbplats till exempel tar för lång tid att läsa in eller slutar svara när flera användare besöker den, kan detta kraftigt försämra upplevelsen för användare med funktionsnedsättningar som är beroende av hjälpmedel. Verktyg för belastningstestning kan särskilt hjälpa till att lokalisera dessa prestandaflaskhalsar, så att utvecklare kan optimera webbplatsen och säkerställa att den förblir tillgänglig även under hög belastning.
Verktyg för testning av webbtillgänglighet
Som tur är finns det många verktyg online som kan hjälpa till att identifiera tillgänglighetsproblem på en webbplats och kontrollera att den följer WCAG-standarderna.
Vissa verktyg kan installeras som webbläsartillägg och tillhandahåller vanligtvis enkla kontroller av tillgänglighetsfel, medan andra verktyg kan hjälpa till att införa en automatiserad process för tillgänglighetstestning. Nedan nämner jag några av de mer anmärkningsvärda.
- Axe DevTools: Axe kan installeras i en webbläsare och finns som en flik i utvecklarverktygen. Det ger insikter om tillgänglighet och överträdelser som saknad alt-text eller färgkontrast.
- Wave: Wave är ett verktyg för utvärdering av webbtillgänglighet som finns både online och som webbläsartillägg. Det ger liknande information som Axe.
- AccessiBe: accessiBe kan användas för att automatiskt kontrollera efterlevnaden av ADA, och det är också integrerat med andra verktyg, såsom Jira och AWS.
- Google Lighthouse: Lighthouse erbjuder flera granskningar som behandlar en mängd olika WCAG-standarder. Utifrån dessa bedömer verktyget sedan tillgängligheten på din webbplats och ger rekommendationer om hur ändringar kan göras.
Sammanfattning
Tillgänglighetstestning undersöker hur enkelt det är att navigera på, använda och förstå webbplatser. Alla drar nytta av tillgänglighet, inklusive äldre personer, barn, vänsterhänta och personer i tillfälliga situationer där ett eller flera av deras sinnen är nedsatta.
Om du tyckte om den här artikeln, varför inte prenumerera på QA Lead-nyhetsbrevet för att hålla dig uppdaterad om alla nyheter, artiklar och verktyg med koppling till testning?
