Meny

Veiledning for WAVE tilgjengelighetstestverktøy

wave accessibility testing tool tutorial

Prøv Instrumentet Vårt For Å Eliminere Problemer

WAVE Web Accessibility Tool Tutorial: How to Use WAVE Chrome and Firefox Extension

Verktøylinje for tilgjengelighet til nett ble forklart i detalj i vår forrige opplæring. Denne opplæringen er en fortsettelse til den første i denne serien, sjekk den her - Test av nettilgjengelighet - del 1 .

I denne veiledningen så vi på noen grunnleggende konsepter om hva tilgjengelighet er og hvordan kan det evalueres ved hjelp av verktøy for tilgjengelighetsprøving.

I denne opplæringen vil vi se noen flere tilgjengelighetsverktøy som WAVE Toolbar, JAWS Accessibility tool, teknikker og detaljer.

WAVE tilgjengelighet

(bilde kilde)

Hva du vil lære:

c ++ tilfeldig tall mellom 1 og 3

BØLGE(Evalueringsverktøy for webtilgjengelighet)

WAVE verktøylinje

WAVE-verktøyet er et verktøy for evaluering av nettilgjengelighet - en verktøylinje for Firefox-nettleser.

Det er viktig å merke seg at WAVE ikke kan fortelle deg om nettinnholdet ditt er tilgjengelig; bare et menneske kan bestemme sann tilgjengelighet. Men WAVE kan hjelpe deg med å evaluere tilgjengeligheten til nettinnholdet ditt.

All evaluering skjer direkte i nettleseren, og ingen informasjon blir sendt til WAVE-servere. Dette sikrer 100% privat og sikker tilgjengelighetsrapportering.

For å laste ned WAVE verktøylinje for nettilgjengelighet, gå til http://wave.webaim.org/toolbar/ og laste den ned i F irefox nettleser . Forsikre deg om at du åpner nedlastings-URL i Firefox-nettleseren fordi WAVE-verktøylinjen bare støtter Firefox.

Hvordan bruke WAVE Web Accessibility Toolbar

Følgende er funksjonene vi kan bruke mens vi jobber med Firefox-nettleseren:

#1) Velg nettstedet http://www.easports.com/ , klikk deretter på “Feil, funksjoner og varsler”, du finner siden med tilgjengelighetsvarsler og feil i gul farge. Hold markøren over bildene for å se detaljene i varslene.

( Merk : klikk på et hvilket som helst bilde for forstørret visning)

Verktøy for testing av nettilgjengelighet 1

#to) Klikk nå på “Structure / Order View”, du får siden med Inline Frame-detaljer.

WAVE verktøy for evaluering av webtilgjengelighet

# 3) Klikk nå på “Kun tekstvisning”, siden vises uten bilder, stiler og layouter.

Evalueringsverktøy for Wave Web Accessibility

# 4) “Outline View” -ikonene på verktøylinjen vil fortelle deg om overskriftene er i orden eller ikke.

Evalueringsverktøy for WAVE Web Accessibility 4

# 5) “Tilbakestill side” -ikonet oppdaterer siden.

Netttilgjengelighet 5

# 6) Ved å klikke på 'Deaktiver stil' fjernes CSS-stilene fra siden.

Verktøy for netttilgjengelighet 6

# 7) “Ikonetasten” -knappen viser en liste over alle WAVE-ikoner med ytterligere detaljer, informasjon og anbefalinger.

Evalueringsverktøy for netttilgjengelighet 7

Du kan også evaluere tilgjengeligheten til nettstedet uten å laste ned bølgeverktøyet og bruke det direkte online.

Fremgangsmåte for å verifisere tilgjengeligheten til nettstedet

Trinn 1) Klikk på URL: http://wave.webaim.org/

Steg 2) Skriv inn Nettsideadresse i tekst eske og trykk enter. Vi skal bruke med som et eksempel. Så gå inn på siden www.facebook.com i tekstboksen og klikk på enter-knappen.

Trinn 3) Du finner oppsummeringsdetaljer på venstre side av navigasjonen.

  1. Feil vises i rødt med en telling. I mitt tilfelle vises det som 13.
  2. Varsler vises i gult med teller 13.
  3. Funksjonene vil være i grønt med en telling 10.
  4. Strukturelle elementer ville ha 6 i blå farge.
  5. HTML5 og ARIA ville være 15 i lilla farge.
  6. Kontrastfeil vil være 14 i svart farge.

webtilgjengelighetskontroll 8

Ved å klikke på hvert ikon vil du få mer informasjon om elementene som vist ovenfor for varsel (midt på siden).

La oss nå se på en annen kategori av verktøy:

Gratis godkjennelse av nettsider:

Få flere beste verktøy for kontroll av nettilgjengelighet:

Verktøy for synshemming

Synshemming refererer til tap av syn. Det er forskjellige typer synshemming:

  • Blindhet
  • Lavt eller begrenset syn
  • Fargeblindhet

Brukere med synshemming bruker hjelpemiddelprogramvare som leser innhold høyt.For eksempelJAWS for Window’s operativsystemer, NVDA for Window’s operativsystemer, Voice Over for Mac. UA-brukere med svak syn kan også gjøre tekst større med en nettleserinnstilling eller fantastisk innstilling av operativsystemet. Vi skal lære disse funksjonene ved hjelp av forstørrelses- og JAWS-verktøy.

Netttilgjengelighet 9

A) Forstørrelsesglass

1) Zoom tekstforstørrelsesglas forstørrer alt på dataskjermen og gjør applikasjonen enkel å se og bruke. Du kan laste den ned fra denne lenken .
For å få en god ide om hvordan dette fungerer, anbefaler vi på det sterkeste at du laster ned en gratis prøveversjon og eksperimenterer.

to) Window's forstørrelsesglass forstørrer også forskjellige deler av skjermen. Vi kan åpne den ved å klikke på Start-knappen fra skrivebordet og deretter skrive Forstørrelsesglas. Klikk på programmet Forstørrelsesglas. Når du holder musepekeren på websiden, forstørrer dette verktøyet størrelsen på skjermen og vises.

Verktøy for nedsatt syn 1

3) Blinde databrukere, som ikke kan bruke en vanlig dataskjerm, bruker en forfriskbar punktskjermvisning eller punktskrift for å lese tekstutdata.

I følge Wikipedia , en forfriskbar punktskriftsvisning eller punktskriftsterminal er en elektromekanisk innretning for å vise punktskrifttegn, vanligvis ved hjelp av rundpinner hevet gjennom hull i en flat overflate.

Verktøy for funksjonshemming for webtilgjengelighet 11

B) JAWS - Jobbtilgang med tale

JAWS er ​​en skjermleser som brukes til å teste websider på Windows-operativsystemet som gjør det mulig for visuelt skadede brukere å lese skjermen. JAWS støtter alle versjoner av operativsystemer, samt gir forfriskbar punktskjermvisning.

Netttilgjengelighet 12

Følgende er tastaturkommandoer for å bruke JAWS:

De grunnleggende funksjonene som testes ved hjelp av JAWS er:

  • JAWS gir antall tastetrykk for å navigere på websider. For eksempel piltaster, Side opp og ned-taster, Hjem, slutt og flere andre JAWS navigasjonstaster.
  • Lenker, bilder og bildekart: JAWS gir tastetrykk for å navigere fra en lenke til en annen på websiden.
  • HTML-skjemafelt og kontroller : JAWS gir tastetrykk for å navigere mellom skjemaelementer
  • HTML-rammer : Naviger i rammer med tastaturet.
  • Tabeller : Naviger i tabellceller

Dette er en kort oversikt over de forskjellige teknikkene og verktøyene som brukes til å utføre evaluering av tilgjengelighet.

Tilgjengelighetstesttips for utviklere og testere

  • Har alle aktive bilder alt-tekst som indikerer hva lenken eller knappen gjør?
  • Har alle dekorative bilder og overflødige bilder null (alt = ””) alt tekst?
  • Har alle informasjonsbildene alt-tekst som gir den samme informasjonen som bildene ga?
  • Er siden organisert med overskrifter? Er de merket som overskrifter?
  • Kan du få tilgang til alt ved hjelp av tastaturet?
  • Vil siden din bli lest i en logisk rekkefølge i en skjermleser?
  • Er det klart hvilket element som er i fokus mens du bruker tastaturtilgangen?
  • Er all viktig informasjon i en video tilgjengelig gjennom standard lyd eller gjennom ekstra lydbeskrivelse?

Utviklingsteamet kan sørge for at deres produkt er tilgjengelighetsoverensstemmende ved kodeinspeksjon og enhetstesting.

Typiske testsaker:

  • Forsikre deg om at alle funksjoner bare er tilgjengelige via tastaturet (ikke bruk musen)
  • Forsikre deg om at informasjonen er synlig når skjerminnstillingen endres til høy kontrastmodus.
  • Forsikre deg om at skjermleseverktøy kan lese all tilgjengelig tekst, og at hvert bilde / bilde har tilhørende alternativ tekst.
  • Forsikre deg om at produktdefinerte tastaturhandlinger ikke påvirker hurtigtastene for tilgjengelighet.

Konklusjon

Tilgang til nettet gir mange muligheter for funksjonshemmede brukere. Vi må imidlertid erkjenne at det er vanskelig å gi full tilgang for alle slags funksjonshemninger eller vanskeligheter som kan forhindre en bruker i å nå innholdet på et nettsted.

Fremgangsmåten kan tas, men det er kanskje ikke 100%. Hvis vi følger standardene som er skissert i denne artikkelen fra begynnelsen av utviklingen, kan vi enkelt lage et tilgjengelig nettsted for de fleste brukere.

Foreslå gjerne flere verktøy for tilgjengelighetsprøving og tips i kommentarene nedenfor.

PREV Opplæring | FØRSTE veiledning

Anbefalt lesing

^