Accessibility · official-source review · reviewed 2026-10-10
A small icon button is easy to aim with a mouse and hard to hit on a phone.
Compare the width and height of a pointer target with the 24 by 24 CSS pixel minimum, and show when the spacing exception needs a look.
Designers and developers sizing buttons, icons, and links for pointer and touch use.
Use the source document or official route that applies to your situation. This guide does not contact another person or verify external information.
Measure the clickable area in CSS pixels, including padding. Not only the visible icon.
WCAG 2.2 asks for at least 24 by 24 CSS pixels for pointer targets, with some exceptions.
If the target is smaller, enlarge its clickable area or check the spacing exception.
The spacing exception depends on the distance to nearby targets. Read the WCAG text before relying on it.
Try the target on a real touch screen with a finger, not only a mouse.
An icon button is 20 by 24 pixels. The width is below the minimum, so the result says to check the spacing exception.
Use your own source and details. The example is not a record about a real person or organization.
W3C Web Accessibility Initiative · reviewed 2026-10-10
What this source supports: WCAG 2.2 requires a minimum 24×24 CSS pixel target size for pointer inputs, with spacing exceptions when targets are at least 8 pixels apart.
Source limit: Target size is one of many pointer-accessibility requirements; test on real touch devices.
These sources support the statements above. They do not show that every person needs this guide. They do not show a specific result.
This guide checks the size of one target. It does not test spacing between targets or test on real devices.
Target size is one of many pointer-accessibility requirements; test on real touch devices.
Use current instructions from the responsible organization. This guide is a planning aid, not an official decision or a substitute for qualified advice.
Compare the width and height of a pointer target with the 24 by 24 CSS pixel minimum, and show when the spacing exception needs a look.
This App checks the size of one target from the numbers you enter. It does not test spacing between targets or test on real devices.
You enter every number yourself. The sources support the method and the limits. They do not produce a result for your specific case. Keep the original documents next to the sheet you build.
The App computes the worked example with your own numbers, in your browser.
APP 1
Compare the width and height of a pointer target with the 24 by 24 CSS pixel minimum, and show when the spacing exception needs a look.
Free · no account · no upload
Open Pointer Target Size Minimum CheckThe App runs in this browser. It does not send or save entries. Copy, download, or print only when you choose.
This guide uses short, direct instructions as an ASD-STE100-style writing target. It is not a formal certification.
Companion App: Pointer Target Size Minimum Check. It runs in this browser and does not upload your entries.
This guide is edited for clarity and checked against the sources it links. It is not a substitute for official instructions or qualified advice. A linked source does not show that every person needs this guide.