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.
Opens WPIDE on
Code
.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 add this snippet
- Install WPIDE on your WordPress site (it is free) and open Code Snippets.
- Use snippet above adds it from the library in one click. Or copy the code into a new snippet with the same code type.
- It is added inactive: review the code and settings, then switch it on.