Make touch targets big enough (WCAG 2.5.8)

Interactive targets should be at least 24×24 CSS pixels, or have enough spacing around them — a WCAG 2.2 addition.

Why it matters

Small, tightly packed controls are hard to hit for people with motor impairments, tremors, or anyone on a phone. Mis-taps cause errors and frustration.

How to fix it

Give buttons, links, and icons a minimum 24×24px hit area (padding counts), or space them apart. 44×44px is the friendlier target.

/* Passes */
.icon-btn { min-width: 24px; min-height: 24px; padding: 8px; }

Related guides

• Fix low colour contrast (WCAG 1.4.3) 1.4.3 Contrast (Minimum)
• Add text alternatives to images (WCAG 1.1.1) 1.1.1 Non-text Content
• Give links a discernible name (WCAG 2.4.4) 2.4.4 Link Purpose / 4.1.2 Name, Role, Value
• Give buttons a discernible name (WCAG 4.1.2) 4.1.2 Name, Role, Value

These guides cover automated checks (~30–40% of WCAG criteria). A full audit also needs manual review.