hopp til innhold
Fjærdinghage

Ikke mist brukeren når skjemaet sendes inn

/ 1 min lesetid

Chris Ferdinandi tar for seg et vanlig mønster: Send-knappen deaktiveres mens skjemaet venter på svar. Et grep som virker ryddig visuelt, kan gjøre betjeningen vanskeligere.

FAGLIG LESETIPS · gomakethings.com Don’t disable buttons Å deaktivere send-knappen kan gi fokusproblemer. Håndter innsendingen og tilbakemeldingen som en helhet. Les originalartikkelen (åpnes i ny fane)

Key takeaways

  • Et deaktivert element kan ikke få tastaturfokus. Dynamisk deaktivering kan derfor forstyrre orienteringen til den som nettopp brukte knappen.
  • Håndter gjentatte innsendinger i logikken for skjemaet, fremfor å stole på knappens visuelle tilstand.
  • Artikkelen viser en innsendingstilstand på selve skjemaet, som kontrolleres før en ny handling starter.
  • Fortell at innsendingen pågår, og hva resultatet blir. Statusmeldinger må også være tilgjengelige for skjermlesere.

Ding! 💡

Jeg vil se på ventetiden som en del av brukerreisen. Brukeren trenger svar på om handlingen ble registrert, om noe fortsatt skjer og hva neste steg er. En grå knapp sier lite om alt dette. I en gjennomgang av et skjema ville jeg derfor fulgt fokus og status fra før innsending til både vellykket svar og feil.


Raut#139, 31. mars 2025