Logotyp vetenskapsrådet
logo_mobile

Struktur

Skapa ett tydligt flöde och använd inte fler fält än nödvändigt.

Minimera antalet fält

Använd så få fält som möjligt, det ökar läsbarheten och användbarheten. Minimera särskilt antalet obligatoriska fält – endast de som är absolut nödvändiga för att få in tillräckligt med uppgifter bör vara obligatoriska.

Exempel:

  • Minimera antal fält genom att slå ihop flera till ett, till exempel förnamn och efternamn eller gatunamn och nummer.
  • Gör det så tydligt som möjligt vilka fält som är obligatoriska genom att skriva ut detta.

Kodexempel:

<label for="adress">Adress <span>(obligatoriskt):</span></label>
<input id="adress" type="text" autocomplete="street-address" aria-required="true" />

Benämn funktioner konsekvent

Var konsekvent i beskrivning och namngivning av återkommande funktioner. Detta gäller till exempel rubriker, etiketter, ikoner och alternativtexter. Använd inte ”Skicka” i ett formulär och ”Sänd” i ett annat på samma webbplats.