Vodič za testiranje pristupačnosti (cjelovit vodič korak po korak)

accessibility testing tutorial

Cjelovit vodič za ispitivanje pristupačnosti:

Što je web dostupnost:

Web je otvoren za sve, a kao ispitivač (također čovjek), naša je odgovornost provjeriti je li dostupan svim korisnicima. To će, pak, puno doprinijeti uspjehu poduzeća jer radimo na tome da aplikacija bude dostupna svakom korisniku.

To će također povećati zadovoljstvo korisnika i našeg poslovanja.

Popis tutorijala u ovoj seriji:

1. Vodič za ispitivanje pristupačnosti (Ovaj vodič)
2. Alati za ispitivanje pristupačnosti - cjelovit popis
3. Vodič za WAT ​​(alatna traka za web-dostupnost)
4. Alati za provjeru pristupačnosti WAVE i JAWS

Za većinu korisnika korištenje Interneta putem weba jednostavno je. Ali to nije slučaj kada sa izazovima promatramo drugačiji demografski skup. Nužno je da web stranice budu dostupne, upotrebljive i korisne i ovoj skupini korisnika - i ne bi trebalo razlikovati korisnike na temelju jezika / kulture / mjesta / softvera / fizičke ili mentalne sposobnosti.

Što ćete naučiti:

• Što je ispitivanje pristupačnosti?
• Pristupačnost i zakon
• Mitovi o testiranju dostupnosti web stranica
• Izazovi ispitivanja pristupačnosti
• Važnost
• Kako se mjeri web dostupnost?
• Univerzalni principi web dizajna koje treba slijediti
• Kako izvršiti testiranje pristupačnosti - Vodič korak po korak
  • Ručna metoda
  • Automatizirano ispitivanje pristupačnosti
• Kontrolni popis za ispitivanje pristupačnosti / ispitni slučajevi / scenariji
• Zaključak
• Preporučena literatura

Što je ispitivanje pristupačnosti?

Testiranje web aplikacije kako bi se osiguralo da svaki korisnik može lako pristupiti web mjestu poznato je kao testiranje pristupačnosti. Specijalizirana i namjenska grana testiranja koja pomaže osigurati da web stranice doista budu učinkovite u ovom području naziva se „ Testiranje web pristupačnosti '.

Što je najvažnije, postoje određeni zakoni i smjernice za ispitivanje pristupačnosti koje se također trebaju poštivati.

Pristupačnost i zakon

• Amerikanci s invaliditetom djeluju : Ovaj zakon kaže da bi sve domene poput javnih zgrada, škola i organizacija trebale učiniti tehnologiju dostupnom svima.
• Zakon o rehabilitaciji, odjeljak 504 i odjeljak 508 : Odjeljak 504 omogućuje svim osobama s invaliditetom pristup radnom mjestu, obrazovanju i drugim organizacijama, a odjeljak 508 pristup tehnologiji.
• Smjernice za dostupnost web sadržaja: Ove smjernice sugeriraju načine na koje se može poboljšati dostupnost web mjesta.

Mitovi o testiranju dostupnosti web stranica

Mit 1 :Skupo je.

Činjenica : Mjere predostrožnosti uvijek su bolje od liječenja, tako da o problemima pristupačnosti možemo razmišljati u samoj fazi projektiranja i smanjiti troškove.

Mit 2: Pretvaranje nepristupačnog web mjesta u pristup dugotrajno je.

Činjenica : Možemo odrediti prioritete i samo raditi na osnovnim potrebama.

Mit 3: Pristupačnost je jednostavna i dosadna.

Činjenica : Pristupačnost ne znači da web mjesto treba sadržavati samo tekst. Možemo također dodati slike i učiniti ih privlačnijima, ali važno je napomenuti da bi trebale biti dostupne svima.

Mit 4 :Ispitivanje pristupačnosti namijenjeno je slijepim i invalidnim osobama.

Činjenica : Softver je koristan za sve i stoga je ovo testiranje za sve korisnike.

Izazovi A Ispitivanje pristupačnosti

Slijede neka od njih uobičajeni izazovi ili poteškoće koje smjernice o pristupačnosti pokušavaju riješiti:

Važnost

• Jednostavan i učinkovit pristup korisnicima s invaliditetom ili izazovima
• Povećava tržišni udio i doseg publike
• Poboljšava održivost i učinkovitost
• Zadovoljni postojećim i budućim zakonskim zahtjevima i pomažu u slijeđenju etike
• Podržati internacionalizaciju
• Pomaže u pristupu korisnicima s niskom propusnošću.

U konačnici, sve se samo prevodi 'Bolje poslovanje - više novca'.

Kako se mjeri web dostupnost?

Pristupačnost weba može se izmjeriti uz pomoć internetskih standarda pristupačnosti koje je izradio W3C poznat kao Smjernice za dostupnost web sadržaja (WCAG) . Malo je drugih odjela također razvilo vlastite smjernice, ali i one slijede Inicijativa za web dostupnost (WAI) Smjernice.

Procjena dostupnosti web stranice:

Mnogo je čimbenika koji u tome igraju ulogu, kao što su:

• Sadržaj
• Veličina
• Kodirati
• Označni jezici
• Alati za razvoj
• Okoliš

Kao i uvijek, dobra je praksa implementirati tehnike web pristupačnosti u početnoj fazi projekta. Popravljanje web stranica kojima su pristupačne zahtijeva dodatne napore.

Nekoliko jednostavnih primjera tehnika su:

• Provjera naslova stranice
• Alternative teksta na slici („alt text“)
• Naslovi
• Omjer kontrasta („kontrast boja“) .. itd.

Pristupačnost također možemo utvrditi uz pomoć „ Alati za procjenu '- u određenoj mjeri. Malo je stvari poput toga da li je alt tekst prikladno napisan za sliku ili ne, ne može se u potpunosti procijeniti, ali oni su većinom učinkoviti.

Pročitajte također => 30+ najpopularnijih alata za web testiranje.

Univerzalni principi web dizajna koje treba slijediti

Web stranica trebala bi biti univerzalno dizajnirana na takav način da slijedi načela upotrebljivosti i pristupačnosti. Svatko ima svoj stil učenja i obrade, stoga bi web-mjesto / proizvod trebao biti dizajniran bez obzira na to.

Slijedi nekoliko osnovnih standardnih principa dizajna web stranica:

# 1) Koordinacija:

Svaka aktivnost i svaka osoba uključena u projekt trebaju se međusobno koordinirati. Treba imati na umu da web stranica treba biti dizajnirana u skladu s njihovim vlastitim potrebama W3C standardima.

# 2) Ovrha:

Kao odgovorna organizacija trebali biste se smatrati odgovornim za stvaranje pristupačnog web mjesta. Umjesto da se korisnici smatraju odgovornima za dostupnu web stranicu, mi bismo to trebali učiniti.

# 3) Vodstvo:

Svatko bi trebao biti svjestan ovih načela i mora obavijestiti ako se suoči s bilo kojim problemom tijekom pristupa web mjestu.

# 4) Razmatranje pristupa :

Moramo slijediti standarde, zajedno s njima možemo razmotriti standarde koje slijedi organizacija za posebno sposobne ljude.

# 5) Tehničke dimenzije:

Web mjesto treba biti dizajnirano uzimajući u obzir sve tehničke standarde.

# 6) Obrazovna istraživanja:

Moramo istražiti pristupačnost i probleme s kojima se suočavamo tijekom pristupa web mjestu. Uz pomoć toga, osoblje bi trebalo proći obuku kako bi ih upoznali sa standardima i problemima.

# 7) Socijalna uključenost:

Sa svim ljudima treba postupati jednako, ne samo u mrežnom načinu, već i u fizičkom svijetu.

Uz ovu zgradu potrebno je i web mjesto POUR.

Sada se postavlja pitanje što znači POUR, a odgovor je dan u nastavku:

Str dohvatljivo:Prezentacija web paketa trebala bi biti uočljiva. Sadržaj bi trebao imati smisla iz svih perspektiva svih korisnika.

ILI dostupno:Može se reći da je stranica sposobna za rad ako je korisnik u mogućnosti lako se kretati stranicom.

U neshvatljivo:Sve prisutne na web mjestu mora razumjeti bilo koja vrsta korisnika. Ukratko, jezik bi trebao biti lagan, a ne složen.

R Stop:Bez obzira na tehnologiju koja se mijenja i vrstu korisnika, sadržaj bi trebao biti robustan.

Kako izvršiti testiranje pristupačnosti - Vodič korak po korak

To se može učiniti pomoću metode ručnog, kao i automatskog ispitivanja.

Ručna metoda

Na tržištu je dostupno mnogo alata za testiranje pristupačnosti, ali možda postoje neki problemi poput nedostatka kvalificiranih resursa, proračuna itd. U takvom slučaju možemo ići s ručnim testiranjem.

Slijedi nekoliko načina ručnog testiranja pristupačnosti web mjestu:

# 1) Možemo koristiti način visokog kontrasta:

Korištenjem načina visokog kontrasta možemo istaknuti sadržaj web stranice. Kada uključimo način visokog kontrasta, sadržaj web stranice automatski se ističe kada se pretvara u bijelu ili žutu, a pozadina postaje crna.

Da biste uključili način visokog kontrasta, pretražite način visokog kontrasta u okviru za pretraživanje.

Ovdje ćete dobiti mogućnost odabira teme, s padajućeg izbornika odaberite temu s visokim kontrastom.

Preglednik će izgledati kao što je prikazano u nastavku nakon uvođenja promjena u postavke.

Nakon toga možemo vidjeti je li sadržaj pravilno vidljiv ili nije.

# 2) Ne pristupanjem slikama :

Zasad možete isključiti pristup i provjeriti da li tekst opravdava sadržaj jer neki ljudi možda nemaju pristup tome ili ponekad učitavanje slika traje predugo.

Pristup pregledniku možete isključiti na sljedeće načine:

Internet Explorer: Alati-> Internetske mogućnosti-> Napredno-> prikaži slike (uklonite kvačicu).

Firefox: Otvorite Firefox i upišite oko : konfiguracija , u adresnoj traci i dobit ćete izlaz kao što je prikazano dolje.

Nakon što dobijete ovaj zaslon, morate potražiti ' dozvola.default.image ' i prilagodite vrijednost od 0-1.

ispitivanje izvedbe intervju pitanja za iskusne

# 3) Provjera titlova :Provjerite je li natpis dostupan i pobrinite se da je prilično opisan. Mnogo puta nailazimo na poveznice na facebook stranici gdje se slike ili videozapisi mogu dugo prikazivati, ali naslovi će nam puno pomoći.

# 4) Isključivanjem kaskadnog lista stilova (CSS): CSS u osnovi se koristi za opis prezentacije dokumenta. Ako isključite ovo, možemo provjeriti boju pozadine, stil teksta i stil prezentacije teksta.

# 5) Pokušajte koristiti tipkovnicu :Ako ste igrač ili izvrsni stručnjak, ovaj vam test mora biti lakši. Pokušajte ne dodirivati ​​miš i pristupiti web mjestu uz pomoć tipkovnice.

Pomoću tipke 'Tab' možete se prebacivati ​​između veza.

'Tab' + 'Shift' odvest će te tamo gdje si bio prije.

# 6) Koristite oznaku polja :Korisno je dok ispunjavate obrazac, oznaka polja je ono što ćete vidjeti dok gledate predložak. Korištenjem ovoga možete ispuniti potrebne podatke tijekom prijave ili naručivanja nečega putem interneta.

# 7) Promjena veličine fonta u veliku :Koristite veliku veličinu fonta i kontinuiranu provjeru pristupačnosti.

# 8) Preskoči navigaciju: Ovo može biti korisno za osobe s motoričkim teškoćama. Klikom Ctrl + Početna možete pomaknuti fokus na vrh stranice.

# 9) PDF dokument: Pokušajte spremiti PDF datoteku u obliku teksta i provjerite zadržava li se redoslijed sadržaja.

# 10) Onemogućivanjem stila: Onemogućite stil i provjerite je li sadržaj tablice pravilno poredan ili nije.

# 11) Skaliranje sadržaja: Pokušajte smanjiti sliku i provjeriti je li čitljiva.

Automatizirano ispitivanje pristupačnosti

Kako se automatizacija široko širi na polju ispitivanja, možemo ići s automatizacijom i za provjeru pristupačnosti. Imamo nekoliko alata za automatizirano testiranje.

# 1) aDesigner: Razvio ga je IBM i koristan je za testiranje softvera iz perspektive osoba s oštećenjem vida.

# 2) WebAnywhere: Djeluje kao čitač zaslona i ne zahtijeva posebnu instalaciju.

# 3) Vischeck: Ovaj nam alat pomaže da reproduciramo sliku u raznim oblicima kako bismo mogli zamisliti kako će izgledati kad joj pristupe različiti tipovi korisnika.

# 4) Analizator kontrasta boja: Provjerava kombinaciju boja i analizira vidljivost.

# 5) Hera: Provjerava stil aplikacije i dolazi s višejezičnom opcijom.

# 6) Proširenje za pristupačnost Firefoxa: Firefox vam omogućuje da proširite njegovu funkcionalnost.

Možete ga dodati da se otvori Firefox-> Dodaci-> proširenje za pristupačnost . Pomoći će vam da testirate izvješće, navigaciju, tekst veze itd.

Nakon klika na produženje dobit ćete opciju pretraživanja dodaci .

# 7) TAW na mreži: Omogućuje vam testiranje provjere je li softver razvijen prema smjernicama WCAG 1.0 ili WCAG 2.0 . Također ima mogućnost odabira razine analize.

# 8) Provjera pristupačnosti PDF-a: Provjerava dostupnost PDF datoteke.

=> Za cjelovit popis provjerite ovaj post o Alatima za testiranje pristupačnosti

Ispitivanje pristupačnosti Kontrolni popis / test slučajevi / scenariji

Slijedi nekoliko točaka koje treba provjeriti tijekom obavljanja ove vrste testiranja:

• Ako su naljepnice pravilno napisane i postavljene ili ne.
• Ako je audio / video sadržaj pravilno čujan / vidljiv ili nije.
• Ako se zadržava omjer kontrasta boje ili ne.
• Ako kontrolne radnje za videozapis rade dobro ili ne.
• Ako su kratke tipke predviđene za izbornik, morate provjeriti rade li sve one u redu.
• Trebate provjeriti ima li tabaka je li navigacija između kartica lagan zadatak.
• Ako je prijava slijedila sva načela i smjernice ili nije.
• Ako je naslov jedinstven i prenosi značenje i strukturu ili ne.
• Ako je tekst veze napisan s opisom sadržaja umjesto da stvara dvosmislenost.
• Ako se pruža smislen multimedijski naslov ili ne.
• Ako su upute jasno dane ili ne.
• Ako je sadržaj jasan, sažet i razumljiv ili ne.

Slijede ključne točke koje bi web stranica trebala zadovoljiti radi pristupačnosti:

• Tekst veze trebao bi biti opisan . Vizualno onemogućeni korisnički pristup web stranici klikom na gumb kartice s tipkovnice i premještanje s veze na vezu. Stoga je bitno da je opis veza pravilno definiran. Provjerite jesu li hipervezama dostupne pomoću tipke tab.
• Dajte odgovarajuće slike tamo gdje je to moguće . Slika govori više od riječi. Pokušajte dodati odgovarajuće slike za tekst kad god je to moguće. Slike mogu opisivati ​​sadržaj web stranice za korisnike koji izazivaju pismenost.
• Koristite jednostavan jezik . Kognitivno onesposobljeni korisnik ima poteškoća u učenju, vrlo je važno da im rečenice budu jednostavne i lako čitljive.
• Dosljedna navigacija . Dosljedna navigacija stranicama također je vrlo važna za korisnike s kognitivnim teškoćama. Dobra je praksa održavati dosljednost web stranice i ne mijenjati stranice redovito. Prilagođavanje novom izgledu dugo traje i može postati teško.
• Zanemarite skočne prozore . Korisnici koji koriste čitač zaslona za čitanje web stranica, skočni prozori mogu im biti stvarno nezgodni. Čitač zaslona čita stranicu odozgo prema dolje i naglo dolazi skočni prozor, čitač će je početi čitati prvo prije stvarnog sadržaja. To može zbuniti korisnike s invaliditetom vida.
• CSS izgled . Web stranice temeljene na CSS-u pristupačnije su od web stranica temeljenih na HTML kodu.
• Podijelite veliku rečenicu u malu jednostavnu rečenicu. Korisnici s oštećenjima vida slušaju informacije na web stranici i pokušavaju ih zapamtiti. Podjelom velike rečenice na malu jednostavnu rečenicu možete lako prisjetiti se stvari.
• Ne koristite tekst za označavanje. Izbjegavajte sjajni tekst i neka bude jednostavan.

Ukratko, moramo provjeriti je li aplikacija razvijena u skladu sa smjernicama W3C, načelima dizajna web stranica i načelima pristupačnosti, a za to moramo biti svjesni svih tih načela.

Gore sažete kontrolne točke možemo sažeti provjerom i provjerom valjanosti pisanog sadržaja, dizajna i metode izrade web stranice / aplikacije.

Također pročitajte => Kompletni vodič za web testiranje.

Zaključak

Ispitivanje pristupačnosti jednostavno objašnjava koliko se lako može navigirati, pristupiti i razumjeti softver. Namijenjen je svim vrstama korisnika. Tester bi trebao obaviti testiranje iz perspektive svih.

Kao i bilo koja druga vrsta testiranja, i ovo se testiranje može provesti ručno, kao i uz pomoć alata za automatizaciju. Cilj ispitivača trebao bi biti samo provjeriti jesu li smjernice ispunjene ili ne i koliko lako i prijateljski korisnik može koristiti softver.

Preporučena literatura = >> Vrhunski pružatelji usluga ispitivanja pristupačnosti

U sljedećem dijelu ove lekcije predstavit ćemo vam još nekoliko alata i tehnika za testiranje web dostupnosti, pa vas molimo da ostanete s nama.

Kao i uvijek, molimo vas da komentirate sa svojim pitanjima, prijedlozima i iskustvima.

SLJEDEĆA Vodič

Preporučena literatura

• Vodič za alat za testiranje pristupačnosti WAVE-a
• Alfa testiranje i beta testiranje (cjelovit vodič)
• Vodič za testiranje pristupačnosti za WAT ​​(Web Accessibility Toolbar)
• Funkcionalno ispitivanje vs nefunkcionalno testiranje
• Vodič za ispitivanje upotrebljivosti: cjelovit vodič za početak rada
• Kompletni vodič za testiranje provjere izrade (BVT testiranje)
• Vodič za testiranje DevOpsa: Kako će DevOps utjecati na QA testiranje?
• Implementacija u MongoDB: Vodič korak po korak