Ecom Atlas

Touch targets and spacing

Audit the active area around storefront controls, then fix undersized targets or the spacing around them against WCAG 2.2.

Skip this if Teams seeking a whole-site accessibility conformance determination

Treat target size as an acceptance rule, not a visual preference. For each storefront control, either provide an active area of at least 24 by 24 CSS pixels or document how it meets a WCAG 2.2 Success Criterion 2.5.8 exception.[1]

The active area matters, not the visible icon. A 16-pixel close icon can sit inside a larger button. A 24-pixel icon can still fail when only part of it responds to a tap.

The rest of this lesson is available once the Atlas is unlocked.

Your analytics choice

We use optional PostHog analytics to understand which pages and lessons help. No advertising tracking. Read the Cookie Policy.