Checkboxar - 1177

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

Viktigt att tänka på när det gäller obligatoriska fält kan du läsa om här: Obligatoriska fält

Research på komponenten

-

Relaterade resurser/komponenter

Status