The checker renders your HTML at a phone width, measures every link, button, input and other interactive element, and lists those smaller than Android's recommended 48×48 CSS pixels, separating serious failures under WCAG 2.2's 24px minimum from smaller warnings.
The size rules it uses
| Standard | Minimum | Status here |
|---|---|---|
| Android / Material Design | 48 × 48 dp (= CSS px in a WebView) | Recommended size (default) |
| WCAG 2.2 AAA (2.5.5) | 44 × 44 CSS px | Optional recommended size |
| WCAG 2.2 AA (2.5.8) | 24 × 24 CSS px | Below this = Too small |
Links inside a sentence are exempt under WCAG — making them 48px tall would wreck the text — so they are listed separately. Checkboxes wrapped in a <label> are measured by their label, because tapping the label toggles them.
How to fix small targets
.icon-btn { min-width: 48px; min-height: 48px; display: inline-grid; place-items: center; }
nav a { display: inline-block; padding: 12px 10px; } /* bigger hit area, same look */
label { display: flex; align-items: center; gap: 10px; min-height: 48px; }Padding enlarges the tap area without enlarging the icon. More fixes in the mobile UI checklist.
Frequently asked questions
Is 48px the same as 48dp?
Yes in practice. A WebView at the default zoom maps one CSS pixel to one density-independent pixel.
Why are some links marked exempt?
WCAG exempts links inside running text. They are still easier to use with generous line height.