Exempel
Designspecifikation
Checkboxar har rundade hörn 4px och har blå check-markering i aktivt läge.
Fill: sky-background
Linje: sky-base
Checkmarkering: sky-base
Disablad checkbox är fylld med grå färg: stone-clear. Texten är kursiv.
Do’s and Don’ts
-
Tillgänglighet
Det är viktigt att det framgår tydligt om checkboxarna är “checkade” eller inte. Det är också viktigt att det visuellt är tydligt vart fokus ligger. Se till att checkboxarna är kopplade till sin kontext, genom exempelvis en label för grupperingen så man förstår vad gruppen med checkboxar handlar om.
Exempel: https://www.w3.org/TR/wai-aria-practices/examples/checkbox/checkbox-1/checkbox-1.html
Research på komponenten
-
Relaterade resurser/komponenter
Status
Status | FÄRDIG VALIDERAD |
---|---|
Publicerad | 2020-01-18 |
Senast uppdaterad | 2020-01-20 |