WCAG 2.2 Target Size Calculator (2.5.8)

Each pointer target must be at least 24 by 24 CSS pixels — or, if smaller, spaced so that a 24 px diameter circle centred on it does not intersect another target or another undersized target's circle. It is a level AA criterion, new in WCAG 2.2.

Yes. The target is the element's clickable area, which is its border box: content, padding and border. Margin does not count — it is empty space outside the element — but it does add to the spacing between targets, which is what the spacing exception measures.

For identical targets in a row, it reduces to centre-to-centre distance: if the centres are at least 24 px apart, the circles do not overlap. A 16 px icon button therefore passes with an 8 px gap to its neighbours. A large neighbour is different — the small target's circle must not reach into it at all.

Four exceptions apply: an equivalent control elsewhere on the page meets the size; the target sits inline in a sentence or block of text; the size is set by the browser and not modified by the author; or the specific presentation is essential or legally required. Mark a target with one of these and the checker counts it as a pass.

2.5.5 Target Size (Enhanced) is level AAA and requires 44 by 44 CSS pixels with no spacing exception. 2.5.8 is the AA criterion most organisations are held to. Both are reported here.