3.5.10 Användning av knappar i formulär

Sträva efter att använda så få knappar som möjligt i ett formulär och markera den knapp som tar användaren framåt (aktionsknappen) extra tydligt. Namnet på knappen bör väljas så att den berättar vad som kommer att hända när användaren klickar på den, till exempel ”Beräkna slutpension” eller ”Lägg till ny inkomst”.

Erbjud också användaren möjlighet att spara vid behov. Om formuläret består av flera sidor ska en Avbryt-knapp finnas. Avbryt ska då avbryta hela flödet, inte bara gå tillbaka till föregående sida i formuläret. Undvik att använda Rensa-knappar i formulär. Risken att en användare av misstag rensar alla fält är större än behovet att kunna rensa alla fält.

Placering av knappar

Placeringen av knappar påverkas av hur formuläret är uppbyggt och hur många knappar som finns. Knappar som logiskt hör ihop bör grupperas. Placera knappar av typen Avbryt och Rensa till höger om aktionsknappen. Om horisontella rader av knappar används ska avståndet mellan knapparna vara så stort att det enkelt går att skilja knapparna åt.

Undvik bildbaserade knappar

Undvik att använda bildbaserade knappar i formulär eftersom texten i sådana knappar inte kan förstoras. I vissa lägen kan det dock av användbarhetsskäl vara mer tydligt med bildbaserade knappar. Ett exempel på detta är aktionsknappar som tydligt visar huvudflödet genom en webbapplikation. I dessa lägen ska texten i knappen vara 12px eller större. Bildbaserade knappar ska ges en alt-text. Value-attributet används inte om webbläsaren inte visar bilder.

Senast uppdaterad 2008-12-21