What is the minimum touch target size?

WCAG 2.5.5 (Level AAA) recommends at least 44x44 CSS pixels. Apple HIG requires 44x44 points for iOS. Material Design 3 recommends 48x48 dp. A practical rule of thumb is to use 44px or larger on any dimension.

What is the difference between px, dp, and pt?

px is CSS pixels (web). dp (density-independent pixels) is Android's unit — at 160 dpi, 1 dp = 1 px. pt (points) is iOS's unit — on a non-Retina display, 1 pt = 1 px. For comparison purposes this tool treats them as equivalent logical units.

Does WCAG 2.5.5 apply to desktop as well?

Yes. WCAG 2.5.5 applies to all pointer-based interactions, including mouse clicks on desktop. However, the guideline is Level AAA (enhanced), so it is an advisory recommendation rather than a strict pass/fail for basic conformance.

What if my target is smaller but surrounded by spacing?

WCAG 2.5.8 (WCAG 2.2, Level AA) allows a smaller visual target if the offset spacing around it brings the total interactive area to 24x24px or more. This tool checks the visual element size; add padding in CSS to increase the actual hit area without changing the visual size.

My icon is 24px but has 10px padding. Does it pass?

The effective touch area would be 44x44px (24 + 10 + 10 on each side), which passes. Enter 44 in both fields to confirm, or calculate total size = visual size + 2 * padding before entering values here.

Touch Target Size Checker

Name: Touch Target Size Checker
Availability: InStock
Author: Nham Vu

Enter your tap target dimensions and instantly see if they pass WCAG 2.5.5 (44x44px), Apple HIG (44pt), and Material Design (48x48dp) accessibility guidelines.

Target Dimensions

Width

Height

Unit

px (web) dp (Android) pt (iOS)

Quick presets

Enter dimensions and click "Check Target"

Summary