wat tutorial
Vadnica za orodno vrstico WAT ali spletne dostopnosti za preskušanje dostopnosti:
Orodja za preizkušanje dostopnosti so bile podrobno razložene v naši prejšnji vadnici v Serija testiranja dostopnosti .
WAT (orodna vrstica za spletno dostopnost) Je orodna vrstica za Brskalnik Internet Explorer in drugi brskalniki - Pomaga lahko pri ocenjevanju spletne strani glede skladnosti s smernicami za dostopnost do spletnih vsebin različice 2 (WCAG 2.0).
Kako uporabljati orodje WAT?
Prosim prenesite in namestite od tukaj .
Po uspešni namestitvi boste tik pod naslovno vrstico videli dodatno orodje za spletno dostopnost.
Tega se bomo naučili s pomočjo spletnega mesta EAsports - http://www.easports.com.
# 1) Naslov strani - Naslovno vrstico strani lahko preverimo v naslovni vrstici okna ali v naslovni vrstici zavihka brskalnikov. Ko miškin kazalec premaknete na zavihek, boste dobili informacije o naslovu strani.
Vnesite URL http://www.easports.com in z naslovom miške preverite naslov strani z miško.
# 2) Barva - Barva spletnega mesta mora biti v barvnem kontrastnem analizatorju.
Obstajajo 3 različne ravni skladnosti za določanje barvnega razmerja, to je nivo A, AA in AAA.
Imeti mora dovoljenje za AA ali AAA .
'A' predstavlja nizko stopnjo dostopnosti, 'AA' predstavlja srednjo stopnjo dostopnosti in 'AAA' predstavlja najvišjo stopnjo dostopnosti.
Vnesite URL http://www.easports.com i v orodni vrstici kliknite jeziček Barva in izberite Kontrastni analizator ter preverite.
# 3) Naslovi - Naslovi zagotavljajo učinkovit pregled vsebine strani. Vse strani naj se začnejo z naslovi H1 ali H2. Besedilo naslova mora biti večje, krepko in označeno na spletnih straneh. Stran se mora začeti s „h1“ in na vsaki strani mora biti vsaj en naslov.
Če želite preveriti strukturo naslova, kliknite http://www.easports.com in izberite zavihek Struktura, nato kliknite strukturo naslova in preverite. Dali vam bodo vse podrobnosti naslova naslova. Preučilo bo tudi, ali so naslovi pravilno ugnezdeni ali ne.
# 4) Nadomestno besedilo za slike - Atribut alt je podprt v vseh večjih brskalnikih. Vse slike bi morale imeti povezano besedilo Alt. Vrednost atributa alt prikaže kot namig, ko lebdimo nad sliko. To zagotavlja nadomestne informacije o sliki, če je slike ni mogoče prikazati.
Vnesite url http://www.easports.com, kliknite Prikaži slike in preverite, ali je za slike na voljo nadomestno besedilo.
Prikaže se spodnja pojavna okna:
Dobili boste podrobnosti, kot je omenjeno zgoraj.
# 5) Vrstni red zavihkov - Vrstni red zaporedja zavihkov mora biti prikazan logično in pravilno. Do različnih povezav lahko pridete s klikom na tipko zavihek. Po izbiri indikatorja vrstnega reda zavihkov lahko vidite število številk blizu povezav, ki prikazuje, kolikokrat je treba klikniti tipko jezička, da pridete do te povezave.
Če želite preveriti vrstni red zavihkov, kliknite url http://www.easports.com in kliknite Struktura in izberite kazalnik vrstnega reda zavihkov.
# 6) Seznami - Seznam mora biti prikazan v ustrezni strukturi. Sezname je treba vedno preveriti, da se prepričate, da so elementi na seznamu resnično na enem seznamu. Seznam je lahko v dveh oblikah: naročeno seznam in neurejeno seznam . Neurejeni seznami uporabljajo in urejeni seznami uporabljajo
element.
Vnesite URL http://www.easports.com i v orodni vrstici kliknite strukturo in izberite Elementi seznama ter preverite vrstni red seznama.
Primer neurejenega seznama:
Primer razvrščenega seznama:
# 7) Kontrast razmerje - Privzeto bi moral imeti najmanjši kontrast. Spletni brskalniki bi morali ljudem omogočiti, da po potrebi spremenijo barvo besedila in ozadja.
Vnesite Googlov url https://www.google.co.in/ in kliknite na slike ter izberite Juicy Studio Luminosity Analyzer.
Odpre se novo okno z naslovom Analizator barvnega kontrasta s tabelo rezultatov. Zadnji stolpec je razmerje kontrasta svetlobe.
java intervju programi in odgovori za izkušene
# 8) Nalepke - Nalepke morajo biti pravilno prikazane.
Vnesite url https://www.google.co.in/ in v orodni vrstici kliknite Struktura in izberite možnost polja / oznake kot možnost. Videli boste podrobnosti nabora polj in nalepke.
# 9) Osnovno Struktura Preveri - Pri tem preverjanju preverimo spletne strani brez slik, stilov in postavitve.
V orodni vrstici kliknite Slike in nato Odstrani slike.
Zdaj izberite CSS in nato kliknite Onemogoči CSS.
Na koncu kliknite Tabele in izberite Linearize.
Čas za vajo:
Dajmo si zdaj vzorec preizkusne naloge dostopnosti, seveda je rešitev na voljo. Priporočamo pa, da to preizkusite sami, preden se odpravite na odgovor.
Preverite naslove, slike z nadomestnim besedilom, indikatorjem vrstnega zavihka in barvnim kontrastom http://www.cbssports.com
Rešitev: V Internet Explorerju kliknite url http://www.cbssports.com.
Če želite preveriti naslove, kliknite Struktura in izberite Struktura naslova za preverjanje naslova.
Naslovi niso v H1. Vsi naslovi so v H2.
Če želite preveriti nadomestno besedilo, kliknite Slike in izberite Prikaži slike, da preverite, ali je nadomestno besedilo na slikah ali ne.
Ugotovili boste, da je nekaj slik z nadomestnim besedilom, nekaj pa jih nima atributa alt. Podrobnosti o sliki brez nadomestnega besedila se prikažejo v pojavnem oknu, podrobnosti o slikah z nadomestnim besedilom pa se prikažejo v bližini slik.
Na primeralt = 'Iskanje besedila CBS Sports.com', ki je prikazano v bližini ikone za iskanje, in besedilo alt = 'CBSSports.com', ki je prikazano blizu logotipa Fantasy.
Če želite preveriti indikator vrstnega reda zavihkov, kliknite Struktura in izberite Indikator vrstnega reda zavihkov .
Število se bo prikazalo v bližini povezav, kar kaže, pri kakšnem poskusu boste lahko kliknili to določeno povezavo. Na primer, če želite klikniti zgornjo povezavo do najbolj NFL, boste morali tipkovnico 13-krat pritisniti na tipkovnici.
Zdaj zadnji, ki preverja barvni kontrast, kliknite barvo in izberite Contrast Analyzer.
Besedilo prehaja z dvojnim A, tj. AA.
Tam je to način, kako oceniti dostopnost spletnega mesta.
PREV Vadnica | NASLEDNJA Vadnica
Priporočeno branje
- Vadnica za orodje za preizkušanje dostopnosti WAVE
- Vadnice za globinsko zasenčenje za začetnike
- Vadnica za preizkušanje dostopnosti (popoln vodnik po korakih)
- Top 20 orodij za preizkušanje dostopnosti za spletne aplikacije
- Najboljša orodja za testiranje programske opreme 2021 (QA Test Automation Tools)
- Vadnica za destruktivno testiranje in nedestruktivno testiranje
- Funkcionalno testiranje vs nefunkcionalno testiranje
- Vadnica za testiranje SOA: Metodologija testiranja za arhitekturni model SOA