Hopp til hovedinnholdet

3.2.2 Inndata (Nivå A)

Dette er en del av en artikkelserie som tar for seg alle AA punkter i WCAG 2.0.
For å se hele listen, klikk her.

Elementene endres ikke når de mottar input

3.2.2 Inndata (Nivå A)

Hvis du vil at brukerne skal komme tilbake til nettstedet ditt, må du forsikre deg om at det fungerer slik brukerne forventer at det gjør det.

Når et skjema mottar inout fra brukere (for eksempel å skrive inn en adresse eller velge en fødselsdato), må det ikke automatisk hoppe til et annet felt eller automatisk sende inn - kjent som "endre på inndata". Dette kan desorientere brukere.

Send bare skjemadata når en bruker velger å klikke på en innsendingsknapp. Det er sunn fornuft, men hvis siden din oppfører seg "feil", vil brukerne bli frustrerte og forlate.

Hva bør du gjøre

Her er noen eksempler på hva slags ting du kan se etter:

  • Skjemaer må ikke sendes automatisk når alle feltene er fylt ut - dette forhindrer brukerne dine i å sjekke og redigere det de har skrevet.
  • Fokus (feltet der brukeren vil legge inn informasjon) må ikke automatisk hoppe til neste felt i et skjema når et felt er fullført.
  • Å bruke en kontroll (som å velge ja eller nei) må ikke automatisk utføre handlingen (for eksempel å velge å abonnere på et nyhetsbrev i en avkrysningsrute må ikke automatisk abonnere brukeren din, de skal kunne klikke på en innsendingsknapp for å bekrefte avgjørelsen sin ).

Tips

Den enkleste måten å passere retningslinje 3.2.2 er å bruke sende-knapper og unngå å tvangs-flytte brukerne dine mellom felt. Det handler om å la kontrollen ligge i dine brukers hender, der den hører hjemme.

Unntak

Elementer kan endres på input hvis du informerer brukeren om endringen før de har sjansen til å legge inn dataene sine eller gjøre sitt valg. For eksempel kan det hende du har sett nettsteder med alternativer i overskriften for å velge en tekststørrelse. Når du klikker på størrelsen du ønsker, endres nettstedet uten å gi deg sjansen til å bekrefte valget.
Kontroller som dette trenger ikke å ha en innsendingsknapp, så lenge det er klart fra teksten over elementet hva som vil skje når du legger inn informasjon.