NVDA-test av nettsiden din: en praktisk fremgangsmåte

De fleste som tester tilgjengelighet stopper ved automatiske verktøy. Det er forståelig — Lighthouse og WAVE er raske og krever ingen opplæring. Men de måler ikke det som faktisk avgjør om en skjermleserbruker klarer å løse en oppgave på siden din.

NVDA lar deg høre nettsiden slik en blind eller sterkt svaksynt bruker opplever den. Den er gratis, og en første gjennomgang tar under en time.

Hva NVDA er, og hvorfor det er verktøyet å starte med

NVDA, kort for NonVisual Desktop Access, er en åpen kildekode- skjermleser for Windows. Den er utviklet av den ideelle organisasjonen NV Access og finansieres av donasjoner, i motsetning til kommersielle alternativer som JAWS.

NVDA er blant de mest brukte skjermleserne i verden, ved siden av JAWS og VoiceOver på Apple-enheter. Det gjør den til et fornuftig førstevalg når du skal danne deg et bilde av hvordan siden din fungerer for skjermleserbrukere — men den er ikke den eneste, og en fullstendig vurdering bør etter hvert også dekke VoiceOver og mobil. UUTilsynet lister NVDA og flere andre testverktøy for UU-testing på sin veiledningsside.

Slik kommer du i gang

Last ned installasjonsfilen fra NV Access sin nedlastingsside. Installasjonen tar noen minutter, og NVDA starter automatisk etterpå — du hører en talestemme med en gang.

Du trenger å kjenne fire tastekombinasjoner for en grunnleggende gjennomgang:

• NVDA-tasten er Insert eller Caps Lock, avhengig av oppsettet ditt. Den kombineres med andre taster for kommandoer.
• Tab flytter deg til neste interaktive element: lenke, knapp eller skjemafelt. Shift+Tab går bakover.
• H hopper til neste overskrift på siden. Det eneste du trenger for å teste overskriftsstrukturen.
• NVDA+Ned leser opp innholdet fortløpende fra der markøren står.

Det er nok til å avdekke de vanligste problemene. Full kommandoreferanse finnes i NVDAs norske brukermanual.

En gjennomgang du kan gjøre selv

Start med forsiden og én skjemaside — kontakt eller bestilling er som regel de med mest brukerinteraksjon. Slå av skjermen, eller lukk øynene, og prøv å forstå siden kun gjennom det NVDA leser opp.

Trykk H gjentatte ganger for å høre overskriftene i rekkefølge. En bruker som navigerer med skjermleser hopper ofte direkte mellom overskrifter for å orientere seg, uten å høre alt innholdet mellom dem. Får du en logisk innholdsfortegnelse — «Om oss», «Tjenester», «Kontakt» — eller hopper strukturen tilfeldig mellom nivå 2 og nivå 4 uten sammenheng?

Tab deg gjennom alle lenker på siden. Lytt etter lenketekst som «les mer» eller «klikk her» uten kontekst. Utenfor den visuelle sammenhengen — der «les mer» sto rett under en overskrift om et konkret tema — gir teksten ingen mening alene.

Gå så til skjemaet. Hvert felt skal leses opp med en tydelig etikett, for eksempel «E-post, redigerbar tekst» — ikke bare «Redigerbar tekst» uten noe navn. Send inn skjemaet med en feil i et felt, og sjekk om NVDA faktisk annonserer feilmeldingen. Mange skjemaer viser feilen visuelt i rødt, men sier ingenting til noen som ikke ser fargen.

De vanligste feilene en skjermlesertest avdekker

Noen mønstre går igjen på tvers av nesten alle nettsteder som ikke er testet med skjermleser tidligere.

• Bilder med alt-tekst som bare sier «bilde» eller filnavnet
• Knapper som kun vises som et ikon, uten aria-label
• Skjemafelt uten koblet etikett, slik at feltets hensikt er usynlig for NVDA
• Overskriftsnivåer som hopper fra H1 til H4 uten grunn, fordi de er valgt etter utseende og ikke struktur
• Innhold som dukker opp visuelt ved klikk, men som skjermleseren aldri får vite har endret seg

Dette er også noen av de vanligste avvikene UUTilsynet finner i tilsyn, ifølge WCAG 2.1 AA-sjekklisten. De færreste krever mye arbeid å rette. Det vanskelige er å oppdage dem i utgangspunktet — noe en visuell gjennomgang aldri gjør, fordi siden ser helt normal ut for et seende øye.

Hvor grensen for egentesting går

En egen gjennomgang med NVDA er ikke det samme som brukertesting med noen som bruker skjermleser daglig. En erfaren bruker navigerer i et helt annet tempo, bruker snarveier du ikke kjenner til, og legger merke til friksjon du overser fordi du fortsatt tenker visuelt mens du lytter.

Egentesting er likevel verdt å gjøre. Den fanger de tydeligste bruddene — manglende etiketter, kaotisk overskriftsstruktur, tomme lenker — før du sender siden videre til en fagperson eller til UUTilsynet i forbindelse med tilsyn. For offentlige virksomheter som skal dokumentere status i en tilgjengelighetserklæring, er en NVDA-gjennomgang et godt supplement til automatisk skanning — ikke en erstatning for noen av delene.