# Bigger Tap Targets for Small Links and Buttons

> Gives menu links, pagination links, icon buttons and form controls a minimum 24 by 24 pixel tap area, the WCAG 2.2 target size minimum, without changing how they look.

- Type: CSS
- Runs: Site-wide header
- Category: [Accessibility](https://wpide.com/library/category/accessibility/)
- Tags: wcag, mobile, touch
- Author: WPIDE Team
- Installs: 0
- Updated: 2026-10-28
- Page: https://wpide.com/library/a11y-minimum-target-size/

## Code

```css
.menu a,
.page-numbers,
.wp-block-social-link a,
.wp-block-navigation-item__content,
.tagcloud a,
.wp-block-tag-cloud a,
button,
input[type="checkbox"] + label,
input[type="radio"] + label {
    min-height: 24px;
    min-width: 24px;
    display: inline-flex;
    align-items: center;
}

input[type="checkbox"],
input[type="radio"] {
    min-width: 18px;
    min-height: 18px;
}
```

## Notes

Raise the values to 44px for the stricter AAA level if your layout allows it.

## How to use it

Install the free WPIDE plugin (https://wordpress.org/plugins/wpide/), find "Bigger Tap Targets for Small Links and Buttons" in its snippet library and add it in one click; or create a new CSS snippet in WPIDE (or any code snippets plugin) and paste the code above. More snippets: https://wpide.com/library/