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.