Exempel
Designspecifikation
Formulärfält har generellt blå ram och ljusblå fyllnad. Hörnradie 10 px.
När ett fält är i aktivt läge får den en innerskugga.
Formulärfält som ligger mot en färgad bakgrund (tex. ljusblå) har vit fyllnad men i övrigt samma skuggningar, ramar etc. som de blå formulärfälten.
Fält som signalerar felmeddelande har röd streckad ram och ljusrosa fyllnad. Disablade fält har grå ram och vit fyllnad.
Do’s and Don’ts
-
Tillgänglighet
I formulär ska användaren ges ledtexter och instruktioner som tydligt anger vad som ska väljas eller matas in. Det kan exempelvis handla om vilket format användaren förväntas fylla i informationen i, det är då viktigt att alla användare kan uppfatta instruktionerna.
Det är i och med detta viktigt att dessa ledtexter och instruktioner i kod är knutna till de respektive fält de är menade för. Detta åstadkoms med elementet label. Label-elementen måste också kopplas korrekt till respektive formulärobjekt med attributet for som ska peka på formulärobjektets id.
När felmeddelanden läggs in i formuläret så måste det knytas till formulärsobjektet eller gruppen det är menat att tillhöra. Detta är för att det inte bara ska synas visuellt utan vara kopplat så att alla användare kan uppfatta det.
Research på komponenten
-
Relaterade resurser/komponenter
Status
Status | FÄRDIG VALIDERAD |
|---|---|
Publicerad | 2020-01-18 |
Senast uppdaterad | 2020-01-20 |