wat tutorial
WAT- eller nettilgjengelighetsveiledning for verktøylinje for tilgjengelighetsprøving:
Verktøy for tilgjengelighetsprøving ble forklart i detalj i vår forrige opplæring i Serier for tilgjengelighetsprøving .
WAT (verktøylinje for nettilgjengelighet) - er en verktøylinje for Internet Explorer nettleser og andre nettlesere - Det kan hjelpe deg med å evaluere en webside for overholdelse av retningslinjene for tilgjengelighet for nettinnhold versjon 2 (WCAG 2.0).
Hvordan bruke WAT-verktøyet?
Vær så snill last ned og installer den herfra .
Etter vellykket installasjon vil du se tilleggsverktøy for nettilgjengelighet rett under adressefeltet.
Vi kommer til å lære dette ved hjelp av EAsports nettsted - http://www.easports.com.
# 1) Sidetittel - Vi kan verifisere sidetittellinjen i tittellinjen i vinduet eller tittellinjen i nettleserne. Når du holder musepekeren på fanen, får du informasjon om sidetittelen.
Skriv inn URL-en http://www.easports.com og bekreft sidetittelen i tittellinjen på fanen ved å sveve musen.
# 2) Farge - Fargen på nettstedet skal passere i Color Contrast Analyzer.
Det er 3 forskjellige konformitetsnivåer for å bestemme fargeforholdet, dvs. nivå A, AA og AAA.
Det må få et pass på AA eller AAA .
“A” representerer lavt tilgjengelighetsnivå, “AA” representerer middels tilgjengelighetsnivå og “AAA” representerer det høyeste tilgjengelighetsnivået.
Skriv inn URL-adressen http://www.easports.com i n verktøylinjen, klikk på kategorien Farge og velg Kontrastanalysator og bekreft.
# 3) Overskrifter - Overskriftene gir en effektiv oversikt over innholdet på siden. Alle sider skal starte med H1- eller H2-overskrifter. Overskriftsteksten skal være større, fet og merket opp på websidene. Og siden skal begynne med 'h1', og på hver side skal det være minst en overskrift.
For å bekrefte overskriftsstrukturen, klikk på http://www.easports.com og velg kategorien Struktur, og klikk deretter på overskriftsstruktur og bekreft. Det vil gi deg alle overskriftsdetaljer. Det vil også undersøke om overskriftene er nestet riktig eller ikke.
# 4) Alt-tekst for bilder - Alt-attributtet støttes i alle større nettlesere. Alle bilder skal ha tilknyttet Alt-tekst. Den viser verdien av alt-attributtet som en verktøytips når vi holder markøren over bildet. Dette gir alternativ informasjon om et bilde hvis bildet ikke kan vises.
Skriv inn url http://www.easports.com, Klikk på vis bilder og verifiser om alt tekst er tilgjengelig for bilder.
Du vil komme under popup-vinduet:
Du får detaljene som nevnt ovenfor.
# 5) Tabordrekkefølge - Tabsekvensrekkefølgen skal vises logisk og riktig. Du kan navigere til de forskjellige koblingene ved å klikke på tabulatortasten. Etter å ha valgt tabulatorrekkefølgeindikator kan du se antall teller i nærheten av lenkene som viser hvor mange ganger du trenger å klikke på tabulatortasten for å nå den aktuelle lenken.
For å bekrefte fanerekkefølgen, klikk på url http://www.easports.com , og klikk på Struktur og velg indikator for tabulatorrekkefølge.
# 6) Lister - Listen skal vises i riktig struktur. Lister bør alltid kontrolleres for å sikre at listeelementene virkelig finnes i en liste. Listen kan være av to former: bestilt liste og uordnet liste . Uordnede lister bruker element og ordnede lister bruker
element.
Skriv inn url http://www.easports.com i n på verktøylinjen, klikk på strukturen og velg Listeelementer og bekreft rekkefølgen på listen.
Eksempel på uordnet liste:
Eksempel på bestilt liste:
# 7) Kontrast forhold - Den skal ha minimum kontrast som standard. Nettlesere bør tillate folk å endre fargen på tekst og bakgrunn om nødvendig.
Skriv inn google url https://www.google.co.in/ og klikk på bilder og velg Juicy Studio Luminosity Analyzer.
Et nytt vindu åpnes med tittelen Color Contrast Analyzer med resultattabellen. Den siste kolonnen er Luminosity Contrast Ratio.
hvordan åpne en søppelfil Windows 10
# 8) Etiketter - Etiketter skal vises riktig.
Skriv inn url https://www.google.co.in/ og i verktøylinjen klikker du på Struktur og velger feltsett / etiketter som alternativ. Du vil se feltoppsett og etikettdetaljer.
# 9) Grunnleggende Struktur Sjekk - I denne kontrollen bekrefter vi websider uten bilder, stiler og layout.
Klikk på Bilder og deretter Fjern bilder i verktøylinjen.
Velg nå CSS, og klikk deretter på Deaktiver CSS.
Til slutt klikker du på Tabeller og velger Linearize.
Tid for trening:
La oss nå gi oss en prøve tilgjengelighets testoppgave, selvfølgelig er løsningen gitt. Men vi anbefaler at du prøver dette selv før du går over til svaret.
Bekreft overskriftene, bildene med alt-tekst, Tabordens indikator og fargekontrast i http://www.cbssports.com
Løsning: Klikk på url http://www.cbssports.com på Internet Explorer.
For å bekrefte overskrifter, klikk på Struktur og velg Overskrift Struktur for å verifisere overskriften.
Overskriftene er ikke i H1. Alle overskriftene er i H2.
For å bekrefte alt tekst, klikk på Bilder og velg Vis bilder for å bekrefte om alt tekst er tilstede i bildene eller ikke.
Du vil finne at få av bildene er med alt-tekst, og få av dem er uten alt-attributt. Bildedetaljene uten alt-tekst vises i pop-up og detaljene til bilder med alt-tekst vises i nærheten av bildene.
For eksempelalt = 'Søk på CBS Sports.com' -tekst som vises nær søkeikonet og alt = 'CBSSports.com' -tekst som vises nær Fantasy-logoen.
For å bekrefte tabellbestillingsindikatoren, klikk på Structure og velg Tab Order Order Indicator .
Tellingen vises i nærheten av koblingene som viser hvilket forsøk du vil kunne klikke på den aktuelle lenken. For eksempel for å klikke på den øverste NFL-lenken, må du trykke på tab-knappen fra tastaturet 13 ganger.
Nå den siste som bekrefter fargekontrast, klikker du på farge og velger Kontrastanalysator.
Teksten passerer med dobbelt A dvs. AA.
Der er dette måten å evaluere tilgjengeligheten til nettstedet på.
PREV Opplæring | NESTE veiledning
Anbefalt lesing
- Veiledning for WAVE tilgjengelighetstestverktøy
- In-Depth Eclipse Tutorials For Beginners
- Veiledning for tilgjengelighetsprøving (en komplett trinnvis veiledning)
- Topp 20 Verktøy for testing av tilgjengelighet for webapplikasjoner
- Beste verktøy for testing av programvare 2021 (QA Test Automation Tools)
- Destruktiv testing og ikke-destruktiv testing
- Funksjonstesting mot ikke-funksjonell testing
- SOA Testing Tutorial: Testing Methodology For a SOA Architecture Model