Target size
Target size is the clickable / tappable area of an interactive element. WCAG 2.2 SC 2.5.8 (Target Size, Minimum) at Level AA requires every target to be at least 24×24 CSS pixels, with documented exceptions.
Detailed explanation
The 24×24 minimum applies to the clickable region, not the visible icon — a 16×16 icon inside a 24×24 padded button passes. Exceptions exist for inline targets in body text (a link inside a paragraph), targets with a 24×24 spacing buffer, user-agent defaults, and "essential" presentation (e.g., a map's native pin density).
Small social icons, close controls, and variant selectors are common mobile review points. Platform design guidance may recommend larger targets than the WCAG minimum, while SC 2.5.8 also includes spacing and other documented exceptions.
How this applies to Shopify stores
AccessComply can measure detected interactive targets in reached rendered mobile states and report candidates below a configured threshold. Exceptions, overlapping hit areas, zoom, dynamic states, and usability require review; an eligible safely source-mapped CSS change may be presented for merchant approval and post-change verification.
What merchants should check next
Treat this term as a practical audit prompt, not just a definition. Check the storefront pages where the concept shows up in real customer journeys: product discovery, add-to-cart, cart drawer, checkout handoff, account login, and support contact flows. If the issue affects code, verify the rendered HTML and computed browser output after the theme change. If it affects copy or media, keep the merchant-facing wording accurate and easy to maintain.
Primary source: w3.org