Om kategorien
Formål
Fysiske minstemål for interaktive kontroller, hentet fra Apples Human Interface Guidelines-krav om minimum 44x44pt tappbart areal - se designsystem/regler/index.html#kompleksitetsgrenser.
Egner seg for
- min-block-size/min-inline-size på ekte kontroller brukeren trykker/klikker på: knapper, skjemafelt, fane-/navigasjonslenker som fungerer som egne, isolerte handlinger.
- Enhver ny komponent som introduserer et eget tappbart element.
Egner seg ikke for
- Vanlige, inline tekstlenker i løpende tekst (brødtekst, brødsmulesti, tabellceller) - disse er ikke isolerte app-kontroller og omfattes ikke av HIG sitt tap-target-krav.
- Rent dekorative eller ikke-interaktive elementer.
Tokens
| Token | Verdi | Beskrivelse |
|---|---|---|
--tap-target-min | 2.75rem | 44px ved standard rot-skriftstørrelse (16px). Uttrykt i rem (ikke em) fordi kravet er et fast, fysisk minstemål som ikke skal krympe med en lokal, mindre font-size-kontekst (f.eks. inni et kort eller en tett liste). |
Detaljer
- Verdien er uttrykt i rem, ikke em, fordi kravet er et fast, fysisk minstemål som ikke skal krympe i en lokal, mindre font-size-kontekst (f.eks. inni et kort eller en tett liste).