Handledning för tillgänglighetstestning (En komplett steg-för-steg-guide)

accessibility testing tutorial

En komplett guide till tillgänglighetsprovning:

Vad är webbtillgänglighet:

Webben är öppen för alla och eftersom vi är testare (även mänskliga) är det vårt ansvar att kontrollera om det är tillgängligt för alla användare. Detta kommer i sin tur att bidra mycket till ett företags framgång när vi arbetar för att få applikationen tillgänglig för varje användare.

Detta ökar också användarnas tillfredsställelse och vår verksamhet också.

Lista över handledning i denna serie:

1. Guide för tillgänglighetstestning (Denna handledning)
2. Testverktyg för tillgänglighet - En komplett lista
3. WAT (webbåtkomstverktygsfält) Handledning
4. WAVE och JAWS Verktyg för tillgänglighetskontroll

För de flesta användare är det enkelt att använda Internet via webben. Men så är inte fallet när vi tittar på en annan demografisk uppsättning med utmaningar. Det är absolut nödvändigt att webbplatser är tillgängliga, användbara och användbara för den här gruppen av användare - och det bör inte differentiera användare baserat på språk / kultur / plats / programvara / fysisk eller mental förmåga.

Vad du kommer att lära dig:

• Vad är tillgänglighetsprovning?
• Tillgänglighet och lagen
• Myter om att testa webbplatsens tillgänglighet
• Utmaningar med tillgänglighetstest
• Betydelse
• Hur webbtillgänglighet mäts?
• Principer för universell webbdesign att följa
• Hur man utför tillgänglighetsprovning - en steg för steg guide
  • Manuell metod
  • Automatiserad tillgänglighetsprovning
• Checklista för tillgänglighetstest / testfall / scenarier
• Slutsats
• Rekommenderad läsning

Vad är tillgänglighetsprovning?

Att testa en webbapplikation för att säkerställa att varje användare enkelt kan komma åt webbplatsen kallas tillgänglighetsprovning. Den specialiserade och dedikerade grenen av testning som hjälper till att säkerställa att webbplatser verkligen är effektiva inom detta område kallas ” Test av webbtillgänglighet ”.

Det viktigaste är att det finns vissa lagar och riktlinjer för tillgänglighetstester som också ska följas.

Tillgänglighet och lagen

• Amerikaner med funktionshinder agerar : Denna lag säger att alla domäner som offentliga byggnader, skolor och organisationer ska göra tekniken tillgänglig för alla.
• Rehabiliteringslagen, avsnitt 504 och avsnitt 508 : Avsnitt 504 rymmer alla personer med funktionsnedsättning för att komma åt arbetsplats, utbildning och annan organisation och avsnitt 508 rymmer tillgång till teknik.
• Riktlinjer för tillgänglighet för webbinnehåll: Dessa riktlinjer föreslår hur man kan förbättra tillgängligheten för en webbplats.

Myter om att testa webbplatsens tillgänglighet

Myt 1 :Det är dyrt.

Faktum : Försiktighet är alltid bättre än botemedel, så vi kan tänka på tillgänglighetsproblem i själva designfasen och sänka kostnaden.

Myt 2: Att konvertera otillgänglig webbplats till åtkomst är tidskrävande.

Faktum : Vi kan prioritera saker och bara arbeta med grundläggande behov.

Myt 3: Tillgänglighet är enkelt och tråkigt.

Faktum : Tillgänglighet betyder inte att en webbplats endast ska innehålla text. Vi kan också lägga till bilder och göra det mer attraktivt, men poängen att notera är att den ska vara tillgänglig för alla.

Myt 4 :Tillgänglighetstestning är för blinda och funktionshindrade.

Faktum : Programvara är användbar för alla och därför är denna testning för alla användare.

A: s utmaningar tillgänglighetstest

Följande är några vanliga utmaningar eller svårigheter som riktlinjerna för tillgänglighet försöker ta itu med:

Betydelse

• Enkel och effektiv tillgång till användare med funktionshinder eller utmaningar
• Ökar marknadsandelen och publikens räckvidd
• Förbättrar underhåll och effektivitet
• Tillfredsställande befintliga och framtida juridiska krav och hjälper till att följa etik
• Stöd internationalisering
• Hjälper till åtkomst för användare med låg bandbredd.

I slutändan översätts allt bara till “Bättre affärer - mer pengar”.

Hur webbtillgänglighet mäts?

Webbens tillgänglighet kan mätas med hjälp av standarder för webbtillgänglighet som skapats av W3C känd som Riktlinjer för tillgänglighet för webbinnehåll (WCAG) . Få andra avdelningar har också utvecklat sina egna riktlinjer men även dessa följer Web Accessibility Initiative (WAI) Riktlinjer.

Utvärdera tillgängligheten för en webbplats:

Det finns många faktorer som spelar en roll i detta, till exempel:

• Innehåll
• Storlek
• Koda
• Mark-up språk
• Utvecklings verktyg
• Miljö

Som alltid är det en bra praxis att implementera webbtillgänglighetstekniker i projektets inledande skede. Åtgärda tillgängliga webbplatser kräver ytterligare ansträngningar.

Några enkla exempeltekniker är:

• Verifiering av sidrubrik
• Alternativ för bildtext (“alt text”)
• Rubriker
• Kontrastförhållande (“färgkontrast”) .. etc.

Vi kan också bestämma tillgängligheten med hjälp av ” Utvärderingsverktyg '- till en viss grad. Det finns få saker som om alt-texten är korrekt skriven för bilden eller inte, inte kan utvärderas fullständigt men de är effektiva för det mesta.

Läs också => 30+ mest populära webbtestverktyg.

Principer för universell webbdesign att följa

Webbplatsen ska vara universellt utformad på ett sådant sätt att den följer principerna för användbarhet och tillgänglighet. Alla har sin egen inlärnings- och bearbetningsstil, därför ska webbplatsen / produkten utformas oavsett detta.

Nedan följer några grundläggande standardprinciper för webbdesign:

# 1) Samordning:

Varje aktivitet och varje person som ingår i projektet ska samordna med varandra. Man bör komma ihåg att en webbplats ska utformas efter sin egen och såväl som W3C standarder.

# 2) Verkställighet:

Att vara en ansvarsfull organisation bör du hålla dig själv ansvarig för att skapa en tillgänglig webbplats. Istället för att användarna ska hålla sig ansvariga för en tillgänglig webbplats bör vi göra det.

# 3) Ledarskap:

Alla bör vara medvetna om dessa principer och måste informera om de står inför något problem när de besöker webbplatsen.

# 4) Hänsyn till åtkomst :

Vi måste följa standarderna, tillsammans med det kan vi överväga de standarder som följs av organisationen för specialkunniga människor.

# 5) Tekniska mått:

En webbplats bör utformas med beaktande av alla tekniska standarder.

# 6) Utbildningsforskning:

Vi måste undersöka tillgängligheten och de problem som ställs inför när vi besöker webbplatsen. Med hjälp av detta bör utbildning ges till personalen för att göra dem medvetna om standarder och frågor.

# 7) Social inkludering:

Alla människor ska behandlas lika inte bara i ett onlineläge utan också i den fysiska världen.

Tillsammans med den här byggnaden är en POUR-webbplats nödvändig.

Nu uppstår frågan vad POUR står för och svaret ges nedan:

P tänkbar:Presentation av webbserien bör vara märkbar. Innehållet bör vara meningsfullt från alla användares perspektiv.

ELLER perable:Man kan säga att webbplatsen kan användas om en användare enkelt kan navigera på webbplatsen.

U förståelig:Allt som finns på webbplatsen måste förstås av alla typer av användare. Kort sagt, språket ska vara enkelt och inte komplicerat.

R sluta:Oavsett tekniken som förändras och användartypen bör innehållet vara robust.

Hur man utför tillgänglighetsprovning - en steg för steg guide

Detta kan göras med testmetoden Manual såväl som automatisering.

Manuell metod

Det finns många verktyg som finns tillgängliga på marknaden för tillgänglighetstestning, men det kan finnas några problem som brist på skickliga resurser, budget etc. I ett sådant fall kan vi gå med manuell testning.

Nedan följer några sätt att testa webbplatsens tillgänglighet manuellt:

# 1) Vi kan använda högkontrastläge:

Med högkontrastläge kan vi markera webbplatsens innehåll. När vi vänder högkontrastläget markeras webbplatsens innehåll automatiskt när det blir vitt eller gult och bakgrunden blir svart.

För att aktivera högkontrastläge, sök i högkontrastläget i sökrutan.

Här får du ett alternativ att välja ett tema, välj temat med hög kontrast i rullgardinsmenyn.

En webbläsare ser ut som visas nedan efter ändringarna i inställningarna.

Efter detta kan vi se om innehållet är korrekt synligt eller inte.

# 2) Genom att inte komma åt bilderna :

Tillfälligt för tillfället kan du stänga av åtkomsten och se om texten motiverar innehållet eftersom vissa människor kanske inte har tillgång till det eller ibland tar det för lång tid att ladda bilderna.

Du kan stänga av åtkomsten till webbläsaren på följande sätt:

Internet Explorer: Verktyg-> Internetalternativ-> Avancerat-> visa bilder (avmarkera).

vad är det bästa gratis virusborttagningen

Firefox: Öppna Firefox och skriv handla om : config , i adressfältet och du får utdata som visas nedan.

När du har fått den här skärmen måste du söka efter tillstånd.default.image ' och justera värdet från 0-1.

# 3) Letar efter textning :Kontrollera om det finns en bildtext och se till att den är ganska beskrivande. Många gånger stöter vi på länkar på facebooksidan där bilderna eller videoklippen kan ta lång tid att visa men bildtexterna hjälper oss mycket.

# 4) Genom att stänga av det kaskade stilarket (CSS): CSS används i princip för att beskriva presentationen av dokumentet. Genom att stänga av detta kan vi söka efter bakgrundsfärg, textstil och textpresentationsstil.

# 5) Försök att använda tangentbordet :Om du är en gamer- eller excellexpert måste detta test vara lättare för dig. Försök att inte röra vid musen och komma åt webbplatsen med hjälp av ett tangentbord.

Du kan använda 'Tab' -tangenten för att växla mellan länkar.

'Flik' + 'Skift' tar dig där du var tidigare.

# 6) Använd fältetiketten :Det är användbart när du fyller i ett formulär, fältetikett är vad du ser när du tittar på en mall. Genom att använda detta kan man fylla i nödvändig information när man registrerar sig eller beställer något online.

# 7) Ändra teckenstorlek till stor :Använd stor teckensnittsstorlek och kontinuerlig tillgänglighetskontroll.

# 8) Hoppa över navigering: Detta kan vara användbart för personer med funktionshinder. Genom att klicka Ctrl + Hem du kan flytta ditt fokus till toppen av sidan.

# 9) PDF-dokument: Försök att spara PDF-filen i form av text och kontrollera om innehållets ordning bibehålls eller inte.

# 10) Genom att inaktivera stilen: Inaktivera stilen och kontrollera om innehållet i tabellen är ordentligt uppradat eller inte.

# 11) Innehållsskalning: Försök att zooma ut bilden och kontrollera om den är läsbar.

Automatiserad tillgänglighetsprovning

Eftersom automatisering sprider sig mycket inom testfältet kan vi också gå med automatisering för tillgänglighetskontroll. Vi har flera verktyg för automatiserad testning.

# 1) aDesigner: Den är utvecklad av IBM och är användbar för att testa programvaran från synskadade.

# 2) WebAnywhere: Den fungerar som en skärmläsare och kräver ingen speciell installation.

# 3) Vischeck: Detta verktyg hjälper oss att reproducera bilden i olika former så att vi kan föreställa oss hur den kommer att se ut när den nås av olika typer av användare.

# 4) Färgkontrastanalysator: Den söker efter färgkombination och analyserar synligheten.

# 5) Hera: Den kontrollerar applikationens stil och har ett flerspråkigt alternativ.

# 6) Firefox-tillgänglighetsförlängning: Firefox låter dig utöka funktionaliteten.

Du kan lägga till den för att öppna Firefox-> Tillägg-> tillgänglighetsförlängning . Det hjälper dig att testa rapporten, navigering, länktext etc.

Efter att ha klickat på förlängning du får ett alternativ för sökning tillägg .

# 7) TAW online: Det ger dig möjlighet att testa om programvaran är utvecklad enligt riktlinjerna för WCAG 1.0 eller WCAG 2.0 . Det har också möjlighet att välja analysnivå.

# 8) PDF-tillgänglighetsgranskare: Den kontrollerar om en PDF-fil är tillgänglig.

=> För den fullständiga listan kolla detta inlägg för tillgänglighetstestverktyg

Tillgänglighetstest Checklista / testfall / scenarier

Nedan följer några punkter som måste kontrolleras när du gör denna typ av test:

• Om etiketterna är korrekt skrivna och placerade eller inte.
• Om ljud- / videoinnehållet är korrekt hörbart / synligt eller inte.
• Om färgkontrastförhållandet bibehålls eller inte.
• Om kontrollåtgärderna för video fungerar bra eller inte.
• Om kortkommandon finns för menyn måste du kontrollera om alla dessa fungerar bra.
• Behöver du leta efter flikar om navigering mellan flikar är en enkel uppgift.
• Om ansökan har följt alla principer och riktlinjer eller inte.
• Om rubriken är unik och förmedlar innebörden och strukturen eller inte.
• Om länktexten skrivs med innehållsbeskrivning istället för tvetydighet.
• Om en meningsfull multimedia-bildtext tillhandahålls eller inte.
• Om instruktionerna tydligt ges eller inte.
• Om innehållet är klart, koncist och förståeligt eller inte.

Följande är de viktigaste punkterna som webbplatsen ska tillgodose för tillgänglighet:

• Länktext bör vara beskrivande . Visuellt inaktiverad webbsida för användaråtkomst genom att klicka på flikknappen från tangentbordet och flytta från länk till länk. Så det är viktigt att beskrivningen av länkarna är korrekt definierad. Se till att hyperlänkarna är tillgängliga med hjälp av tabbtangenten.
• Ge lämpliga bilder där det är möjligt . En bild talar högre än ord. Försök att lägga till lämpliga bilder för text när det är möjligt. Bilder kan beskriva innehållet på webbplatsen för literacy-utmanade användare.
• Använd ett enkelt språk . Den kognitivt funktionshindrade användaren har inlärningssvårigheter, det är mycket viktigt att göra meningar enkla och lättlästa för dem.
• Konsekvent navigering . Konsekvent navigering genom sidor är också mycket viktigt för användare med kognitiva funktionshinder. Det är en bra praxis att upprätthålla webbplatsens enhetlighet och inte att ändra sidorna regelbundet. Anpassningen till den nya layouten är tidskrävande och kan bli svår.
• Ignorera popup-fönster . Användare som använder en skärmläsare för att läsa webbsidor, popup-fönster kan vara väldigt obekväma för dem. Skärmläsaren läser upp sidan uppifrån och ned och en plötslig popup dyker upp läsaren börjar läsa upp den först innan det faktiska innehållet. Det kan förvirra visuellt funktionshindrade användare.
• CSS-layout . CSS-baserade webbplatser är mer tillgängliga än HTML-kodbaserade webbplatser.
• Dela stor mening i en liten enkel mening. Visuellt funktionshindrade användare lyssnar på informationen på webbsidan och försöker komma ihåg den. Genom att dela upp den stora meningen i en liten enkel mening kan det vara lätt att komma ihåg saker.
• Använd inte markeringstext. Undvik blank text och håll det enkelt.

Kort sagt måste vi kontrollera om applikationen är utvecklad enligt W3C-riktlinjerna, principerna för webbdesign och tillgänglighetsprinciper och för detta måste vi vara medvetna om alla dessa principer.

Vi kan sammanfatta ovanstående kontrollpunkter genom att verifiera och validera det skriftliga innehållet, designen och utvecklingsmetoden för webbplatsen / applikationen.

Läs också => Webbtestning komplett guide.

Slutsats

Tillgänglighetstester förklarar helt enkelt hur lätt man kan navigera, komma åt och förstå programvara. Det är för alla typer av användare. Testaren bör testa ur alla perspektiv.

Precis som alla andra typer av test kan denna test också göras manuellt såväl som med hjälp av automatiseringsverktyg. En testares mål bör bara vara att kontrollera om riktlinjerna uppfylls eller inte och hur lätt och vänligt en användare kan använda programvaran.

Rekommenderad läsning = >> De bästa leverantörerna av tillgänglighetstesttjänster

I nästa del av denna handledningsserie presenterar vi dig för några fler verktyg och tekniker för testning av webbtillgänglighet, så var snäll och stanna hos oss.

Kommentera med dina frågor, förslag och erfarenheter som alltid.

NÄSTA självstudie

Rekommenderad läsning

• Handledning för testning av WAVE-tillgänglighetsverktyg
• Alfatestning och betatestning (En komplett guide)
• WAT (Web Accessibility Toolbar) Handledning för tillgänglighetsprovning
• Funktionell testning mot icke-funktionell testning
• Handledning för testning av användbarhet: En komplett guide för att komma igång
• Byggverifieringstestning (BVT-testning) Komplett guide
• DevOps Testing Tutorial: Hur DevOps kommer att påverka QA-testning?
• Distribution i MongoDB: Steg-för-steg-handledning