Meni

Vadnica za orodje za preizkušanje dostopnosti WAVE

wave accessibility testing tool tutorial

Preizkusite Naš Instrument Za Odpravo Težav

Vadnica za orodje za spletno dostopnost WAVE: Kako uporabljati razširitve WAVE Chrome in Firefox

Orodna vrstica za spletno dostopnost je bilo podrobno razloženo v prejšnji vadnici. Ta vadnica je nadaljevanje prvega v tej seriji, preverite tukaj - Testiranje spletne dostopnosti - 1. del .

V tej vadnici smo preučili nekaj temeljnih konceptov, kaj je dostopnost in kako jo lahko ocenimo z orodji za testiranje dostopnosti.

V tej vadnici bomo videli še nekaj orodij za dostopnost, kot so orodna vrstica WAVE, orodje za dostopnost JAWS, tehnike in podrobnosti.

Dostopnost WAVE

(slika vir)

Kaj se boste naučili:

zaženite okna datotek .jar 10

VAL(Orodje za ocenjevanje spletne dostopnosti)

Orodna vrstica WAVE

Orodje WAVE je orodje za ocenjevanje spletne dostopnosti - orodna vrstica za Brskalnik Firefox.

Pomembno je omeniti, da vam WAVE ne more povedati, ali je vaša spletna vsebina dostopna; resnično dostopnost lahko določi samo človek. Toda WAVE vam lahko pomaga oceniti dostopnost vaše spletne vsebine.

Vse ocene potekajo neposredno v brskalniku in nobena informacija se ne pošlje strežnikom WAVE. To zagotavlja 100% zasebno in varno poročanje o dostopnosti.

Za prenos orodne vrstice za spletno dostopnost WAVE pojdite na http://wave.webaim.org/toolbar/ in ga naložite v F brskalnik irefox . Poskrbite, da boste v brskalniku Firefox odprli URL za prenos, ker orodna vrstica WAVE podpira samo Firefox.

Kako uporabljati orodno vrstico za spletno dostopnost WAVE

Sledijo funkcije, ki jih lahko uporabimo med delom v brskalniku Firefox:

# 1) Izberite spletno mesto http://www.easports.com/ , nato kliknite na “Napake, funkcije in opozorila”, našli boste stran z opozorili o dostopnosti in napakami v rumeni barvi. Z miško se pomaknite na slike, da si ogledate podrobnosti opozoril.

( Opomba : kliknite na poljubno sliko za povečan pogled)

Orodja za testiranje spletne dostopnosti 1

#two) Zdaj kliknite »Struktura / pogled naročila«, dobili boste stran s podrobnostmi o vstavljenem okvirju.

Orodje za ocenjevanje dostopnosti WAVE

# 3) Zdaj kliknite »Pogled samo za besedilo«, stran se bo prikazala brez slik, stilov in postavitev.

Orodje za ocenjevanje dostopnosti spletnih strani Wave

# 4) Ikone 'Outline View' v orodni vrstici vas bodo obvestile, ali so naslovi v redu ali ne.

Orodje za ocenjevanje dostopnosti WAVE 4

# 5) Ikona »Ponastavi stran« bo osvežila stran.

kateri je najboljši odstranjevalec virusov

Spletna dostopnost 5

# 6) Če kliknete »Onemogoči slog«, bodo s strani odstranjeni slogi CSS.

Orodja za spletno dostopnost 6

# 7) Gumb “Icons Key” prikaže seznam vseh ikon WAVE z dodatnimi podrobnostmi, informacijami in priporočili.

Orodje za ocenjevanje spletne dostopnosti 7

Dostopnost spletnega mesta lahko ocenite tudi brez nalaganja orodja za valovanje in ga neposredno uporabite v spletu.

Koraki za preverjanje dostopnosti spletnega mesta

Korak 1) Kliknite URL: http://wave.webaim.org/

2. korak) Vnesite Naslov spletne strani v besedilo škatla in pritisnite Enter. Uporabili bomo s kot primer. Torej v besedilno polje vnesite spletno stran www.facebook.com in kliknite gumb za vnos.

3. korak) Povzetek najdete na levi strani navigacije.

  1. Napake bi bile prikazane rdeče s štetjem. V mojem primeru se kaže kot 13.
  2. Opozorila bi bila prikazana rumeno s številom 13.
  3. Funkcije bi bile v zeleni barvi s štetjem 10.
  4. Strukturni elementi bi bili 6 v modri barvi.
  5. HTML5 in ARIA bi bila 15 v vijolični barvi.
  6. Napake kontrasta bi bile 14 v črni barvi.

preveritelj spletne dostopnosti 8

S klikom na vsako ikono boste dobili več informacij o elementih, kot je prikazano zgoraj za opozorilo (v sredini strani).

Zdaj pa poglejmo drugo kategorijo orodij:

Brezplačni preverjalniki dostopnosti spletnih strani:

Nekaj ​​najboljših orodij za preverjanje dostopnosti spleta:

Orodja za invalidnost vida

Invalidnost vida se nanaša na izgubo vida. Obstajajo različne vrste motenj vida:

  • Slepota
  • Slab ali omejen vid
  • Barvna slepota

Uporabniki z motnjami vida uporabljajo programsko opremo za pomožne tehnologije, ki vsebino bere naglas.Na primerJAWS za operacijske sisteme Window, NVDA za operacijske sisteme Window, Voice Over za Mac. Uporabnik UA s šibkim vidom lahko besedilo poveča tudi z nastavitvami brskalnika ali čudovito nastavitvijo operacijskega sistema. Te funkcije se bomo naučili s pomočjo lup in orodij JAWS.

Spletna dostopnost 9

A) Lupe

1) Povečava za povečavo besedila poveča vse na zaslonu računalnika in olajša ogled in uporabo aplikacije. Lahko ga prenesete iz to povezavo .
Če želite dobro razumeti, kako to deluje, toplo priporočamo, da naložite brezplačno preskusno različico in poskusite.

dva) Lupa za okno poveča tudi različne dele zaslona. Odpremo ga lahko tako, da na namizju kliknemo gumb Start in nato vtipkamo Lupa. Kliknite na program Povečevalnik. Ko miškin kazalec premaknete na spletno stran, to orodje poveča velikost zaslona in se prikaže.

osnovna vprašanja in odgovori za java

Orodja za invalidnost vida 1

3) Slepi uporabniki računalnikov, ki ne morejo uporabljati običajnega računalniškega monitorja, za branje besedila uporabljajo brailleov zaslon ali terminal Braille.

Po navedbah Wikipedija , osvežujoč Braillov zaslon ali Braillova sponka je elektromehanska naprava za prikaz braillove pisave, običajno s pomočjo zatičev z okroglimi konicami, dvignjenih skozi luknje na ravni površini.

Orodja za invalide za spletno dostopnost 11

B) JAWS - dostop do dela z govorom

JAWS je bralnik zaslona, ​​ki se uporablja za testiranje spletnih strani v operacijskem sistemu Windows in omogoča vizualno poškodovanim uporabnikom branje zaslona. JAWS podpira vse različice operacijskih sistemov in osvežujoč braillov zaslon.

Dostopnost do spleta 12

Sledijo ukazi na tipkovnici za uporabo JAWS:

Osnovne funkcije, ki se preizkušajo s pomočjo JAWS, so:

  • JAWS zagotavlja število pritiskov tipk za krmarjenje po spletnih straneh. Na primer puščične tipke, tipke Page Up in Down, Home, End in številne druge navigacijske tipke JAWS.
  • Povezave, slike in slikovni zemljevidi: JAWS omogoča pritiske tipk za krmarjenje od ene povezave do druge na spletni strani.
  • Polja in kontrolniki obrazca HTML : JAWS omogoča pritiske tipk za krmarjenje med elementi obrazca
  • Okvirji HTML : Po okvirjih se premikajte s tipkovnico.
  • Mize : Krmarjenje po celicah tabele

To je kratek pregled različnih tehnik in orodij, ki se uporabljajo za ocenjevanje dostopnosti.

Nasveti za preizkus dostopnosti za razvijalce in preizkuševalce

  • Ali imajo vse aktivne slike nadomestno besedilo, ki označuje, kaj počne povezava ali gumb?
  • Ali imajo vse okrasne slike in odvečne slike ničlo (alt = ””) alt besedilo?
  • Ali imajo vse informativne slike nadomestno besedilo, ki vsebuje enake informacije kot slike?
  • Ali je stran organizirana z naslovi? Ali so označeni kot naslovi?
  • Ali lahko do vsega dostopate s pomočjo tipkovnice?
  • Bo vaša stran v bralniku zaslona brana v logičnem vrstnem redu?
  • Ali je jasno, kateri element je v središču, medtem ko uporabljate dostop s tipkovnice?
  • Ali so vse pomembne informacije v videoposnetku na voljo prek običajnega zvoka ali dodanega zvočnega opisa?

Razvojna ekipa se lahko prepričajo, da je njihov izdelek skladen s posebnimi potrebami s pregledom kode in testiranjem enote.

Tipični testni primeri:

  • Prepričajte se, da so vse funkcije na voljo samo prek tipkovnice (ne uporabljajte miške)
  • Prepričajte se, da so informacije vidne, ko nastavitev zaslona spremenite v načine z visokim kontrastom.
  • Prepričajte se, da lahko orodja za branje zaslona berejo celotno besedilo, ki je na voljo, in vsaka slika / slika ima povezano nadomestno besedilo.
  • Prepričajte se, da dejanja, določena s tipkovnico, ne vplivajo na bližnjice na tipkovnici za ljudi s posebnimi potrebami.

Zaključek

Dostopnost do spleta ponuja številne priložnosti za uporabnike invalide. Vendar moramo priznati dejstvo, da je težko zagotoviti popoln dostop za vse vrste invalidnosti ali težav, ki bi uporabniku lahko preprečile dostop do vsebine spletnega mesta.

Lahko se sprejmejo koraki, vendar morda ne bodo 100%. Če v začetni fazi razvoja upoštevamo standarde, opisane v tem članku, lahko za večino uporabnikov enostavno izdelamo dostopno spletno mesto.

V spodnjih komentarjih lahko predlagate več orodij in nasvetov za preizkušanje dostopnosti.

PREV Vadnica | PRVA Vadnica

Priporočeno branje

^