Link or button may be too small to tap

Why it matters

Small links and buttons are hard to hit for people with tremors or limited dexterity, and for anyone using a phone with one thumb. WCAG 2.2 asks for targets of at least 24 × 24 pixels, unless there is enough empty space around them. Social icons, close buttons and icon links in a Custom HTML block are the usual suspects.

Who it affects: Screen reader users who browse by a list of links, keyboard users, and people using voice control who say a link's words to click it.

What Lumtera flags

Links, buttons and image, submit or button inputs whose width or height set in the content is under 24 pixels — from an inline style (width, height, min-width, min-height) or width and height attributes. For a link or button that holds only one image or icon, the image's size counts. Sizes in relative units, elements with padding set inline, and 1–2 pixel tracking images are left out. The content cannot show the space around a target or sizes set by the theme, so each one is a review item; review mode's Whole page tab measures real sizes and spacing on the rendered page.

Check ID target-size-small — use it to filter the content report or with wp lumtera issues --rule.

How to fix it in WordPress

Make the link or button at least 24 × 24 pixels, for example by making its icon larger or adding padding around it. Smaller targets pass only if nothing else clickable sits within 24 pixels of them. Links inside a sentence are exempt.

Example

<a href="https://example.social/rosas-cafe" aria-label="Rosa's Café on Example Social">
  <img src="social-icon.svg" width="16" height="16" alt="">
</a>

<a href="https://example.social/rosas-cafe" aria-label="Rosa's Café on Example Social" style="padding:6px">
  <img src="social-icon.svg" width="24" height="24" alt="">
</a>

How to check your fix

1. Update the post. The issue disappears from the Accessibility sidebar on the next check, and from the site report on the next scan.
2. Press Tab through the page. Every link and button should receive visible focus, and its text should make sense read on its own.