Annex

Fixing Target Size (Minimum) on Squarespace (WCAG 2.5.8)

Interactive controls must be at least 24 by 24 CSS pixels, unless they have enough spacing around them or an equivalent larger control exists elsewhere on the page.

Why it matters

New in WCAG 2.2, so a site audited before 2023 has almost certainly never been checked against it. On a store it hits the quantity stepper, the colour swatch row, the star rating input, the close control on the cookie banner and the pagination numbers — all of which tend to be drawn small and packed tightly. On mobile, where most storefront traffic now sits, an undersized quantity control means the customer taps 'remove' when they meant 'decrease'. That is a lost basket, not an inconvenience.

Squarespace — where to look

Product page quantity control; promotional pop-up settings; custom CSS.

What to do

Squarespace exposes limited control here, so this is usually solved with custom CSS increasing padding on the relevant controls. Test the promotional pop-up close control, which is small by default.

Verification status

Not yet confirmed against a live installation. The paths and setting names below describe the general structure of Squarespace and menu names vary by version, theme and plugins. Where we have checked a step against the platform's own source, this box says so and links to it.

How to verify the fix

  1. Open developer tools, select the control, and read its rendered box in CSS pixels — not its icon size.
  2. If a control is under 24 by 24, measure the gap to its neighbours; sufficient spacing can satisfy the criterion instead.
  3. Check the quantity stepper, swatch row, rating input and every popup close control specifically.
  4. Test at mobile viewport width, where controls are often smaller than on desktop.

Other platforms

The full criterion

Read the full explanation of WCAG 2.5.8 Target Size (Minimum), or the formal W3C definition.