Använd tydliga grupperingar av formulärfälten
Använd <fieldset> och <legend> för att gruppera och associera relaterade formulärkontroller.
Gruppera formulärets fält
Vetenskapsrådets formulär kan i vissa fält ha många fält. Att dela in dem i naturliga och logiska grupper gör det enklare för användaren att fylla i korrekta uppgifter. Ett vanligt exempel på gruppering är ”Postadress” med fält för Adress/Box, Postnummer och Ort.
Kodexempel:
<fieldset>
<legend>Postadress</legend>
<label for="adress">Adress (obligatoriskt):</label>
<input id="adress" type="text" autocomplete="street-address" aria-required="true" />
<label for="postnummer">Postnummer (obligatoriskt):</label>
<input id="postnummer" type="text" autocomplete="postal-code" aria-required="true" />
</fieldset>
Visa var i processen användaren befinner sig
I de fall formulären blir omfattande bör de delas upp i flera kortare delar som tillsammans bildar en logisk steg för steg-process. För varje steg ska användaren få tydlig information om var i processen hen befinner sig.