Touch Target Size Checker
Enter the width and height of an interactive element to instantly check whether it meets WCAG 2.5.5, WCAG 2.5.8, Apple HIG, and Google Material touch target guidelines.
Common sizes
WCAG 2.5.8WCAG 2.2
AA Minimum — 24×24px
WCAG 2.5.5WCAG 2.2
AA Enhanced — 44×44px
Apple HIGiOS / macOS
44×44pt min — 44×44px
Google MaterialAndroid
48×48dp min — 48×48px
Increase width +4px, height +4px to also meet Google Material's 48×48dp guideline.
Why Touch Target Size Matters
Small tap targets are one of the most frustrating usability problems on mobile interfaces. When buttons, links, or form controls are too small, users miss them — triggering the wrong action or giving up entirely. This problem is most acute for users with motor impairments, larger fingers, or situational disabilities like holding a phone on a moving vehicle. A 2023 accessibility study found that touch target failures account for more than 30% of all mobile accessibility errors on production apps.
WCAG 2.2 introduced two new success criteria specifically for target size. WCAG 2.5.8 (AA, Minimum) sets a floor of 24×24 CSS pixels — anything below this is non-compliant. WCAG 2.5.5 (AAA, Enhanced) raises the bar to 44×44px, which aligns with Apple's Human Interface Guidelines. Google's Material Design goes further, recommending 48×48dp for all interactive elements. Each extra pixel of touch area meaningfully reduces mis-taps, especially for users with motor control difficulties.
Platform guidelines exist for a reason: Apple and Google have tested these numbers against real-world usage data. The 44pt minimum was derived from research on the average adult fingertip width. Designing above the minimum — rather than just meeting it — is one of the clearest signs of a mature, user-centred design practice.