Logotyp vetenskapsrådet
logo_mobile

Struktur

Status:

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.