wave accessibility testing tool tutorial
WAVE Web Accessibility Tool Tutorial: Sådan bruges WAVE Chrome og Firefox Extension
Værktøjslinje til webtilgængelighed blev forklaret detaljeret i vores tidligere tutorial. Denne tutorial er en fortsættelse af den første i denne serie, tjek den her - Test af webtilgængelighed - del 1 .
I denne vejledning så vi på nogle få grundlæggende begreber om, hvad tilgængelighed er, og hvordan kan det evalueres ved hjælp af værktøjer til tilgængelighedstest.
I denne vejledning vil vi se et par flere tilgængelighedsværktøjer som WAVE Toolbar, JAWS Accessibility-værktøj, teknikker og detaljer.
[billede kilde]
Hvad du vil lære:
er netværkssikkerhedsnøglen den samme som wifi-adgangskoden
BØLGE(Evalueringsværktøj til webtilgængelighed)
WAVE-værktøjet er et værktøj til evaluering af webtilgængelighed - en værktøjslinje til Firefox-browser.
Det er vigtigt at bemærke, at WAVE ikke kan fortælle dig, om dit webindhold er tilgængeligt; kun et menneske kan bestemme sand tilgængelighed. Men WAVE kan hjælpe dig med at evaluere tilgængeligheden af dit webindhold.
Al evaluering sker direkte i browseren, og der sendes ingen oplysninger til WAVE-servere. Dette sikrer 100% privat og sikker tilgængelighedsrapportering.
For at downloade WAVE værktøjslinje til webtilgængelighed, gå til http://wave.webaim.org/toolbar/ og download det i F irefox-browser . Sørg for, at du åbner downloading af URL i Firefox-browseren, fordi WAVE-værktøjslinjen kun understøtter Firefox.
Sådan bruges WAVE Web Accessibility Toolbar
Følgende er de funktioner, vi kan bruge, når vi arbejder på Firefox-browseren:
# 1) Vælg hjemmesiden http://www.easports.com/ , klik derefter på “Fejl, funktioner og alarmer”, du finder siden med tilgængelighedsadvarsler og fejl i gul farve. Hold musen over på billederne for at se detaljerne om advarsler.
( Bemærk : klik på et hvilket som helst billede for at se et forstørret billede)
#to) Klik nu på “Structure / Order View”, du får siden med Inline Frame detaljer.
# 3) Klik nu på 'Kun tekstvisning', siden vises uden billeder, stilarter og layout.
# 4) Ikonerne 'Oversigtsvisning' på værktøjslinjen fortæller dig, om overskrifterne er i orden eller ej.
# 5) Ikonet 'Nulstil side' opdaterer siden.
# 6) Ved at klikke på 'Deaktiver typografi' fjernes CSS-typografier fra siden.
# 7) Knappen “Ikonetast” viser en liste over alle WAVE-ikoner med yderligere detaljer, oplysninger og anbefalinger.
Du kan også evaluere tilgængeligheden af hjemmesiden uden at downloade bølgeværktøjet og bruge det direkte online.
Skridt til at kontrollere tilgængeligheden af hjemmesiden
Trin 1) Klik på URL: http://wave.webaim.org/
Trin 2) Gå ind i Webadresse i tekst boks og tryk Enter. Vi skal bruge med som et eksempel. Så gå ind på siden www.facebook.com i tekstfeltet, og klik på knappen Enter.
Trin # 3) Du finder oversigtsoplysninger på venstre side af navigationen.
- Fejl vises i rødt med en optælling. I mit tilfælde vises det som 13.
- Alarmer vises i gult med et antal 13.
- Funktionerne vil være i grønt med et antal 10.
- Strukturelle elementer ville have 6 i blå farve.
- HTML5 og ARIA ville være 15 i lilla farve.
- Kontrastfejl ville være 14 i sort farve.
Når du klikker på hvert ikon, får du flere oplysninger om elementerne som vist ovenfor til alarm (i midten af siden).
Lad os nu se på en anden kategori af værktøjer:
Validatorer til tilgængelighed af websider:
Få flere bedste værktøjer til kontrol af webtilgængelighed:
- AChecker open source-evalueringsværktøj til tilgængelighed
- PowerMapper
- Tilgængelighedsbetjent
- EvalAccess
- MAGENTA
Værktøjer til synshandicap
Synshandicap refererer til et synstab. Der er forskellige slags synshandicap:
- Blindhed
- Lavt eller begrænset syn
- Farveblindhed
Brugere med synshandicap bruger hjælpemiddelsoftware, der læser indhold højt.For eksempelJAWS til Window's operativsystemer, NVDA til Window's operativsystemer, Voice Over til Mac. UA-brugere med svag vision kan også gøre teksten større med en browserindstilling eller storslået indstilling af operativsystemet. Vi vil lære disse funktioner ved hjælp af forstørrelsesglas og JAWS-værktøjer.
A) Forstørrelsesglas
1) Zoom tekstforstørrelsesglas forstørrer alt på din computerskærm og gør applikationen nem at se og bruge. Du kan downloade det fra dette link .
For at få en god idé om, hvordan dette fungerer, anbefaler vi stærkt, at du downloader en gratis prøveversion og eksperimenterer.
to) Vinduesforstørrelsesglas forstørrer også forskellige dele af skærmen. Vi kan åbne det ved at klikke på Start-knappen fra dit skrivebord og derefter skrive Forstørrelsesglas. Klik på programmet Forstørrelsesglas. Når du holder musen på websiden, forstørrer dette værktøj skærmens størrelse og vises.
3) Blinde computerbrugere, der ikke kan bruge en normal computerskærm, bruger punktskrift eller punktskriftsterminal til at læse tekstoutput.
Ifølge Wikipedia , en forfriskbar punktskriftsskærm eller punktskriftsterminal er en elektromekanisk anordning til visning af punktskrifttegn, normalt ved hjælp af stifter med rund spids hævet gennem huller i en flad overflade.
B) JAWS - Jobadgang med tale
JAWS er en skærmlæser, der bruges til at teste websider på Windows-operativsystem, der gør det muligt for visuelt beskadigede brugere at læse skærmen. JAWS understøtter alle versioner af operativsystemer samt giver en opdaterbar braille-skærm.
Følgende er tastaturkommandoer til brug af JAWS:
De grundlæggende funktioner, der testes ved hjælp af JAWS er:
- JAWS giver antallet af tastetryk for at navigere på websider. For eksempel piletaster, Page Up og Down taster, Home, End og flere andre JAWS navigeringstaster.
- Links, billeder og billedkort: JAWS giver tastetryk for at navigere fra et link til et andet på websiden.
- HTML-formularfelter og -kontroller : JAWS giver tastetryk for at navigere mellem formelementer
- HTML-rammer : Naviger i rammer med tastaturet.
- Tabeller : Naviger i tabelceller
Dette er en kort oversigt over de forskellige teknikker og værktøjer, der bruges til at gennemføre vurderingen af tilgængelighed.
Tips om tilgængelighedstest til udviklere og testere
- Har alle aktive billeder alt-tekst, der angiver, hvad linket eller knappen gør?
- Har alle dekorative billeder og overflødige billeder null (alt = ””) alt tekst?
- Har alle informationsbilleder alt-tekst, der giver de samme oplysninger, som billederne leverede?
- Er siden organiseret med overskrifter? Er de markeret som overskrifter?
- Kan du få adgang til alt ved hjælp af tastaturet?
- Vil din side blive læst i en logisk rækkefølge i en skærmlæser?
- Er det klart, hvilket element der er i fokus, mens du bruger adgang til tastaturet?
- Er alle de vigtige oplysninger i en video tilgængelige via standardlyd eller gennem tilføjet lydbeskrivelse?
Udviklingsteamet kan sikre, at deres produkt er tilgængelighedsoverensstemmende ved kodeinspektion og enhedstest.
Typiske testsager:
- Sørg for, at alle funktioner kun er tilgængelige via tastaturet (brug ikke musen)
- Sørg for, at oplysninger er synlige, når skærmindstillingen ændres til høj kontrasttilstande.
- Sørg for, at skærmlæsningsværktøjer kan læse al tilgængelig tekst, og at hvert billede / billede har tilhørende alternativ tekst tilknyttet.
- Sørg for, at produktdefinerede tastaturhandlinger ikke påvirker tilgængelighedstastaturgenveje.
Konklusion
Webtilgængelighed giver mange muligheder for handicappede brugere. Vi er imidlertid nødt til at erkende det faktum, at det er vanskeligt at give fuld adgang til enhver form for handicap eller vanskeligheder, der kan forhindre en bruger i at nå indholdet på et websted.
Trin kan tages, men det er muligvis ikke 100%. Hvis vi følger de standarder, der er skitseret i denne artikel fra den indledende fase af udviklingen, kan vi nemt oprette et tilgængeligt websted for de fleste brugere.
Du er velkommen til at foreslå flere tilgængelighedstestværktøjer og tip i kommentarerne nedenfor.
PREV-vejledning | FØRSTE vejledning
Anbefalet læsning
- WAT (Web Accessibility Toolbar) Vejledning til tilgængelighedstest
- Vejledning til testning af tilgængelighed (En komplet trinvis vejledning)
- Dybdegående formørkelsesvejledninger til begyndere
- Geb Tutorial - Browserautomatiseringstest ved hjælp af Geb Tool
- Bedste softwaretestværktøjer 2021 [QA Test Automation Tools]
- Top 20 Testværktøjer til tilgængelighed til webapplikationer
- Destruktiv test og ikke-destruktiv testvejledning
- Funktionel testning mod ikke-funktionel testning