Skip to content
WordPressRule: target-size•Reviewed Oct 2026

Ensure interactive touch targets meet minimum 24px size in WordPress

Interactive targets like buttons, links, and pagination swatches must measure at least 24×24px (WCAG 2.2 Level AA).

What's wrong

Tiny close buttons, swatch dots, or footer links packed together trigger accidental clicks.

Who it affects

People with motor tremors, limited dexterity, or anyone using a mobile touchscreen.

How to fix on WordPress

Add padding and minimum dimensions to theme buttons, category pills, and social icon links.

Code example

Problematic Code
CSS
.pagination a {
  padding: 2px 4px;
  font-size: 12px;
}
Recommended Accessible Code
CSS
.pagination a {
  min-width: 40px;
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
}

How to check your fix

Inspect interactive elements in DevTools or turn on mobile emulation. Confirm target dimensions are at least 24×24px (recommended 44×44px).

Check if your site has this issue

Scan any public store page free against WCAG 2.2 AA in 30 seconds.

Your session has ended

Sign in again to carry on. Anything you typed on this page is kept.

Signed in another way? Use another method (opens a new tab)