3.5.4 Använd de fält som är bäst lämpade för informationen som ska samlas in

Formulär består av en rad element med olika användningsområden. Nedan beskriver vi de vanligaste elementen och hur de ska användas för att göra det lättare för användare att förutse vilka val som ska göras och vilken information som ska lämnas.

Textinmatningsfält

Textfält kan användas när antalet alternativ är för många för att lista och när stavningen inte är avgörande för efterbehandlingen av informationen.

Det finns tre varianter av textinmatningsfält:

• input-element av typen "text". Används när teckenmängden som användaren ska fylla i är begränsad till en rad.
• "textarea"-element. För längre texter och fritextsvar.
• "password". För lösenord och personliga koder .

Användning av kryssrutor, radioknappar och valboxar

För fasta alternativ i formulär finns:

• Kryssrutor: input-element av typen "checkbox"
  Kryssrutor ska användas när inget, ett eller flera alternativ är möjliga att göra. Kryssrutor är också lämpliga när det är ”politiskt känsligt” att ha ett förvalt alternativ.
• Radioknappar: input-element av typen "radio"
  Radioknappar är lämpliga för listor med två till fem alternativ när endast ett val kan göras. Radioknappar visar alla alternativ samtidigt och ger därför bättre överblick än valboxar. Radioknappar ska alltid ha ett förvalt alternativ.
• Valbox: listor skapade med select-element
  Valboxar är lämpliga för listor där ett val ska göras utifrån fem eller fler alternativ. Se alltid till att det finns ett noll-läge som val som användaren kan gå tillbaka till om hon väljer fel.

Om alternativen är ja/nej, på/av eller en bekräftelse som efterfrågas använd en kryssruta istället för två radioknappar.

Placering och aktivering av kryssrutor och radioknappar

Radioknappar och kryssrutor ska placeras på höjden (vertikalt), inte på bredden (horisontellt) eftersom det går snabbare att läsa samtidigt som det blir lättare att se vilken rubrik som hör ihop med respektive alternativ. Om horisontella rader av radioknappar används ska avståndet mellan alternativen vara så stort att det enkelt går att skilja alternativ åt.

Gör det möjligt för användaren att aktivera kryssrutorna och radioknapparna genom att klicka på både kryssrutan/radioknappen och dess ledtext. Gör detta genom att använda label-elementet i HTML, se 3.5.5 Skapa tydliga och klickbara fältetiketter.

Fält för telefonnummer

Gör det möjligt för användare med texttelefon att intill fält för telefonnummer ange att numret går till en texttelefon. Detta görs enklast med en kryssruta ”Texttelefon” bredvid fältet för telefonnummer.

Exempel

Se exempel olika varianter av inmatningsfält och exempel på telefonnummerfält med tillhörande texttelefon-alternativ.

Fördjupning

• Checkboxes vs Radiobuttons Jakob Nielsen’s Alertbox
• Mer information om texttelefoni hittar du i Handisams riktlinjer för en tillgänglig statsförvaltning: "Riv hindren".

Mätbarhet

Användningstester på pappersprototyper av formuläret är ett enkelt och billigt sätt att undersöka om valet av inmatningsfält fungerar.

Senast uppdaterad 2008-12-10