WCAG 3.2.2 Vid inmatning

Att ändra ett val i ett formulär, till exempel i en lista, en radioknapp eller en kryssruta, får inte av sig självt leda till att något stort ändras, om inte kunden har fått veta det innan. Med stort menas att en ny sida laddas, att fokus flyttas eller att innehållet ändras så att sidan blir en annan. Den som använder tangentbord bläddrar ofta genom en lista med piltangenterna och hamnar annars på en ny sida vid första tryckningen.

• Listan för sortering laddar om sidan så fort ett nytt val markeras.
• Väljaren för land eller språk skickar kunden till en annan version av butiken direkt.
• Valet av fraktsätt skickar kunden vidare till nästa steg i kassan utan att kunden tryckt på Fortsätt.
• Ett nytt fönster öppnas när en storlek väljs, till exempel en storleksguide.
• Fokus flyttas till nästa fält när ett fält har fyllts i, som i fält för postnummer och kortnummer.

Låt ändringen ske när kunden trycker på en knapp. Ska listan ändå ändra sidan direkt, skriv det vid listan innan den används.

<form action="/kategori/troejor">
  <label for="sortera">Sortera efter</label>
  <select id="sortera" name="sortera">
    <option value="nytt">Nyast</option>
    <option value="pris">Lägst pris</option>
  </select>
  <button type="submit">Sortera</button>
</form>

Kontrollera själv

Ingen av de automatiska kontrollerna ändrar val i formulär, eftersom det kan skicka iväg något eller byta sida. Prova sortering, filter, språk, land och val i kassan med tangentbordet: tryck Tab till valet och bläddra med piltangenterna. Inget ska hända förrän du trycker på en knapp.

• Understanding 3.2.2 On Input hos W3C (på engelska)
• Kravet i W3C:s svenska översättning

Det svenska namnet kommer från W3C:s auktoriserade svenska översättning, som gäller WCAG 2.0. Kravet 3.2.2 har samma lydelse i WCAG 2.1.