Code & Design Tokens

Touch Targets & Spacing

Tokens

  • size.touch.min = 44/48
  • space.touch.adjacent = 8–12 px

References

  • Apple HIG — Touch targets: https://developer.apple.com/design/human-interface-guidelines/buttons#Size-and-layout
  • Material Design — Minimum touch target size: https://m3.material.io/foundations/accessible-design/accessibility-basics#7ede7f55-6f1d-4ea1-8a34-7a6a7f6d2a0f
  • WCAG 2.2 — Target Size (Minimum) 2.5.8: https://www.w3.org/WAI/WCAG22/Understanding/target-size-minimum
Previous
Accessible Typography