Hopp til innhold
Aksel

Søk

Ctrl+K for å søkeEsc for å lukke

Aksel

Designsystemet
God praksisBloggen

Retningslinje

3.2.2 Inndata

Brukerinteraksjoner skal ikke utløse uforventede endringer på nettsiden.

Suksess

3.2.2 Inndata (nivå A)

Endring av innstillingene til en brukergrensesnittkomponent medfører ikke automatisk kontekstendring, med mindre brukeren er blitt varslet om det før bruk av komponenten.

Hvorfor er suksesskriteriet viktig?

Større endringer på en nettside skjer til vanlig bare når man trigger dem bevisst, som for eksempel ved å trykke på en knapp som utløser endringen.

Det kan bli forvirrende hvis slike endringer aktiveres bare ved å taste inn tekst i et input-felt, navigere til et valg i en nedtrekksmeny eller huke av en sjekkboks eller radioknapp.

Suksesskriteriet skal sikre at slike handlinger ikke leder til automatisk kontekstendring.

Suksesskriteriet er spesielt viktig for:

  • Personer med kognitive utfordringer, som kan bli desorientert når nettsiden plutselig endrer seg.
  • Personer med lesevansker eller nedsatt syn, som kan trenge ekstra signaler for å oppdage kontekstendringer.

Tips

Hva er en kontekstendring?

En kontekstendring refererer til en betydelig endring i brukeropplevelsen.

Her er hovedtypene av kontekstendringer:

  • Endring av nettleser (brukeragent): Dette skjer når en handling fører til at brukeren forlater nettleseren eller applikasjonen, for eksempel å åpne en ny applikasjon eller lenke.
  • Viewport-endring: Dette skjer når det synlige området på nettsiden endres.
  • Fokusendring: Dette refererer til situasjoner der tastaturfokuset automatisk flyttes til et annet element.
  • Innholdsendring: Dette skjer når betydningen av siden endres, eller når elementer på siden omorganiseres på en måte som endrer brukerens forståelse av innholdet.

Anbefalinger

  • Unngå uventede endringer:
    • Unngå automatiske endringer som skjer uten at brukeren utløser dem selv. Hvis en bruker for eksempel velger et alternativ fra en rullegardinmeny, må fokuset ikke flyttes et annet sted.
    • Bruk alltid en «send»-knapp istedenfor automatisk innsending av skjema.
  • Unngå å laste inn sider på nytt:
    • Unngå at hele siden lastes inn på nytt hvis ikke det er helt nødvendig.
    • I nedtrekkslister vent med å laste inn siden på nytt til brukeren har bekreftet valget med enter (ikke last hvis man bare har navigert til et valg med piltaster).
  • Angi nye vinduer:
    • Hvis en lenke åpnes i et nytt vindu, sørg for å angi dette i lenketeksten. Dette hjelper brukerne med å forberede seg på endringen i kontekst. Les også Hvordan lage gode lenker

Vanlige misforståelser

  • En endring av innhold er ikke alltid en endring av kontekst. Endringer i innhold, som for eksempel et ekspandert felt, åpning av en datovelger eller en dynamisk meny, endrer ikke nødvendigvis konteksten, med mindre de også endrer fokus, nettleser, visningsområde eller innholdets betydning.
  • Aktivering av lenker eller knapper regnes ikke som endring av innstillinger, men som aktivering av kontrollen.

Hvordan teste kravet

Tips

WCAG har flere krav knyttet til tastaturnavigasjon som med fordel kan testes samlet. Se testprotokollen for tastaturnavigasjon for flere detaljer.

Kjernespørsmålet

Medfører endring av innstillinger i brukergrensesnittkomponenter en automatisk kontekstendring uten at brukeren er informert på forhånd?

Innhold du må teste

Alle skjemafelt og interaktive elementer der brukeren kan fylle inn data eller endre innstillinger. Som nedtrekkslister, radioknapper, avkrysningsbokser og tekstfelt.

Testmetode

  • Naviger til alle skjemakontroller eller interaktive elementer ved hjelp av tastatur
  • Kontroller at ingen kontekstendring utløses når data fylles inn eller en innstilling endres:
    • Du kan skrive tekst i et tekstfelt, velge avkrysningsbokser, navigere mellom radioknapper eller velge alternativer uten å utløse en kontekstendring.
    • Kontroller at det siste feltet ikke automatisk sender inn skjemaet og utløser en kontekstendring.
  • Hvis en kontekstendring oppstår, sjekk at det finnes synlige, tilgjengelige tekstinstruksjoner som forklarer denne oppførselen før skjemaelementet eller kontrollen som utløser kontekstendringen.

Ofte stilte spørsmål

Hva med automatisk oppdatering av innhold?

All automatisk oppdatering kan skape problemer. For eksempel bør en bildekarusell med tekst ikke oppdateres automatisk, eller brukeren bør kunne pause oppdateringen for å bestemme sitt eget lesetempo.

Medvirkende

Karina Ludwig

Innspill til artikkelen

Logg inn med Nav SSO for å gi innspill til artikkelen

Logg inn med Nav SSO
3.2.2 Inndata - Aksel.nav.no