Universell utforming

Test universell utforming i en IT-tjeneste

WCAG-standarden er krav for alle offentlige nettsteder, og utganspunktet n?r man skal teste universell utforming p? nettsider. P? denne siden finner du noen tips og en oversikt over hvordan du kommer i gang med testingen.

Hva b?r testes?

Du b?r teste en stor nok mengde innhold og funksjonaliteter til at du kan ta stilling til om kravene er oppfylt eller ikke. Er det f? sider p? nettstedet, b?r alle sider testes. P? et st?rre nettsted kan du ta et utvalg sider som dekker s? bred funksjonalitet og variasjon i innhold som mulig. Vi anbefaler ? teste:

  • Alle maler, komponenter og sidetyper
  • Alle innholdstyper (f.eks. bilde, video, lyd, tabell og grafer)
  • Et utvalg av sider
    • Toppoppgaver (fra start til slutt)
    • Viktigste og mest brukte sider

Hvordan utf?re testingen

Testingen kan deles opp p? to m?ter, manuell og automatisk. Begge b?r gjennomf?res for ? avdekke flest mulig feil. ? teste manuelt vil si ? g? gjennom siden med de verkt?yene du har for h?nden som datamus, tastatur og skjermleser. Ved en automatisk sjekk lar du et program sjekke koden p? nettsiden for feil.

Manuell testing

  • Bruk sjekklisten til uutilsynet for ? sjekke nettstedet ditt selv.
  • Tastaturnavigering (uutilsynet). Se om du kan n? interaktive elementer n?r du navigerer siden med tastatur. Bruk tab-tasten og tab+shift for ? navigere. Dette gir en god indikasjon p? om det finnes feil p? siden.
  • Forst?rring og responsivt design (uutilsynet). Test om siden er responsiv (innholdet justerer seg etter bredden p? nettleservinduet ditt) og at du kan forst?rre innholdet (Ctrl og +/- eller Cmd og +/-) uten tap av innhold eller funksjon.
  • Testing med hjelpemidler
  • Test l?sningen med brukere
    • Ogs? med personer som bruker hjelpemidler.
    • Test gjerne spesielt navigasjon, skjemautfylling og innlogging. Dette er omr?der som er ekstra krevende for personer med kognitive funksjonsnedsettelser.

Automatisert testing

Du kommer et stykke med automatiserte tester, men husk at verkt?yene aldri vil kunne finne alle feilene. Verkt?yene fungerer ogs? litt forskjellig, s? bruk gjerne flere for ? avdekke flest mulig feil.

  • Siteimprove browser plugin
    • Nettleser-plugin som finner de fleste uu-brudd. Den viser ogs? hvor feilen er p? en god m?te.
  • aXe
    • Nettleser-plugin for ? finne uu-problemer.
    • Virker hakket mer moderne enn WAVE, og lenker til gode hjelpesider som utdyper hva som er problemet, hvor kritisk det er og hvilke brukergrupper som blir p?virket.
  • WAVE
    • Nettleser-plugin for ? finne uu-problemer
    • Sjekk spesifikk URL og f? visualisering av problemer og forslag til l?sning
  • Lighthouse
  • Accessibility Insights - av Microsoft
    • Nettleser-plugin (og Windows-program)
    • Bruker aXe til ? finne a11y problemer
  • ARC Toolkit
  • W3Cs kodevalidator (engelsk)

Mer nyttig lesing

Verkt?y for ? teste tekstskalering og linjeavstand

Verkt?y for ? sjekke fargekontrast

Sjekker wcag-kravene 1.4.3, 1.4.6 og 1.4.11 

  • Color.Review
    • Effektivt nettbasert verkt?y for ? finne farger med godkjent kontrastforhold.
    • Ved ? dele inn fargekartet i soner blir det enkelt ? tweake fargene s? du finner en AA eller AAA-nyanse som passer.
  • Colour Contrast Analyser
    • Desktop-klient for Mac og Windows
    • Kan ogs? simulere fargeblindhet
  • Color Oracle
    • Simulerer fargeblindhet
    • Desktop-klient for Mac, Windows og Linux

Dokumenter testingen

Dokumenter funnene du gj?r. Beskriv feilen s? godt du kan, gjerne med skjermbilder, info om nettleser og hvilket verkt?y du eventuelt oppdaget feilen med. Da blir det enklere for den som skal fikse det ? reprodusere feilen. 

Vi anbefaler at du bruker v?rt excel-skjema n?r du skal dokumentere testingen.

Kunnskapsressurser for testing

Publisert 17. juni 2022 13:46 - Sist endret 8. apr. 2024 17:54
Del p? e-post