Standarder · WCAG 2.2

SC 3.2.2 Nivå A WCAG 2.0

Vid inmatning

Att ändra inställningen för ett gränssnittselement får inte automatiskt orsaka en kontextändring om inte användaren har varnat i förväg. Att välja ett värde ska inte tyst navigera, skicka eller omstrukturera sidan.

Vad det kräver

Att ändra ett kontrollvärde — välja ett alternativ i en <select>, kryssa i en kryssruta, välja en radioknapp, redigera ett textfält — får inte tyst orsaka en stor kontextändring. Om inmatningen genuint behöver utlösa en sådan ändring måste sidan varna användaren innan kontrollen nås, så att beteendet är förutsägbart.

Tillåtna mindre effekter (att visa beroende fält, uppdatera en förhandsgranskning) är fine; vad som är förbjudet är tyst navigering, formulärskick, nya fönster eller genomgripande omstrukturering.

Hur man uppfyller det

  • Använd en separat skicka- eller verkställknapp efter att användaren valt värden, i stället för att auto-skicka vid ändring.
  • För språk- och landväljare, antingen varna (“Att välja ett språk laddar om sidan”) eller kräv en Gå-knapp.
  • För filter-gränssnitt som uppdaterar resultat live är det acceptabelt när resultaten visas inline — men om URL:en ändras eller användaren förflyttas behandlas det som en kontextändring.
  • Hantera visning av beroende fält smidigt med lämplig fokushantering.
  • Om auto-skick är genuint nödvändigt, informera om det i instruktioner nära kontrollen eller i fältets tillgängliga beskrivning.

Vanliga fel

  • Lands- och språk-<select>-element som omedelbart navigerar till en annan URL när värdet ändras.
  • Filterkryssrutor som laddar om sidan vid varje ändring utan varning och scrollar användaren till toppen.
  • Datumväljare som skickar det omgivande formuläret i samma ögonblick ett datum väljs.
  • Växlingsknappar i adminpaneler som utlöser destruktiva operationer (radering, publicering) utan bekräftelse.

Varför det spelar roll

Skärmläsare- och tangentbordsanvändare utforskar ofta formulärkontroller innan de bestämmer sig — öppnar en rullgardinsmeny för att läsa alternativ, tabbar genom radioknappar för att jämföra etiketter. Om ett val tyst skickar eller navigerar tappar användaren sin plats och sina data. Regeln bevarar användarens kontroll: det är användaren, inte sidan, som bestämmer när ett val ska bekräftas.