wave accessibility testing tool tutorial
Vodič za alat WAVE Web Accessibility Tool: Kako koristiti proširenje WAVE Chrome i Firefox
Alatna traka za web-dostupnost je detaljno objašnjeno u našem prethodnom vodiču. Ovaj je vodič nastavak prvog u ovoj seriji, provjerite ovdje - Testiranje web dostupnosti - 1. dio .
U tom smo tutorijalu pogledali nekoliko temeljnih koncepata što je pristupačnost i kako se ona može procijeniti pomoću alata za testiranje dostupnosti.
U ovom uputstvu vidjet ćemo još nekoliko alata za pristupačnost poput WAVE alatne trake, JAWS alata za pristupačnost, tehnika i detalja.
(slika izvor)
Što ćete naučiti:
VAL(Alat za ocjenu web dostupnosti)
WAVE alat je alat za procjenu pristupačnosti weba - alatna traka za Preglednik Firefox.
kako pokrenuti jar datoteke na Windowsima 10
Važno je napomenuti da vam WAVE ne može reći je li vaš web sadržaj dostupan; istinsku dostupnost može odrediti samo čovjek. Ali, WAVE vam može pomoći da procijenite dostupnost vašeg web sadržaja.
Sva se procjena događa izravno u pregledniku i nikakve se informacije ne šalju na WAVE poslužitelje. To osigurava 100% privatno i sigurno izvještavanje o pristupačnosti.
Za preuzimanje alatne trake WAVE web accessibility idite na http://wave.webaim.org/toolbar/ i preuzmite ga u F preglednik irefox . Svakako otvorite URL za preuzimanje u pregledniku Firefox jer alatna traka WAVE podržava samo Firefox.
Kako se koristi alatna traka WAVE Web Accessibility
Slijede značajke koje možemo koristiti tijekom rada na pregledniku Firefox:
# 1) Odaberite web mjesto http://www.easports.com/ , a zatim kliknite na 'Pogreške, značajke i upozorenja', naći ćete stranicu s upozorenjima o pristupačnosti i pogreškama u žutoj boji. Pređite mišem preko slika da biste vidjeli detalje upozorenja.
( Bilješka : kliknite bilo koju sliku za uvećani prikaz)
#dva) Sada kliknite na “Struktura / prikaz narudžbe”, dobit ćete stranicu s pojedinostima o ugrađenom okviru.
# 3) Sada kliknite na 'Tek tekstualni prikaz', stranica će se prikazati bez slika, stilova i izgleda.
# 4) Ikone 'Outline View' na alatnoj traci obavijestit će vas jesu li naslovi u redu ili ne.
# 5) Ikona 'Poništi stranicu' osvježit će stranicu.
# 6) Klikom na 'Onemogući stil' uklonit će se CSS stilovi sa stranice.
# 7) Gumb 'Icons Key' prikazat će popis svih ikona WAVE s dodatnim detaljima, informacijama i preporukama.
najbolji špijunski programi za mobitele
Također možete procijeniti dostupnost web stranice bez preuzimanja alata wave i izravno ga koristiti na mreži.
Koraci za provjeru dostupnosti web mjesta
Korak 1) Kliknite na URL: http://wave.webaim.org/
Korak 2) Uđi Adresa web stranice u tekst kutija i pritisnite Enter. Koristit ćemo s kao primjer. Unesite web stranicu www.facebook.com u okvir za tekst i kliknite gumb za unos.
Korak # 3) Sažetak pojedinosti pronaći ćete na lijevoj strani navigacije.
- Pogreške bi se prikazale crvenom bojom s brojanjem. U mom se slučaju prikazuje kao 13.
- Upozorenja bi se prikazivala žutom bojom s brojem 13.
- Značajke bi bile u zelenoj boji s brojem 10.
- Strukturalni elementi bili bi 6 u plavoj boji.
- HTML5 i ARIA bili bi 15 u ljubičastoj boji.
- Pogreške kontrasta bile bi 14 u crnoj boji.
Klikom na svaku ikonu dobit ćete više informacija o elementima kao što je gore prikazano za upozorenje (u središtu stranice).
Pogledajmo sada drugu kategoriju alata:
Besplatni provjerivači pristupačnosti web stranica:
Još nekoliko najboljih alata za provjeru pristupačnosti weba:
- Alat za procjenu pristupačnosti otvorenog koda AChecker
- PowerMapper
- Pristupačnost Sobar
- EvalAccess
- MAGENTA
Alati za slabovidnost
Oštećenje vida odnosi se na gubitak vida. Postoje različite vrste oštećenja vida:
- Sljepoća
- Slab ili ograničen vid
- Daltonizam
Korisnici s oštećenjima vida koriste softver pomoćne tehnologije koji naglas čita sadržaj.Na primjerJAWS za operativne sustave Windowsa, NVDA za operativne sustave Windowsa, Voice Over za Mac. Korisnik UA sa slabim vidom također može povećati tekst podešavanjem preglednika ili veličanstvenom postavkom operativnog sustava. Te ćemo značajke naučiti uz pomoć povećala i alata JAWS.
A) Povećala
1) Povećalo za tekst zuma povećava sve na zaslonu računala i olakšava pregled i korištenje aplikacije. Možete ga preuzeti s ovaj link .
Da biste stekli dobru ideju o tome kako to funkcionira, toplo preporučujemo da preuzmete besplatnu probnu verziju i eksperimentirate.
dva) Prozorno povećalo također povećava različite dijelove zaslona. Možemo ga otvoriti klikom na gumb Start s radne površine, a zatim upišite povećalo. Kliknite na program Povećalo. Kada mišem zadržite pokazivač miša na web stranici, ovaj alat povećava veličinu zaslona i prikaza.
javascript pitanja za intervju za iskusne profesionalce
3) Slijepi korisnici računala koji ne mogu koristiti uobičajeni računalni monitor, koriste se osvježivim Brajevim zaslonom ili Brajevim pultom za čitanje teksta.
Prema Wikipedija , osvježivi Brajev zaslon ili Brajev priključak je elektromehanički uređaj za prikaz brajevih znakova, obično pomoću zatikanja s okruglim vrhom podignutih kroz rupe na ravnoj površini.
B) JAWS - Govorni pristup poslu
JAWS je čitač zaslona koji se koristi za testiranje web stranica na operativnom sustavu Windows koji omogućuje vizualno oštećenim korisnicima čitanje zaslona. JAWS podržava sve verzije operativnih sustava, kao i pruža osvježivi brajev zaslon.
Slijede naredbe tipkovnice za upotrebu JAWS:
Osnovne funkcije koje se ispituju uz pomoć JAWS-a su:
- JAWS pruža broj tipki za navigaciju web stranicama. Na primjer tipke sa strelicama, tipke za pomicanje stranice prema gore i dolje, početna stranica, kraj i nekoliko drugih navigacijskih tipki JAWS.
- Veze, slike i mape slika: JAWS nudi pritiske tipki za navigaciju s jedne veze na drugu na web stranici.
- Polja i kontrole HTML obrasca : JAWS pruža pritiske tipki za navigaciju između elemenata obrasca
- HTML okviri : Navigacija okvirima pomoću tipkovnice.
- Stolovi : Kretanje po ćelijama tablice
Ovo je kratki pregled različitih tehnika i alata koji se koriste za ocjenu pristupačnosti.
Savjeti za testiranje pristupačnosti za programere i testere
- Imaju li sve aktivne slike natpisni tekst koji označava što čini veza ili gumb?
- Imaju li sve ukrasne slike i suvišne slike null (alt = ””) alt tekst?
- Imaju li sve slike s informacijama zamjenski tekst koji pruža iste podatke kao i slike?
- Je li stranica organizirana s naslovima? Jesu li označeni kao naslovi?
- Možete li pristupiti svemu pomoću tipkovnice?
- Hoće li se vaša stranica čitati logičkim redoslijedom u čitaču zaslona?
- Je li jasno koji je element u fokusu dok koristite pristup tipkovnici?
- Jesu li sve važne informacije u video zapisu dostupne putem standardnog zvuka ili kroz dodani audio opis?
Razvojni tim mogu provjeriti je li njihov proizvod usklađen s pristupom pregledom koda i jedinstvenim testiranjem.
Tipični test slučajevi:
- Provjerite jesu li sve funkcije dostupne samo putem tipkovnice (nemojte koristiti miš)
- Provjerite jesu li informacije vidljive kada se postavka zaslona promijeni u način rada Visoki kontrast.
- Pazite da alati za čitanje zaslona mogu čitati sav dostupan tekst i da svaka slika / slika ima odgovarajući zamjenski tekst.
- Obavezno provjerite da radnje tipkovnice definirane proizvodom ne utječu na tipkovne prečace pristupačnosti.
Zaključak
Web dostupnost nudi brojne mogućnosti za korisnike s invaliditetom. Međutim, moramo priznati činjenicu da je teško pružiti puni pristup svim vrstama invaliditeta ili poteškoća koje bi mogle spriječiti korisnika da dođe do sadržaja web stranice.
Mogu se poduzeti koraci, ali to možda neće biti 100%. Ako se slijedimo standarde navedene u ovom članku u početnoj fazi razvoja, lako možemo stvoriti pristupačnu web stranicu za većinu korisnika.
Slobodno predložite dodatne alate i savjete za ispitivanje pristupačnosti u komentarima u nastavku.
Preporučena literatura
- Vodič za testiranje pristupačnosti za WAT (Web Accessibility Toolbar)
- Vodič za testiranje pristupačnosti (cjelovit vodič korak po korak)
- Dubinski vodiči za pomračenje za početnike
- Geb vodič - Ispitivanje automatizacije preglednika pomoću alata Geb
- Najbolji alati za testiranje softvera 2021. (Alati za automatizaciju ispitivanja kvalitete)
- Top 20 alata za testiranje pristupačnosti za web aplikacije
- Vodič za ispitivanje razaranja i ispitivanja bez razaranja
- Funkcionalno ispitivanje vs nefunkcionalno testiranje