Wat is Touch Target Size Checker?
WCAG 2.2 Success Criterion 2.5.8 Target Size requires that interactive elements have a target area of at least 24x24 CSS pixels (AA). The AAA level requires 44x44px. These sizes ensure that people with motor impairments or using touch devices can reliably tap or click interactive elements without accidentally activating adjacent elements.
Snel antwoord
WCAG 2.2 requires interactive elements to have a target size of at least 24x24px (AA) or 44x44px (AAA). Four exceptions apply: inline links, native controls, essential elements, and elements with 24px+ spacing to adjacent targets. Use CSS min-width/min-height and gap/padding to fix undersized targets.
Beperkingen
- This tool checks static dimensions only. It does not account for dynamic layouts, responsive breakpoints, or zoom levels that may change the effective target size at different screen sizes.
- The spacing exception requires manual verification of actual spacing between adjacent targets. This tool checks the spacing value you enter but cannot measure actual DOM layout distances.
- WCAG 2.5.8 is a Level AA requirement in WCAG 2.2. Some enforcement bodies may apply it more strictly than others, and interpretation of exceptions varies.
Zo gebruik je deze tool
- Enter the width and height of your interactive element in CSS pixels.
- Enter the spacing to the nearest adjacent interactive element if known.
- Select the element type — different exceptions apply to inline links, native controls, and essential elements.
- Review the pass/fail result and CSS fix recommendations.
Waarvoor je het kunt gebruiken
- Check that mobile navigation buttons meet the 24px AA target size requirement.
- Verify that small icon-only buttons have sufficient spacing to adjacent elements to qualify for the spacing exception.
- Audit a page for touch accessibility before a WCAG compliance review.