Bättre effekt med användbarhet, tillgänglighet och standarder

3.5.2 Markera tydligt vilka fält som är obligatoriska

Prioritet: 1

Ge användaren stöd när formuläret fylls i så minskar risken för att onödig tid läggs på rättning av felaktigt eller ofullständigt ifyllda formulär.

Använd *-tecken för att markera vilka fält som är obligatoriska och placera tecknet före inmatningsfälten. Informera även i början av formuläret om vad som är obligatoriskt genom att skriva "Fält markerade med * är obligatoriska och måste fyllas i".

Teknisk lösning

*-tecknet ska placeras inuti label-elementet.

Uppdatering

Använd WAI-ARIA för att markera obligatoriska fält

För att hjälpmedel skall fungra så bra som möjligt kan du använda WAI-ARIA-attributet aria-required för att markera ett obligatoriskt fält. Läs mer om hur du praktiskt går tillväga här:

Identifying required fields with the "required" property i Techniques for WCAG 2.
Easy ARIA Tip 1: Using aria-required av Marco Zehe.

Slut på uppdatering

Exempel

Exempel på markering av obligatoriska fält

Mätbarhet

Utvärdera formuläret med användare.

Senast uppdaterad 2009-05-20

Innehållet baserat på Vägledningen 24-timmarswebben, tidigare utgiven av Verva, Verket för förvaltningsutveckling. Denna webbplats är ett privat initiativ.

Kommentarer

Tim Eichmann, 2009-05-19:

Länken till "Exempel på markering ..." fungerar inte.
Peter Krantz, 2009-05-20:

Tack! Har fixat länken och lagt till en kort rekommendation om WAI-ARIA för att markera obligatoriska fält.
Patrik Ernfridsson, 2009-09-13:

Hej! Jag undrar:

#1. om asterisk för obligatoriska fält i e-tjänster gäller i t.ex. USA och Asien?

#2. om det det finns någon rekommendation som håller över asteriskens färgsättning - bör den vara svart eller röd, eller något annat?

#3. om det finns någon amerikansk motsvarighet till WAI/24-timmarsriktlinjerna?