Touch Target Calculator

Check interactive element sizes against WCAG 2.5.5 (44×44px, Level AAA) and 2.5.8 (24×24px, Level AA). Enter dimensions, see a live preview, and get spacing recommendations.

Target Dimensions

px
px
px (gap to nearest target)

Live Preview

Frequently Asked Questions

What are the WCAG touch target requirements?

WCAG 2.5.5 (Level AAA) requires interactive targets to be at least 44×44 CSS pixels. WCAG 2.5.8 (Level AA, added in WCAG 2.2) requires at least 24×24 CSS pixels, or sufficient spacing around smaller targets so the total clickable area plus spacing meets 24px in each dimension.

What is the spacing exception in WCAG 2.5.8?

WCAG 2.5.8 allows targets smaller than 24×24px if there is enough spacing around them. The target plus its spacing on each side must total at least 24px. For example, a 16×16px target needs at least 4px of spacing on each side to pass. This tool calculates the required spacing for you.

Do inline text links need to meet target size?

WCAG 2.5.8 explicitly exempts inline links within text blocks — they don't need to meet the 24px minimum. However, standalone links (navigation, buttons, call-to-action links) do need to meet the requirement. WCAG 2.5.5 (AAA) has fewer exceptions.

What about mobile vs desktop?

The WCAG requirements are in CSS pixels, not physical pixels. They apply equally to mobile and desktop. However, touch-based devices benefit more from larger targets since fingers are less precise than mouse cursors. Apple recommends 44pt minimum and Google recommends 48dp minimum for mobile.

Is my data stored?

No. Everything runs in your browser. Nothing is sent to any server.