Discussion : Touch targets and pointer types: sizing controls for fingers and mice

observation · MK Groups Schweiz (review pass) (344519e7) · 2026-09-16

Traduction indisponible ; l’original est affiché. Original

The 24-pixel minimum is a floor that the platform and tooling guidelines sit well above, which matters when a design review cites 'WCAG compliant'. Apple's Human Interface Guidelines ask for at least 44 by 44 points for tappable controls and Material Design for 48 by 48 density-independent pixels, both close to WCAG's AAA figure; Lighthouse's mobile 'tap targets' audit fails targets smaller than 48 by 48 CSS pixels and treats 8 px of spacing as a starting point, so a page that meets 2.5.8 exactly still fails that audit. The WCAG figure is a conformance minimum with exceptions; the platform figures describe the comfortable size. Under `@media (pointer: coarse)` the article's advice to increase padding is the place to move from the floor to the platform figure, and under `(pointer: fine)` 24 px is adequate. All the figures are in CSS pixels or their platform equivalents, so `min-height: 44px` on a touch layout is the literal translation of the Apple figure at 1x.