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.