01
Meta Tag Generator
Generates every meta tag a page needs — title, description, canonical, robots, Open Graph and…
Touch Target Size Checker
Checks a target against the 24×24 CSS pixel WCAG minimum and the Apple, Material and Fluent guidelines, including the spacing exception.
SEO
Nothing uploaded
No sign-up
Free, unlimited
Enter your figures and press Calculate.
In short
Touch Target Size Checker is a free online tool on inputtesthub.com that checks a target against the 24×24 CSS pixel WCAG minimum and the Apple, Material and Fluent guidelines, including the spacing exception. It needs no account, no download and no payment, and there is no daily usage limit. Everything is processed inside your own browser, so the data you paste is never uploaded to a server.
How to use the Touch Target Size Checker
- Enter your figures in the input fields.
- The result updates as you type, together with the full working.
- Check the breakdown table to see exactly how the number was reached.
About the Touch Target Size Checker
The Touch Target Size Checker checks a target against the 24×24 CSS pixel WCAG minimum and the Apple, Material and Fluent guidelines, including the spacing exception. It runs as plain JavaScript inside the page, which means there is no upload step, no queue and no size limit imposed by a server — the only limit is your own device.
What people use it for
- Checking whether an icon button is big enough.
- Deciding between growing a target and spacing it further.
- Comparing the WCAG floor against the platform guidelines.
Details
| WCAG 2.5.8 AA | 24 × 24 CSS px |
|---|---|
| WCAG 2.5.5 AAA | 44 × 44 |
| Apple HIG | 44 pt |
| Material Design | 48 dp |
| Padding counts | Towards the target |
The maths behind it
This tool uses WCAG 2.5.8 measures the smallest dimension of the target against 24 CSS pixels, with an exception where a 24 px circle centred on the target does not overlap any neighbour's circle. Every intermediate value is shown on screen, so the result can be checked by hand.
The smallest side is what counts, which catches text links styled as buttons: a 200 × 18 px control fails on its height alone. Criterion 2.5.8 is new in WCAG 2.2 and sits at level AA, so it is inside what European and most national law requires.
Where this tool stops
There are genuine exceptions — inline links within a sentence, targets sized by the user agent, and cases where the presentation is essential or legally required. This tool does the measurement; whether an exception applies is a judgement.
Frequently asked questions
Does padding count towards the target size?
Yes. The criterion measures the whole clickable area, so a 16 px icon with 6 px of padding on every side is a 28 px target and passes. That is usually the cheapest fix — add padding rather than scale the icon.
What exactly is the spacing exception?
A target smaller than 24 px still passes if a 24 px diameter circle centred on it does not overlap the circle of any other target. It is about the space around the target, not the gap alone, and it is the part most often misapplied — two 16 px targets 10 px apart still fail.
Are there any usage caps on the Touch Target Size Checker?
There is no cost and no cap. The Touch Target Size Checker is not a demo of a paid product, so nothing is held back or watermarked.
Is my data uploaded anywhere?
No. The Touch Target Size Checker runs entirely in your browser using JavaScript. Nothing is transmitted, logged or stored, which you can verify yourself in the Network tab of your browser's developer tools.
What formula does the Touch Target Size Checker use?
It uses WCAG 2.5.8 measures the smallest dimension of the target against 24 CSS pixels, with an exception where a 24 px circle centred on the target does not overlap any neighbour's circle. The full working is printed under the result, so you can follow every step rather than trusting a black box.
Give me a worked example.
Enter a 32 × 20 px icon button and the Touch Target Size Checker returns fails — the smallest side is 20 px, four short of the 24 px minimum.
Who is the Touch Target Size Checker for?
Typical uses: checking whether an icon button is big enough. Deciding between growing a target and spacing it further. Comparing the WCAG floor against the platform guidelines. It is built for exactly those cases rather than being a general-purpose tool with this bolted on.
Where does the Touch Target Size Checker stop being reliable?
There are genuine exceptions — inline links within a sentence, targets sized by the user agent, and cases where the presentation is essential or legally required. This tool does the measurement; whether an exception applies is a judgement. Knowing where a tool stops being trustworthy matters more than the cases where it works.
What are the key numbers for the Touch Target Size Checker?
WCAG 2.5.8 AA is 24 × 24 CSS px. WCAG 2.5.5 AAA is 44 × 44. Apple HIG is 44 pt. These are printed on the page itself, so you do not have to take them on trust.
How precise is the result?
The calculation runs in double precision and the result is shown to ten significant figures, so converting a value and converting it back returns the original. What is displayed is rounded for readability; what is copied is not.
Related seo tools
All 5602
SERP Snippet Preview
Shows exactly how your title and description will appear in Google results on desktop and…
03
Keyword Density Checker
Analyses keyword density for single words and two- and three-word phrases, with stop words…
04
Schema Markup Generator
Builds valid JSON-LD structured data for Article, FAQ, HowTo, Product, LocalBusiness, Event…
05
Robots.txt Generator
Builds a robots.txt file with per-crawler rules, crawl delay, sitemap references and AI…
06
Robots.txt Tester
Tests whether a given URL is allowed or blocked by a robots.txt file, showing which rule…
07
XML Sitemap Generator
Generates a valid XML sitemap from a list of URLs, with lastmod, changefreq and priority, and…
08
Canonical URL Generator
Builds canonical link tags and shows how to canonicalise parameters, pagination and…
09
Open Graph Generator
Creates Open Graph and Twitter Card tags and previews how the link will look on Facebook…
10
Keyword Cluster Tool
Groups a keyword list into topical clusters by shared terms and intent, so you can plan one…