Meni

Vodič za alat za testiranje pristupačnosti WAVE-a

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.

WAVE dostupnost

[slika izvor]

Što ćete naučiti:

VAL(Alat za ocjenu web dostupnosti)

Alatna traka WAVE

WAVE alat je alat za procjenu pristupačnosti weba - alatna traka za Preglednik Firefox.

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.

kako pokrenuti jar datoteke na Windowsima 10

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)

Alati za ispitivanje web dostupnosti 1

#dva) Sada kliknite na “Struktura / prikaz narudžbe”, dobit ćete stranicu s pojedinostima o ugrađenom okviru.

WAVE alat za procjenu web dostupnosti

# 3) Sada kliknite na 'Tek tekstualni prikaz', stranica će se prikazati bez slika, stilova i izgleda.

Alat za procjenu pristupačnosti weba

# 4) Ikone 'Outline View' na alatnoj traci obavijestit će vas jesu li naslovi u redu ili ne.

Alat za procjenu WAVE web pristupačnosti 4

# 5) Ikona 'Poništi stranicu' osvježit će stranicu.

Dostupnost na webu 5

# 6) Klikom na 'Onemogući stil' uklonit će se CSS stilovi sa stranice.

Alati za web dostupnost 6

# 7) Gumb 'Icons Key' prikazat će popis svih ikona WAVE s dodatnim detaljima, informacijama i preporukama.

Alat za procjenu web pristupa 7

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.

  1. Pogreške bi se prikazale crvenom bojom s brojanjem. U mom se slučaju prikazuje kao 13.
  2. Upozorenja bi se prikazivala žutom bojom s brojem 13.
  3. Značajke bi bile u zelenoj boji s brojem 10.
  4. Strukturalni elementi bili bi 6 u plavoj boji.
  5. HTML5 i ARIA bili bi 15 u ljubičastoj boji.
  6. Pogreške kontrasta bile bi 14 u crnoj boji.

web provjera pristupačnosti 8

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:

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.

Web dostupnost 9

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.

Alati za slabovidnost 1

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.

Alati za hendikepiranje web pristupačnosti 11

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.

Web dostupnost 12

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.

PREV Vodič | PRVI Vodič

Preporučena literatura

^